/*
Theme Name: Creative Cartography
Theme URI: http://www.robicowebsolutions.com
Description: A theme by <a href="http://www.robicowebsolutions.com">Robico Web Solutions</a>.
Version: 1.5
Author: Jessica Robinson
Author URI: http://www.robicowebsolutions.com
*/

body{margin:0px; padding:0px; font-size:24px; color:#FFFFFF; font-family: Arial,'Helvetica Neue',Helvetica,'Liberation Sans',sans-serif;
background: #FFFFFF;
}
input, select, textarea, button{font-family:inherit;}
#colourwrapper{margin:auto; background: rgb(135,155,155); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3OWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTVmNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(135,155,155,1) 0%, rgba(73,95,95,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,155,155,1)), color-stop(100%,rgba(73,95,95,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(135,155,155,1) 0%,rgba(73,95,95,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(135,155,155,1) 0%,rgba(73,95,95,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(135,155,155,1) 0%,rgba(73,95,95,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(135,155,155,1) 0%,rgba(73,95,95,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#879b9b', endColorstr='#495f5f',GradientType=0 ); /* IE6-8 */
}
.wrapper{margin:auto; }
/*=============HEADERS=============*/
h1{margin-top:0px; font-family: serif; font-size: 36px; font-style: italic; font-weight: 400;}
h2{margin-top:0px; font-family: serif; font-size: 30px; font-style: italic; font-weight: 400;}
h3{margin-top:0px;font-family: serif; font-size: 24px; font-style: italic; font-weight: 400;}
h4{margin-top:0px; font-family: serif; font-size: 18px; font-style: italic; font-weight: 400;}
/*=============ANCHORS/LINKS=============*/
a{color:#FFFFFF;}
a:hover{}
/*=============ALIGNMENT=============*/
.alignright {float: right;}
.alignleft {float: left;}
/*=============IMAGES=============*/
a img {border:none;}
img{max-width: 100%;  height: auto;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {float:right; margin-left:10px;}
img.alignleft {float:left; margin-right:10px;}
.wp-caption{}
.wp-caption p{}
/*=============HEADER=============*/
#header{position:relative; height:100px; background:#FFFFFF;}
/*=============LOGO=============*/
#logo{float:left; position:relative; z-index:1000;padding:10px 0px;}
#logo img{}
.home #logo{display:none;}
/*=============MENUS=============*/
h3.nav-trigger{background: rgb(135,155,155); /* Old browsers */color: #FFFFFF;
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 16px;
    text-align: center;
    width: auto;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	font-style:normal; margin:0px;}
	
#menu{float:right; padding-top:25px;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu ul li{float:left; position:relative; margin-left:40px; }
#menu ul li:first-child{margin-left:0px;}
#menu ul li a{  background-color: rgba(241, 241, 241, 0);
    border-radius: 0;
    border-style: none;
    color: #8D8585;
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 16px;
    text-align: center;
    width: auto;
	text-transform:uppercase;
	text-decoration:none;
	display:block;}

#menu ul.menu li ul.sub-menu{list-style:none; display:none; padding:0px 10px; margin:0px; position:absolute; top:37px; left:-20px; z-index:2000;}
#menu ul.menu li:hover ul.sub-menu{display:block;}
#menu ul li ul.sub-menu li{ float:none;  width:auto; margin:0px; white-space: nowrap; display:block; border-top:1px solid #1a377c;}
#menu ul li ul.sub-menu li:first-child{border-top:none;}
#menu ul li ul.sub-menu li a{padding:10px; width:auto; color:#FFFFFF; display:block;}
#menu ul li.current-menu-item ul.sub-menu li a, #menu ul li:hover ul.sub-menu li a{}
#menu ul li.current-menu-item a, #menu ul li:hover a, #menu ul li ul.sub-menu li a:hover{
	background-color: rgb(201, 201, 201);
	background-color: rgba(102, 102, 102, 0.35);
    color: #FFFFFF;}
	

#menu ul.menu li#menu-item-38 ul.sub-menu{position:absolute; top:37px; left:auto; right:0px;}
/*=============CONTENT and SIDEBAR CONTAINER=============*/
#middle{position:relative; padding-top:25px;}
.home #middle{padding-top:0px;}
/*=============CONTENT=============*/
#content{padding-bottom:20px;}
#content .post{height:auto; position:relative;}
#content .post .featuredimage{float:left; width:150px; margin-right:20px;}
#content .post .featuredimage img{margin:auto; display:block;}
#content .post .entry{float:left; width:500px;}
#content .post .entry h2{}
#content .post .entry h2 a{}
#content .navigation{display: table; width: 100%; height:50px; margin-bottom:20px;}
#content .navigation ul{padding-left:0px; display: table-cell; text-align: center; vertical-align: middle;}
#content .navigation li { display: inline;}
#content .navigation li a, #content .navigation li a:hover, #content .navigation li.active a, #content .navigation li.disabled {text-decoration:none; border:1px solid #ebe7e3; cursor: pointer; font-weight:bold;}
#content .navigation li a:hover, #content .navigation li.active a {}

.general{float:left; width:485px;}
.highlights{background:#FFFFFF; color:#231f20; border-radius:20px; float:right; margin-left:20px; padding:20px; width:385px;}

.no-captions .gss-pager {
    bottom: 0;
    margin: 11px 72px 11px 11px;
    position: relative;
    right: 0;
}
.gss-pager .cycle-pager-active, .gss-pager .cycle-pager-active:hover{background:#b01116;}

.front-page{position:relative;}
.front-page p{margin-top:0px;}
.front-page img{margin-top:-10px; margin-left:-51px;}
.tag{float:right; text-align:center; width:510px; margin-top:-40px; margin-right:-50px; font-family: serif;
    font-size: 24px; line-height:18px; 
    font-style: italic;
    font-weight: 400;}
.tag .key{font-size:larger;}

img.cycle-slide{background:none !important; max-width:inherit !important; width:auto; }

/*=============SIDEBAR=============*/
#sidebar{display:none; float:right;  position:relative; width:205px; padding-right:20px;}
#sidebar ul.sidebar{list-style:none; margin:0; padding:0;}
#sidebar ul.sidebar li{}
#sidebar ul.sidebar h2.widgettitle{}
#sidebar ul.sidebar li ul{margin:auto; padding:auto; }
#sidebar ul.sidebar li ul li{ position:relative; }
#sidebar ul.sidebar li ul li a{}
#sidebar ul.sidebar li ul li a:hover{}

/*=============FULL PAGE=============*/
.page-id-25 #sidebar{display:none;}
.page-id-25 #content{width:330px; padding:0px 610px 20px 20px; position:relative;}

/*=============FOOTER=============*/
#footer{width:100%; clear:both; color:#FFFFFF; padding-top:30px; padding-bottom:30px; font-size:14px;}
#footer #footer-logo{float:left; width:33%; }
#footer #footer-email{float:left; width:33%; text-align:center; padding-top:35px;}
#footer #footer-web{float:right; width:33%; text-align:right; padding-top:35px;}

/* iPhone3/4/5, Samsung Galaxy S2/S3/S4*/
@media only screen and (min-width: 320px) and (max-width: 478px),
(min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 320px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){
	body{font-size:18px;}
	#colourwrapper{width:100%;}
	.wrapper{padding:0px 20px;}
	/*=============HEADER=============*/
	#header{min-height:100px; height:auto; padding-bottom:20px;}
	/*=============LOGO=============*/
	#logo{float:none; width:100%; text-align:center;}
	#logo img{margin:auto;}
	/*=============MENUS=============*/
	#menu{float:none; padding-top:0px; display:none;}
	#menu ul{list-style:none; margin:0; padding:0;}
	#menu ul li{float:none; position:relative; margin-left:0px; width:100%; }
	#menu ul.menu li ul.sub-menu{position:relative; top:auto; left:auto; }
	/*=============CONTENT=============*/
	.general{float:none; width:auto;}
	.highlights{float:none; margin-left:0px; padding:20px; width:auto;}
	.front-page img{margin-top:-10px; margin-left:-21px;}
	.tag{ width:100%; margin-top:-10px; margin-right:auto; font-size:16px; line-height:14px;}
	/*=============FOOTER=============*/
	#footer #footer-logo{float:left; width:100%; text-align:center; }
	#footer #footer-email{float:left; width:100%; text-align:center;padding-top:10px;}
	#footer #footer-web{float:left; width:100%; text-align:center;padding-top:10px;}
}

/* Mobile Layout: 480px and below. */
@media only screen and (min-width: 480px) and (max-width: 599px),
(min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 320px) and (max-device-height: 534px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) {
	#colourwrapper{width:460px;}
	.wrapper{width:440px;}
	/*=============HEADER=============*/
	#header{min-height:100px; height:auto; padding-bottom:20px;}
	/*=============LOGO=============*/
	#logo{float:none; width:100%; text-align:center; }
	#logo img{margin:auto;}
	/*=============MENUS=============*/
	#menu{float:none; padding-top:0px;  display:none;}
	#menu ul{list-style:none; margin:0; padding:0;}
	#menu ul li{float:none; position:relative; margin-left:0px; width:100%; }
	#menu ul.menu li ul.sub-menu{position:relative; top:auto; left:auto; }
	/*=============CONTENT=============*/
	.general{float:none; width:auto;}
	.highlights{float:none; margin-left:0px; padding:20px; width:auto;}
	.front-page img{margin-top:-10px; margin-left:-11px;}
	.tag{ width:100%; margin-top:-20px; margin-right:auto; }
	/*=============FOOTER=============*/
	#footer #footer-logo{float:left; width:100%; text-align:center; }
	#footer #footer-email{float:left; width:100%; text-align:center; padding-top:10px;}
	#footer #footer-web{float:left; width:100%; text-align:center; padding-top:10px;}		
}

/* Samsung Galaxy (portrait and landscape) ----------- */
@media only screen and (min-width : 600px) and (max-width : 767px){
	#colourwrapper{width:590px;}
	.wrapper{width:570px;}
	/*=============HEADER=============*/
	#header{min-height:100px; height:auto;  padding-bottom:10px;}
	/*=============MENUS=============*/
	h3.nav-trigger{margin-left:50%; margin-top:10px;}
	#menu{float:none; padding-top:0px; display:none; margin-left:50%;}
	#menu ul{list-style:none; margin:0; padding:0;}
	#menu ul li{float:none; position:relative; margin-left:0px; width:100%; }
	#menu ul.menu li ul.sub-menu{position:relative; top:auto; left:auto; }
	/*=============CONTENT=============*/
	.general{float:none; width:auto;}
	.highlights{float:none; margin-left:0px; padding:20px; width:auto;}
	.front-page img{margin-top:-10px; margin-left:-11px;}
	.tag{ width:510px; margin-top:-40px; margin-right:-10px; }
	/*=============FOOTER=============*/
	#footer #footer-logo{float:left; width:100%; text-align:center;}
	#footer #footer-email{float:left; width:100%; text-align:center; padding-top:20px;}
	#footer #footer-web{float:left; width:100%; text-align:center; padding-top:20px;}	
}

/* Tablet Layout Portrait ----------- */
@media only screen and (min-width : 768px) and (max-width : 959px),
(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2){
	#colourwrapper{width:740px;}
	.wrapper{width:700px;}
	/*=============MENUS=============*/
	h3.nav-trigger{display:none;}
	#menu{padding-top:30px; display:block;}
	#menu ul li{margin-left:15px; }
	#menu ul li a{padding: 10px; }
	/*=============CONTENT=============*/
	#content{padding-bottom:20px; min-height:550px;}
	.general{width:335px;}
	.highlights{margin-left:20px; padding:20px; width:285px;}
	.front-page img{margin-top:-10px; margin-left:-21px;}
	.tag{ width:510px; margin-top:-40px; margin-right:-20px; }
}

/* Tablet Layout Landscape ----------- */
@media only screen and (min-width : 960px) and (max-width : 1059px),
(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2){
	#colourwrapper{width:980px;}
	.wrapper{width:940px;}
	/*=============MENUS=============*/
	h3.nav-trigger{display:none;}
	#menu{float:right; padding-top:25px; display:block;}
	/*=============CONTENT=============*/
	.front-page img{margin-top:-10px; margin-left:-21px;}
	.tag{ width:510px; margin-top:-40px; margin-right:-20px; }
}

/* Desktop Layout: 960px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1060px){
	#colourwrapper{width:1060px;}
	.wrapper{width:960px;}
	/*=============HEADER=============*/
	#logo{float:left; position:relative; z-index:1000;padding:10px 0px;}
	/*=============MENUS=============*/
	h3.nav-trigger{display:none;}
	#menu{float:right; padding-top:25px; display:block;}
	/*=============CONTENT=============*/
	#content{padding-bottom:20px; min-height:550px;}
	
}