/*

Theme Name: The Otter Project

Theme URI: http://theotterproject.com/

Description: The default WordPress theme that graced version 1.5 to version 2.9, based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

Version: 1.7.2

Tags: blue, silver, white, two-columns, fixed-width, right-sidebar, fixed-width, custom-header, threaded-comments, sticky-post, rtl-language-support, translation-ready

*/

/* Begin Typography & Colors */

/* Defaults

------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);



body,

h1,

h2,

h2 a,

h2 a:visited,

h3,

h4,

h5,

h6,

p,

select,

textarea {

	color: #333;

	font-family: 'Arimo', sans-serif;

	font-size: 1em;

	font-weight: normal;

	line-height: 22px;

	margin: 0;

	padding: 0;

	text-decoration: none;

}



input {

	color: #333;

	font-family: 'Arimo', sans-serif;

}



blockquote,

input,

select,

textarea,

.author-box,

.breadcrumb,

.sticky,

.taxonomy-description {

	background-color: #f5f5f5;

	border: 1px solid #ddd;

}



li,

ol,

ul {

	margin: 0;

	padding: 0;

}



ol li {

	list-style-type: decimal;

}





/* Hyperlinks

------------------------------------------------------------ */



a,

a:visited {

	color: #25a;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



a img {

	border: none;

}



.clear {





	clear: both;

}





body {

	text-align: center;

	font-size: .9em;

	line-height: 1.5;

	color: #000;

	font-family: 'Arimo', sans-serif;

	background-color: #012b3b;

}



#wrapper {

	text-align: left;

	width: 1004px;

	margin: 0 auto;

	padding: 0 0 100px 0;

	position: relative;

}



.inner {

	width: 960px;

	margin: 0 auto;

}



#header {

	background: url('images/bg-header.jpg') no-repeat left top;

	height: 135px;

	padding-top: 35px;

}



#header h1  {

	float: left;

	width: 175px;

	margin-left: 15px;

	position: relative;

	z-index: 1;

}



#header h1 a {

	display: block;

	width: 175px;

	height: 120px;

	text-indent: -999em;

}



#header form {

	float: right;

	width: 165px;

	padding-top: 5px;

	margin-right: 10px;

	font-size: .8em;

}



#header form label {

	display: none;

}



#header form input {

	float: left;

}



#header input {

	width: 90px;

	padding: 0 5px;

	height: 18px;

	line-height: 18px;

	border: 0;

	opacity: .6;

}



#header input#searchsubmit {

	width: 45px;

	margin-left: 5px;

	height: 18px;

	cursor: pointer;

	font-size: .9em;

}



#header input#searchsubmit:hover {

	background-color: #206988;

	color: #fff;

}



.description {

	float: left;

	text-indent: -999em;

}



#header .menu {

	float: left;

    margin: -30px 0 0 208px;

	width: 680px;

	position: relative;

	z-index: 100;

}



.menu li {

	float: left;

	list-style-type: none;

}



.menu li a {

	float: left;

	display: block;

	font-size: 1.05em;

	color: #466d57;

	font-weight: bold;

	margin: 0 0 0 35px;

}



#header .menu li a {

	height: 37px;

	line-height: 37px;

}



#header .menu li ul li a {

	padding: 0 7px;

}



.menu li#menu-item-17 a {

	color: #ff5000;

}



#header .menu li a:hover, #header .menu li.current_page_item a {

	text-decoration: none;

	color: #fff;

}



#header .menu li ul {

	position: absolute;

	width: 140px;

	left: -999em;

	top: 37px;

	background: url('images/bg-repeat-submenu.png') repeat left top;

	margin-left: 35px;

}



#header .menu li:hover ul {

	left: auto;

}



#header .menu li:hover ul li {

	float: none;

}



#header .menu li:hover ul li a {

	float: none;

	margin: 0;

	font-size: .9em;

	color: #000;

	background-color: none;

}



#header .menu li:hover ul li a:hover {

	color: #fff;

	background-color: #36809f;

}



#content-wrapper {

	background: url('images/bg-repeat-contentwrapper.jpg') repeat-y left top;	

}



#home-content {

	height: 379px;

	width: 896px;

	background: url('images/banner.jpg') no-repeat left top;

}



#home-content h2 {

	display: none;

	float: left;

}



#footer {

	background: url('images/bg-footer.jpg') no-repeat left top;

	height: 66px;

}



.home #footer {

	position: relative;

	height: 206px;

	background: url('images/bg-footer-frontpage.jpg') no-repeat left top;

}



.home #footer .menu {

	width: 450px;

	margin: 35px 0 0 94px;

}



.home #footer .menu li, #copyright a, #menu-footer-nav li {

	padding: 0 8px;

	border-right: 1px solid #54819e;

	margin-bottom: 4px;

}



.home #footer .menu li a, #copyright a, #menu-footer-nav li a {

	color: #214963;

	font-weight: normal;

	margin: 0;

	line-height: normal;

}



.home #footer .menu li a, #copyright a, #menu-footer-nav li a {

	font-size: .75em;

}



.home #footer .menu li a:hover, #copyright a:hover, #menu-footer-nav li a:hover {

	color: #fff;

}



#f-left {

	float: left;

	width: 375px;

}



#f-left a {

	font-size: .82em;

	color: #923b11;

	width: 148px;

	display: block;

	float: right;

	margin-top: 10px;

	line-height: normal;

	font-style: italic;

}



#f-right {

	float: right;

	margin-right: 30px;

	width: 490px;

}



#social {

	width: 272px;

	height: 50px;

	margin-top: 30px;

	margin-left: 225px;

}



#social a, #socialicon p a {

	width: 42px;

	height: 41px;

	display: block;

	float: left;

	margin-right: 15px;

	text-indent: -9999em;

}



a#icon-facebook {

	background: url('images/icon-facebook.jpg') no-repeat left top;

}



a#icon-facebook:hover, a#icon-wordpress:hover, a#icon-twitter:hover, #text-3 p a#icon-wordpress:hover, a#icon-meet:hover, a#icon-youtube:hover, #socialicon a#icon-facebook:hover, #socialicon a#icon-wordpress:hover, #socialicon a#icon-twitter:hover, #socialicon a#icon-youtube:hover, #socialicon a#icon-meet:hover {

	background-position: left bottom;

}



a#icon-wordpress, #text-3 p a#icon-wordpress {

	background: url('images/icon-wordpress.jpg') no-repeat left top;

}

 

a#icon-twitter {

	background: url('images/icon-twitter.jpg') no-repeat left top;

}



a#icon-youtube {

	background: url('images/icon-youtube.jpg') no-repeat left top;

}



a#icon-meet {

	margin-right: 0;

	background: url('images/icon-meet.jpg') no-repeat left top;

}



#socialicon p a {

	height: 36px;

	width: 36px;

	margin-right: 12px;

}



#socialicon a#icon-facebook {

	background: url('images/icon-facebook-sidebar.jpg') no-repeat left top;

}



#socialicon a#icon-wordpress {

	background: url('images/icon-wordpress-sidebar.jpg') no-repeat left top;

}

 

#socialicon a#icon-twitter {

	background: url('images/icon-twitter-sidebar.jpg') no-repeat left top;

}



#socialicon a#icon-youtube {

	background: url('images/icon-youtube-sidebar.jpg') no-repeat left top;

}



#socialicon a#icon-meet {

	margin-right: 0;

	background: url('images/icon-meet-sidebar.png') no-repeat left top;

	width: 40px;

}



#copyright {

	clear: both;

	margin-left: 95px;

}



#copyright span {

	font-size: .8em;

	color: #86bed8;

	padding: 0 0 0 8px;

}





#main-col {

	width: 680px;

	float: left;

	min-height: 590px;

	color: #fff;

	position: relative;

	padding: 20px 0 20px 20px;

}



#sidebar {	

	width: 260px;

	float: left;

	position: relative;

	padding-bottom: 81px;

	margin-top: -5px;

}



.page #sidebar {

	min-height: 399px;

}



.widget_nav_menu {

	/*background: url('images/bg-bottom-category.png') no-repeat left bottom;*/

	width: 255px;

	padding-bottom: 0px;

	margin-bottom: -6px;

}



.widget_nav_menu h2 {

	cursor: pointer;

	background-color: #000;

	height: 30px;

	font-size: 1em;

	font-weight: bold;

	color: #78b8d8;

	line-height: 30px;

	text-indent: 35px;

	width: 207px;

	margin: 15px auto 0;

}



.menu-habitat-menu-container, .menu-oil-menu-container, .menu-water-quality-container {

	/*background: url('images/bg-repeat-category.png') repeat-y left top;*/

}



.widget_nav_menu .menu {

	background: url("images/bg-sidebar-menu.png") repeat-x scroll 1px top;

	min-height: 131px;

}



.widget_nav_menu .menu li {

	float: none;

	padding-top: 4px;

}



.widget_nav_menu .menu li a {

	float: none;

	margin: 0 0 0 12px;

	font-size: .9em;

	padding-left: 25px;

	color: #fff;

	font-weight: normal;

}



.widget_nav_menu  .menu li a:hover, .widget_nav_menu .menu li.current_page_item a {

	color: #ffaa47;

	text-decoration: none;

	background: url('images/arrow.png') no-repeat left center;

}



#menu-footer-nav {

	float: left;

	width: 800px;

	margin: 11px 0 0 40px;

}



.breadcrumbs {

	background-color: #000;

	color: #5c95ba;

	font-size: .75em;

	padding: 3px 0;

	padding-left: 48px;

}



.breadcrumbs a {

	color: #5c95ba;

}



#main-col h2 { 

	color: #fcab4c;

	font-size: 2em;

	padding-bottom: 10px;

}



#main-col h2 a {

	color: #fcab4c;

	font-size: 1.1em;

	font-weight: bold;

}



.search-results .postmetadata {

	margin-bottom: 30px;

}



.search-results #main-col h2 {

	margin-bottom: 10px;

}



#main-col p {

	color: #fff;

}



#post-4 h2,

#post-6 h2,

#post-8 h2,

#post-10 h2 {

	margin-top: 80px;

	margin-left: 385px;

 	padding-right: 5px;

}



#post-4 p,

#post-6 p,

#post-8 p,

#post-10 p {

	margin-left: 385px;

	padding-right: 20px;

	font-size: .9em;

}



.page .child .entry p, .page #content-wrapper .child h2 {

	margin-left: 0;

	margin-top: 0;

}



.page #content-wrapper .child h2 {

	font-size: 1.4em;

}



#content-wrapper .child {

	background-image: none;

	padding-top: 0;

	width: 700px;

	padding-left: 0;

	background: #d9ecf3;

	min-height: 596px;

}



.nivo-caption p{



	padding: 0;

	width: 230px;

}



.nivo-caption {

	background: none !important;

	left: 590px !important;

	top: 70px !important;

	width: auto !important;

}



.nivo-caption p {

	font-size: 18px !important;

	color: #fff;

	font-style: italic;

}



.nivo-caption p span {

	font-size: .8em;

	padding-top: 5px;

	font-weight: normal;

}



#content-wrapper .child .post {

	padding: 18px 45px 40px;

	color: #000;

}



#content-wrapper .child .post p {

	color: #000;

} 



.wp-caption-text {

    font-style: italic;

    font-size: x-small;

}



#main-col.child .post h2 {

   color: #A65636;

   float: left;

   font-weight: bold;

   margin-bottom: 5px;

	text-transform: capitalize;

	

}



#content-wrapper .child .post .entry h2 {

	display: block;

	font-weight: bold;

	padding-top: 30px;

	color: #a65636;

	margin-bottom: 5px;

	float: none;

}



.fpost br {

	display: none;

}



.fpost a, .fpost img {

	float: left;

}



.fpost img {

	margin-right: 5px;

}



.fpost h4, .fpost p {

	font-size: .8em;

}



.fpost p {

	float: none;

	line-height: normal;

}



#content-wrapper .child .post .fpost p {

	color: #1f607c;

	margin-top: -5px;

	font-size: .75em;

}



.fpost h4 {

	font-weight: bold;

	color: #a65636;

	text-transform: uppercase;

	font-size: .75em;

	position: relative;

	top: -5px;

}



.child .one_third {

	margin-top: 10px;

	margin-bottom: 10px;

}



.bbg {

	background-color: #a65636;

	padding: 10px;

}



.bbg a {



	color: #fff;

}



.last {

	margin-top: 5px;

}



.ddsg-wrapper {

	margin-left: 30px;

}



.page #main-col .ddsg-wrapper h2  {

	margin: 20px 0 10px;

}



.ddsg-wrapper ul{

	margin-left: 20px;

	margin-bottom: 8px;

}



.ddsg-wrapper ul ul{

	margin-left: 30px;

}



.ddsg-wrapper p {

	display: none;

}



.ddsg-wrapper a {

	color: #fff;

}



#socialicon {

	background: url('images/bg-sidebar-social.png') no-repeat left bottom;

	width: 260px;

	height: 82px;

	position: absolute;

	bottom: 0;

	left: 700px;

	z-index: 1;

}



#socialicon p {

	margin-left: 10px;

}



#socialicon #social {

	margin-top: 20px;

	width: 246px;

}



/* Comment */

#respond {

	margin: 40px 0 20px;

}



#respond h3 {

	color: #000;

	font-weight: bold;

	margin-bottom: 10px;

}



#respond p {

	margin-bottom: 10px;

}



.commentlist {

	background-color: #5192B0;

	padding: 10px;

}



.commentlist li {

	list-style-type:none;

}



h3#comments {

	font-size: 1.2em;

	color: #000;

	font-weight: bold;

	margin-bottom: 5px;

	margin-top: 15px;

}



.avatar {

	float: left;

	margin: 0 10px 10px 0;

}



.commentlist cite {

	font-style: normal;

	font-size: 1em;

	font-weight: bold;

}



.comment-meta {

	font-size: .82em;

	margin: 0 0 5px 0;

}



ul.children {

	background-color: #fff;

	padding: 10px;

	margin: 10px 0 20px;

	border: 1px solid #ccc;

}



.comment-body p {

	font-size: .9em;

	margin:  0 0 10px 0;

	line-height: 1.5;

}



.reply a {

	font-size: .85em;

	text-decoration: underline;

	color: #FCAB4C;

}



.reply a:hover {

	text-decoration: none;

}



.comment-body {

	margin-bottom: 10px;

	padding-bottom: 10px;

}



.comment-body em {

	color: #000;

	font-style: normal;

	font-size: .9em;

}



#commentform input {

	width: 190px;

	padding: 2px 5px;

}



#commentform textarea {

	padding: 2px 5px;

}



#commentform input#submit {

	background-color: #f0efee;

	border: 1px solid #d2d1d1;

	padding: 5px 10px;

	cursor: pointer;

	width: 130px;

}



#commentform input#submit:hover {

	background-color: #d4d4d4;

	border: 1px solid #bababa;

}



#cancel-comment-reply {

	margin:5px 0;

}



#cancel-comment-reply a {

	font-size:1.1em;

	text-decoration: underline;

}



#cancel-comment-reply a:hover {

	text-decoration: none;

}



.addthis_default_style {

	float: right;

	width: 19%;

	text-align: right;

}



.child .entry {

	clear: left;

}



.search-results #main-col {

	background: none;

	background-color: #D9ECF3;

	width: 920px;

	padding: 20px;

}



.search-results #main-col p {

	color: #000;

}



.search-results #main-col h2 {

	font-size: 1.2em;

}



.search-results #main-col p:first-letter {

	display: none;

}



.search-results #main-col h2 a {

	line-height: 1;

	font-size: 1.2em;

}



#content-wrapper .nobg {

	background-image: none;

}



span.iconplus {

	cursor: pointer;

	position: absolute;

	color: #fff;

	display: Block;

	right: 25px;

	display: block;

	text-align: right;

	padding-right: 12px;

	top: 3px;

	width: 195px;

}



.widget_nav_menu {

	position: relative;

}



#sidebar h3 {

	color: #000;

	width: 220px;

	margin: 0 auto;

	font-size: 1.35em;

	font-weight: bold;

	margin-top: 20px;

	

}



#content-wrapper .child .entry p, #content-wrapper .child .entry ul, #content-wrapper .child .entry ol {

	margin-top: 10px;

}



#content-wrapper .child .entry ul, #content-wrapper .child .entry ol {

	margin-left: 15px;

}



.textwidget {

	margin: 15px; 

}



.alignleft {

   display: inline;

   float: left;

   padding-right: 15px;

}



.wp-caption alignleft {

    display: inline;

    float: left;

    padding-right: 15px;

}



/* TOP CONTENT BAR */

.topContentBar {

  padding: 10px 45px;

  background: #fff url('images/bg-top-maincol.jpg') no-repeat left bottom;

}



#main-col .topContentBar p {

color: #1f607c;

}


/*
.news-ticker {
	height: 20px;
	padding: 4px 5px;
	background: #000;
}
*/

.news-ticker a {
	color: #FF5000;
}


.news-ticker {
	height: 32px;
	text-align: center;
	background: #000;
	padding: 0px 0px 0px 20px;
}

*/
#news-ticker
{
	margin-left:15px;
}
*/