/*
Theme Name: OHFT
Theme URI: http://www.reefnet.co.uk/
Description: Theme created by Reefnet Ltd for Outer Hebrides Fisheries Trust
Version: 1
Author: Alex Tearse
Author URI: http://www.reefnet.co.uk/
Tags: private, commercial
*/

/**
 * import additional stylesheets
 */
@import url('reset.css');
@import url('fixes.css');


/* =typography & layout
******************************************************************************/

html {
	height: 100%;
}

body {
	font: 12px/1.2em verdana, arial, sans-serif;
	color: #666666;
	background-color : white;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	line-height: 1.4em;
}

body.fisheriesboard {
	background-color: #A3C281;
}

a		{color: #3d7294; text-decoration: underline; font-weight: normal;border: none;outline-style:none;}
a:link		{color: #3d7294; text-decoration: underline; font-weight: normal;}
a:visited	{color: #3d7294; text-decoration: underline; font-weight: normal;}
a:hover		{color: #3d7294; text-decoration: none; font-weight: normal;}

/* =structure
******************************************************************************/

div#wrapper {
  	width: 784px;
	padding: 8px;
	height: auto !important;
	/*
	min-height: 100%; 
	height: 100%;
	*/
	margin: 1em auto;
	border: 1px solid #d9dbc5;
	background-color: white;
}

div#banner {
	background: #3c748b url(images/banner.jpg) no-repeat scroll 3px 0px;
	width: 784px;
	height: 118px;
	color: white;
	font-weight: bold;
}
body.fisheriesboard div#banner {
	background-image: url(images/green-header.jpg);
	background-color: #8EC88E;
}


/* navigation */
div #navbar {
	width: 784px;
	height: 30px;
	position: relative;
	top: 83px;
}

div#navbar ul {
	position: relative;
	left: 4px;
	padding: 0;
	margin: 0;
}

div#navbar ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
div#navbar a {
	background: transparent url(images/button_back.png) no-repeat scroll 0px 0px;
	width: 109px;
	height: 21px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	margin: 11px 2px 0 0;
	padding: 3px 0 0 0;
	color: white;
}

div#navbar a.firstlevel {
}

div#navbar li.on a, body.nojs div#navbar li:hover a.firstlevel  {
	height: 27px;
	margin-top: 5px;
	color: white;
	background-image: url(images/button_back.png);
	z-index: 99;
	position: relative;
}


div#navbar ul.sub
{
 	position:absolute;
	top: 35px;
	left: 0px;
	display:none;
	z-index: 1;
	border-bottom: 1px solid #7dd4f7;
}

body.nojs div#navbar ul li:hover ul.sub
{
	display:block;

}


div#navbar ul.sub li
{
	display:block;
	min-height:1px;
	background: none;
	background-color: #3C768D;
	color: white !important;
	border-left: 1px solid #7dd4f7;
	border-right: 1px solid #7dd4f7;
	width: 140px;
	padding-right: 10px;
}
div#navbar ul.sub li:hover
{
	background: #0F475C;
	color: white;
}

div#navbar ul.sub li.current_page_item, div#navbar ul.sub li.current_page_item a {
	background: #0F475C;
	color: white;
}


div#navbar ul.sub li.first
{
	-moz-border-radius-topright: 6px;
	-webkit-border-radiustopright: 6px;
	border-top: 1px solid #7dd4f7;
}

/* div#navbar ul.sub li.last
{
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radiusbottomleft: 6px;
	-webkit-border-radiusbottomright: 6px;
	border-bottom: 1px solid #7dd4f7; 
}
*/

div#navbar ul.sub li.last a {
	border-bottom: none;
}




div#navbar ul.sub li a
{
	white-space: nowrap;
	width: 100px;
	cursor: pointer;
	/* width: auto; */
	height: 20px;
	text-align: left;
	padding: 4px 4px 4px 8px;
	margin: 0 0 0 8px;
	background: #3C768D;
	color: white;
}

div#navbar ul.sub li:hover a
{
	color: white;
	background: #0F475C;
}

/** subnav **/
div#subnav {
	float: right;
	border: 1px solid #DADBC6;
	margin: 8px 0 8px 8px;
}
div#subnav h2 {
	background: grey;
	padding: 4px;
}
div#subnav h2 a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

div#subnav ul {
	margin: 4px;
	padding-left: 1.5em;
	min-width: 150px;
}
div#subnav ul li {
	padding-left: 0;
	list-style: disc outside none;list-style: square outside none;
}
div#subnav ul li a {
	text-decoration: underline;

}
div#subnav ul li a:hover {
	color: #0F475C;
	text-decoration: none;
}
div#subnav ul li.current_page_item a {
	text-decoration: none;
	font-weight: bold;


}
/** searchbar **/


div#searchbar {
	background-color: #10475c;
	color: white;
	height: 30px;
	padding: 8px 4px 0px 0px;
	text-align: right;
}

div#searchbar img {
	vertical-align: middle;
	margin-right: 5px;
	padding: 0;
}

div#searchbar input {
	vertical-align: middle;
	border: 1px solid #FFF;
	padding: 1px 0px 1px 5px;
	width: 170px;
	margin-right: 5px;
	color: #777;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div#searchbar button {
	vertical-align: middle;
	background-color: #79CFF0;
	border: 2px solid #fff;
	cursor: pointer;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	margin-right: 7px;
	color: #FFF;
}

div#searchbar button:hover {
	background-color: #4887A0;
}


div#content div.page, div#content div.post {
	border-left: 1px solid #dadcc4;
	border-right: 1px solid #dadcc4;
	border-bottom: 1px solid #dadcc4;
	padding: 8px 8px 16px 8px;
}
div#content div.page, div#content div.post {
	background-color: white;
	padding: 1em 1.2em 1em 1.2em;
}

div#content div.post.odd, body.home div#content div.page.odd {
	padding: 1em 1.2em 1em 1.2em;
	background-color: #eeeee6;
}

div#content div.entry p {
	margin-bottom: 0.5em;
}

div#content p.postmetadata {
	margin: 1em 1em 1em 0.5em;
	font-style: italic;
	display: none;
}

div#content .tab td {
	padding: 2px 4px 0px 0px;
}

div#content p {
	padding: 0.2em 0 0.2em 0;
}

div#content li {
	padding-left: 0;
	list-style: disc outside none;
/*	margin-left: 2em; */
}

div#content ul {
	padding-left: 3em;
	list-style: disc outside none;
	margin: 1em 0;
}

div#content #staff h2, div#content #trustees h2, div#content #links h2 {
	margin-top: 15px;
	font-size: 1.4em;
	font-weight: normal;
	font-family: Georgia, Times, Times New Roman, serif;
	background: #a7a7a7;
	color: white;
	padding: 4px;
	clear: both;
}

body.search div#content div.page.even, body.search div#content div.post.even {
	background-color: #eeeee6;
}

div#footer {
	clear: both;
	background: #82BDD4 url(images/footer.jpg) 0 0 no-repeat;
	color: white;
	height: 150px;
	border-top: 17px solid #3c748b;
}

div#footer a {
	color: white;
}

div#footer img {
	border: none;
}

#content img, #header img {
	margin: 1em;
	float: right;
	background-color: white;
	padding: 8px;
	border: 1px solid #dadcc4;
}

#content img.alignleft {
	float: left;
}
#content img.aligncenter {
	float: none;
}

#content .wp-caption {
	float: right;
	margin: 0 0 1em 1em;
	padding: 10px 16px 10px 10px;
}

#content .wp-caption p {
	font-style: italic;
	text-align: center;
	font-size: 0.9em;
}

#content .wp-caption img {
	float: none;
	margin: 0;

}

#content .wp-caption:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.staffpic {
	float: left !important;
	margin-top: 0px;
}

div#legals {
	float: left;
	padding: 8px 119px 8px 8px;
	width: 200px;
	background: transparent url('images/fishlogo.png') no-repeat scroll right 8px;
	height: 119px;
}

div#legals a {
	white-space: nowrap;
}

div#funders {
	float: right;
	padding: 8px 8px 8px 16px;
	width: 420px;
}

div#logobox {
	float: right;
}
div.funder {
	float: left;
	margin-left: 14px;
	margin-right: 14px;
}

h1 {
	color: #3e6c86;
	font-size: 1.5em;
	margin-top: 1em;
	clear: both;
}
h2 {
	color: #3e6c86;
	font-size: 1.5em;
	margin-bottom: 0.7em;
}
h3 {
	color: #6e6e6e;
	font-size: 1.3em;
	margin: 0.5em;
}



div.page h2 a, div.post h2 a {
	color: #3e6c86;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

div.page small, div.post small {
	color: #6e6e6e;
	font-size: 1.1em;
	font-weight: bold;
}

div.page div.entry, div.post div.entry {
	margin-top: 0.5em;
}

div#content div.navigation {
	text-align: center;
	margin: 1em;
}

h3 {
	color: #6e6e6e;
	font-size: 1.1em;
	margin: 1em 0 1em 0;
}

label.screen-reader-text {
	display: none;
}

.frontmap {
	border: none !important;
	padding: 0px !important;
	background-color: white !important;
	float: right !important;
}

.clear {
	clear: both;
}

div.gallery {
	clear: both;
}

a.pdf {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 16px;
}