/*
Theme Name: British Indian Ocean Territory
Theme URI: http://biot.io
Description: Custom WordPress theme for BIOT. Based on Starkers + 1140 Grid System by Alex Newman, derived from Elliot Jay Stocks' Starkers Theme (http://starkerstheme.com/) and the 1140 CSS Grid (http://cssgrid.net/).
Version: 0.1
Author: Steph Gray & Luke Oatham
Author URI: http://www.helpfultechnology.com
Tags: starkers, naked, clean, basic, unicorns
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/webfonts.css";
@import "css/layout.css";

body {
	font-size: 100%;
	line-height: 140% !important;
	font-family: arial, helvetica, sans-serif;
	background: #DEE0E2;
}

.row {
	max-width: 100%;
}

.container {
	background: white;
	padding-bottom: 1em;
}

#footer .container {
	background: none;
}

.container .row, #titlestrip .container, #utilitystrip .container, #footer .container {
	max-width: 1140px !important; 
	margin: 0 auto;
}

#utilitystrip {
	margin: 1em 0;
}

#utilitystrip .container {
	background: url('images/coat-arms.png') #fff no-repeat 20px top;
	height: 60px;
	padding-left: 90px;
	max-width: 1080px !important; max-width: 900px !important;
}

#mainlogo   {
	float: none;
}

#masthead  {
	text-align: left;
	padding: 0;
}

#masthead #mainlogo {
	float: left;
	padding: 1.5em 0.5em 2em 0.5em;
	background: transparent;
	margin-left: 1.75em;
}

#searchblock form {
	text-align: right;
	padding: 2em 1em 0 0;
}

#searchform #s  {
	width: 175px;
}

#masthead #strapline  {
	font-family: arial, sans-serif;
	font-family:  arial, helvetica, sans-serif;
	font-size: 1.8em;
	padding: 1.8em 0 0 0.75em !important;
	display: inline-block;
	color: white !important;
	line-height: 110%;
	font-weight: 200;
	min-height: 130px;
	margin-bottom: 0.4em;
}

#strapline span {
	color: #fff;
	display: inline-block;
	margin-bottom: 0.5em;
}
#strapline a {
	color: #fff;
	display: inline-block;
	margin-bottom: 0.5em;
	text-decoration: none;
}

#searchcontainer #searchform {
	margin-top: 1em !important;	
}

#titlestrip {
	background: #EBEBEB;
}

#sitetitle {
	font-size: 2em !important;
	padding: 1em 0;
	margin: 0 !important;
}

#topheader {
	padding: 1em 0 0 0;
	color: white;
	margin-bottom: 0;
}

#header {
	background: #00285B url('images/biot-header.jpg') no-repeat center;
	height: 294px;
	overflow: hidden;
}

h1 a, h2 a {
	text-decoration: none;
	color: black !important;
}

.hiddentext, .printonlyheadline {
	position: absolute;
	left: -9999em;
}

.alignleft {
	margin: 0 1em 1em 0;
}

.alignright {
	margin: 0 0 1em 1em;
}

.aligncenter {
	text-align: center;
}

#primarynav {
	display: block;
	color: white;
	padding:  0;
	font-family:  arial, helvetica, sans-serif;
	text-align: left;
	max-width: 100% !important;
	margin-top: 0px;
	background: transparent;
	margin-left: 2em;

}

#gradient {
width: 100%;
min-height: 88px;
padding-top: 20px;

        /* webkit example */
        background-image: -webkit-gradient(
          linear, left bottom, left top, from(rgba(0, 40, 91, 1.0)),
          to(rgba(0, 40, 91, 0)) 
        ) !important;

        /* mozilla example - FF3.6+ */
        background-image: -moz-linear-gradient(
          left top,
          rgba(0, 40, 91, 1.0) 20%, rgba(0, 40, 91, 0) 95%
        ) !important;

        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColor=0, endColorStr=#00285B
        ) !important;

        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColor=0, endColoStr=#00285B
        ) !important;
}

.breadcrumbs {
	padding: 1em 0;
	}
	
.toptasks {
	padding: .5em;
	border-top: 10px solid #76C9DD;
}	
ul#menu-top-tasks li {
	list-style: square;
	margin-left: 1em !important;
}

#primarynav ul  {
	margin-top: 1em;
}

#primarynav ul li  {
	display: inline;
	font-family:  arial, helvetica, sans-serif;
	font-weight: normal;
	float: left;
	margin-right: 0.5em;
	font-size: 1em;
	text-align: center;
}

#primarynav ul li:last-child,  #primarynav ul li.last-link  {
	margin-right: none;
}

#primarynav ul li a  {
	display: block;
	padding: 1.3em 0.95em 1.3em 0.95em;
	color: #fff;
	text-decoration: none;
}

#primarynav ul li a:hover  {
	background-color: rgba(255,255,255,0.3);
	color: #fff;
}





#primarynav ul li.current_menu_item a, #primarynav ul li.current_page_item a, #primarynav ul li.current-page-ancestor a  {
	color: #333;
	background: white;
}

.touchdown-list  {
	display: block;
}


.touchdown  {
	display: none;
}


.single.single-post #primarynav ul#menu-primary-navigation #menu-item-29 a {
	color: #333 !important;
	background: white;
}
.archive.category.category-news #primarynav ul#menu-primary-navigation #menu-item-29 a {
	color: #333 !important;
	background: white;
}

#sectionnav ul  {
	margin: 0;
	padding-top: 0em;
}

#sectionnav ul li  {
	list-style: none;
	padding: 0;
	font-size: 0.9em;
	font-family:  arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 130%;
}

#sectionnav ul li a {
	padding: 0.95em 1em 0.95em 1em;
	border-top: 1px solid gray;
}

#sectionnav ul li a:link,  #sectionnav ul li a:visited  {
	color: #076863;
	text-decoration: none;
	display: block;
}

#sectionnav ul li a:hover  {
	list-style: none;
	font-family:  arial, helvetica, sans-serif;
	font-weight: normal;
	background: #DEE0E2 !important;
	color: #333 !important;
}

#sectionnav ul li.page_item a:hover,  #sectionnav ul li.current_page_parent a:hover  {
	list-style: none;
	font-family:  arial, helvetica, sans-serif;
	font-weight: normal;
	background: #DEE0E2 !important;
	color: #333 !important;
}

#sectionnav ul li ul.children  {
	border-top: 0;
	background: #fff;
	margin: 0.25em -0.5em -0.25em -0.5em;
	margin: 0;
	border: 1px solid #0B3A66; border: none;
	background: #fff;
	color: #000;
}

#sectionnav ul li ul.children li  {
	background: #fff !important; 
	font-size: 0.9em;
	border: none;
	padding: 0 0 0 0.5em; padding: 0;
}

#sectionnav ul li ul.children li a {
	padding-left: 1em;
}

#sectionnav ul li ul.children li ul.children li a {
	padding-left: 1.75em;
}

#sectionnav ul li ul.children li a:link,  #sectionnav ul li ul.children li a:visited  {
	color: #000;
	text-decoration: none;
	display: block;
}

#sectionnav ul li.current_page_item,  #sectionnav ul li.current_page_parent  {
		background: #00285B !important;
	color: #fff !important;
}

#sectionnav ul li.current_page_item a,  #sectionnav ul li.current_page_parent a  {
	color: #00285B; color: white;

}

#sectionnav ul li ul.children ul.children li a {
	padding-left: 1em;
}


#sectionnav ul.children li.current_page_item  ul.children li  {
	font-weight: normal;
}

#sectionnav ul.children li.current_page_item a,  #sectionnav ul.children ul.children li.current_page_item a  {
	color: #00285B;
		background: #DEE0E2 !important;
		border: none !important;
}

#sectionnav ul li ul.children,  #sectionnav ul li ul.children li ul.children  {
	display: none;
}

#sectionnav ul li.current_page_item ul.children, 
#sectionnav ul li.current_page_ancestor ul.children, 
#sectionnav ul li.current_page_ancestor ul.children li.current_page_ancestor ul.children, 
#sectionnav ul li ul.children li.current_page_item ul.children
 {
	display: block;
	margin-left: 1em;
}

.homeicon {
	float:left; 
	padding-top: 25px;
	padding-right: 10px;
}

#promobar {
	margin: 1em auto 2em auto;
}

.promo {
	float: left;
	margin-bottom: 1em;
	background: #fff;
	font-size: 85%;
}

.promo.last {
	margin-right: 0;
}

.promo p, .promo h2 {
	margin: 0;
	line-height: 130%;
}

.promo h2 {
	margin: 0.5em 0;
}

.promo p, .promo a:link, .promo a:visited, .promo h2 {
	color: #111;
}

.promo a:hover, .promo a:active {
	color: #076863;
}

.leftpromo {
	border-top: 3px solid #076863;
}

.middlepromo {
	border-top: 3px solid #076863;
}

.rightpromo {
	border-top: 3px solid #076863;
}

#footer {
	margin-top: 0;
	border-top: 10px solid #76C9DD;
	padding: 1em 0;
}

#topheader .alignleft, #topheader .alignright {
	margin: 0;
}

#sidebar ul.xoxo li ul.iconlinks {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

#sidebar ul.xoxo li ul.iconlinks .twitterlink {
	background: url('images/icon_twitter_18x18.png') no-repeat;
	padding-left: 25px !important;
	list-style: none !important;
}

#sidebar ul.xoxo li ul.iconlinks .emaillink {
	background: url('images/icon_envelope_18x18.png') no-repeat;
	padding-left: 25px !important;
	list-style: none !important;
}

#sidebar ul.xoxo li ul.iconlinks .commentlink {
	background: url('images/icon_bubble_18x18.png') no-repeat;
	padding-left: 25px !important;
	list-style: none !important;
}

#sidebar .sharebuttonsanywhere, .promo .sharebuttonsanywhere, #footer .sharebuttonsanywhere {
	display: none;
}

ul.sub-menu {
	padding-left: 1em;
}

.menu li, .sub-menu li {
	margin: 0.5em 0 !important;
}

.downloadbig {
	background: url('images/pdf-32.png') no-repeat 0 2px;
	padding-left: 45px;
}

.news_story{
	margin-bottom: 1em;
}
#utilities {
	padding: 0.75em 1em;
	float: right;
}


ul#menu-utilities
{
	list-style: none !important;
	font-size: 0.75em;
	display: inline !important;
}
#menu-utilities li
{	
	display: inline !important;
	padding: 0.3em;
	}
	

ul#menu-utilities a {
	color: white;
	list-style: none !important;
}


/* content styles */

h1, h2, h3, h4, h5, h6 {
	color: #076863; 
	color: #00285B;
	font-family:  arial, helvetica, sans-serif;
	font-weight: lighter;
	line-height: 130%;
	margin: 0 0 1em 0;
}

h1 {
	font-size: 1.4em !important;
	color: #111;
}

h2 {
	font-size: 1.4em !important;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.1em;
}

a:link {
	color: #076863;
	text-decoration: none;
}

a:visited {
	color: #076863;
}

a:hover, a:active {
	text-decoration: underline;
}

.postmeta {
	color: #888;
	font-size: 0.9em;
}

.postthumb {
	float: left;
	margin: 0 1em 1em 0;
}

#content p, #content li, #content td, #content dd, #content dt, #sidebar p, #sidebar li, #footer p {
	margin-bottom: 1em !important;
	font-family: arial, trebuchet, verdana, sans-serif;
	font-weight: lighter;
	letter-spacing: 0.06em; letter-spacing: 0;
	font-size: 100%;
}

#footer p {
	padding: 0.5em 0;
	color: #575757;
	text-align: left;
	font-size: 90%;
}

#content ul, #maincontent ul, .spot ul {
	margin: 0.5em 0;
	padding: 0
}

#content ul li, #maincontent ul li, .spot ul li  {
	list-style: square;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

#content ol li, #maincontent ol li, .col1 ol li  {
	list-style: decimal;
	margin-left: 2em;
}

#content li.gfield {
	margin-left: 0 !important;
}

#content .gform_wrapper {
	width: 100%;
	overflow: hidden;
}

#maincontent {
	padding-bottom: 2em !important;
	font-size: 100% !important;
	line-height: 140%;
}

body.home p, #maincontent p {
	margin-bottom: 1em;
}

.metabox {
	background: #DEE0E2;
	padding: 1em;
	margin: 1em 0;
}

.metabox h2, .metabox h3 {
	margin-top: 0;
}

body.page-template-page-threecol-php #sidebar {
	border-left: 0;
	margin-left: 0;
}

#sidebar ul.xoxo, #sidebar ul.xoxo li {
	list-style: none !important;
	margin-left: 0;
}

#sidebar ul.xoxo li {
	margin-bottom: 2em !important;
	padding: 0 1em;
}

#sidebar ul.xoxo li ul li {
	margin-bottom: 0.5em !important;
}

#sidebar ul, #sidebar ul li, #sidebar ul.xoxo li ul li {
	list-style: square !important;
	margin-left: 0.5em;
}

#sidebar iframe {
	width: 99%;
}

#sidebar ul.xoxo li ul {
	list-style: square;
	padding-left: 0.75em;
}

#sidebar ul.xoxo li ul li {
	margin: 0;
	padding: 0;
}

ul.xoxo {
	margin-bottom: 2em;
}

#footer ul.xoxo {
	margin-bottom: 0.5em;
}

h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	text-decoration: none;
	color: #076863 !important;
}

h2 a:hover, h3 a:hover {
	text-decoration: underline;
}

table {
	border: 1px solid #e7e7e7 !important;
	text-align: left;
	margin: 0 -1px 1em 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
tr th,
thead th {
	border: none !important;
	font-weight: bold;
	padding: 0.5em 1em;
}
tr td {
	border: none !important;
	border-top: 1px solid #e7e7e7 !important;
	padding: 0.5em 1em;
}

.paginationnav {
	text-align: center;
}

.prevlink, .nextlink {
	padding: 0.5em 1em;
}

/* comment form */
#comments {
	background: white;
}

#comments-title {
	margin: 1.5em 0 0 0;
}

#commentform label {
	display: inline;
	padding-right: 5px !important;
}

.subscribe-to-comments label {
	padding-left: 5px !important;
}

p.comment-form-author input , p.comment-form-email input, p.comment-form-url input {
	display: block;
}

#commentform input#author, #commentform input#email, #commentform input#url {
	font-size: 100%;
}

#sidebar ul.xoxo li #comments ol {
	margin: 1em 0 !important;
}

#sidebar ul.xoxo li #comments ol li, #sidebar ul.xoxo li #comments ol li ul li  {
	list-style: none  !important;
	margin-left: 0 !important;
	padding: 0 !important;
}

#sidebar ul.xoxo li li.comment, #sidebar ul.xoxo li li.comment ul li.comment {
	list-style: none !important;
	padding-top: 1em;
}

div.reply {
	margin-bottom: 1em;
}

textarea#comment {
	display: block;
	width: 90%;
}

img.avatar {
  float: left !important;
  margin: 0 0.5em 0.5em 0;	
}

li.comment .comment-body {
	clear: both;
	padding-top: 0.5em;
}

.required {

}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.wp-caption {
	border: none;
	background: #EBEBEB;
	padding: 0 !important;
}

.wp-caption img {
	margin: 0;
	width: 100%;
}

.wp-caption-text, .wp-caption-dd {
	font-size: 70%;
	margin: 0 !important;
	padding: 0.5em;
	text-align: left;
}

.jumptocomments {
	background: #e2e8e8 url('images/icon_bubble_18x18.png') no-repeat 15px 12px;
	padding: 10px 0 10px 45px;
}

.printfriendly {
	background: white url('images/printer-grey.png') no-repeat 9px 0;
	padding-left: 45px;
	color: #777;
	padding-bottom: 1em !important;
}

.pdfdocument {
	padding-left: 2em;
	background: url('images/pdf-trans.png') no-repeat;
}

form label {
	padding: 5px;
	position: relative;
	top: 1px;
}


.feature-promos h3 {
	min-height: 60px;
}

hr {
	border: 0;
	height: 1px;
	background: gray;	
}

/* IE styles */

.ie7 #content p, .ie7 #content li, .ie7 #content td, .ie7 #content dd, .ie7 #content dt, .ie7 #sidebar p, .ie7 #sidebar li, .ie7 #footer p,
.ie8 #content p, .ie8 #content li, .ie8 #content td, .ie8 #content dd, .ie8 #content dt, .ie8 #sidebar p, .ie8 #sidebar li, .ie8 #footer p
{
	letter-spacing: 0 !important;
}
/* End IE styles */


/* media queries for responsive styles */

/* Smaller screens */

@media only screen and (max-width: 1023px) {
	
	body {
		font-size: 85%;
	}
	
	#primarynavmenu li a {
		font-size: 80%;
	}	
	
	.promo {
		border-top: none;
	}
	
	#masthead #strapline  {
		font-family: arial, sans-serif;
		font-family:  arial, helvetica, sans-serif;
		font-size: 1.8em;
		padding: 1.7em 0 0 1em !important;
		display: inline-block;
		width: 65%;
		color: white !important;
		line-height: 110%;
		font-weight: 200;
		min-height: 130px;
		margin-bottom: 1.2em;
	}

}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {
		
	.container {
		padding-left: 0;
		padding-right: 0;
	}

	#titlestrip .container {
		padding: 0 1em;
	}

	#primarynavmenu, #footer {
		margin: 1em;
		width: 99%;
		background: none !important;
	}
	
	#content ul#primarynavmenu, #content ul#primarynavmenu li {
		margin-left: 0 !important;
		left: 0;
	}
	
	#primarynavmenu ul {
		border: none;
	}
					
	#primarynavmenu li {
		width: 100%;
		display: block;
		border: 0;
		margin: 0.5em;
		background: #EBEBEB;
	}
		
	#primarynavmenu li a {
		float: none;
		font-size: 1em;
	}
	
	#primarynavmenu li:hover ul, #primarynavmenu li.hover ul {	
		width: auto;
		position: relative;
		top: 0;
		left: 1em;
	}
		
	#primarynavmenu li.current-menu-item a, #primarynavmenu li.current-menu-parent a {
		color: #981200;
	}
	
	#sectionnav {
		margin-bottom: 20px;
	}
	
	.touchdown-list  {
		display: none !important;
	}


	.touchdown  {
	 	display: block !important;
	 	margin: 1em 0 1em 0.5em;
	}
	
	ul.xoxo li {
		margin: 2em 0;
	}

	.promo {
		width: 100%;
		margin: 0 1em 1em 1em !important;
		height: auto;
		font-size: 110%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-top: none;
	}

	.printonlyheadline {
		position: relative;
		left: 0;
		top: 0;
		font-family: "Transport New Medium Regular", arial, sans-serif;
		font-family:  arial, helvetica, sans-serif;
		font-weight: normal;
		line-height: 120%;
		font-size: 200%;
		padding-bottom: 0.5em;
	}
	
	.printonlyheadline a {
		text-decoration: none;
		color: #000;
	}
	
	#sidebar {
		padding: 1em 0;
	}
	
	#masthead #strapline  {
		font-family:  arial, helvetica, sans-serif;
		font-size: 1.4em;
		padding: 2em 0 0 1em !important;
		display: inline-block;
		width: 65%;
		color: white !important;
		line-height: 110%;
		font-weight: 200;
		min-height: 30px;
		margin-bottom: 1.2em;
	}
	
	#gradient {
	width: 100%;
	min-height: 88px;
	padding-top: 20px;
	background-image: none !important;
	}
	
	
	#header {
		background: #00285B url('images/biot-header.jpg') no-repeat center bottom;
		height: 294px;
		overflow: hidden;
	}
	
	#mainlogo {
		width: 50px;
	}
	
	.feature-block h3 {
		min-height: auto;	
	}
}

/* additions */

.border {
	border: 1px solid #ccc;
}