/*
Theme Name: Responsive Child
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Child Theme
Template: responsive
Version: 1.9.7.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

*/

/* =Start From Here
-------------------------------------------------------------- */

body { background: #BBB; margin: 0; padding: 0; }

#container { background: #FFF; padding: 0 10px; margin: 20px auto 20px auto; box-shadow: 0 0 21px #666; }

#header { 
	color: #FFF; 
	margin: -3px 0 0 0; 
	padding: 0; 
	background: #333; 
	background: #DA2C39; 
	background: #da2c39; /* Old browsers */
	background: -moz-linear-gradient(top,  #da2c39 0%, #ba0c19 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da2c39), color-stop(100%,#ba0c19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #da2c39 0%,#ba0c19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #da2c39 0%,#ba0c19 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #da2c39 0%,#ba0c19 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #da2c39 0%,#ba0c19 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da2c39', endColorstr='#ba0c19',GradientType=0 ); /* IE6-9 */
	}

/* header search box removed. now using built in search sidebar widget */
#searchbox { float: right; margin: 0px 0px 0 0; padding: 0 0px 0 0; /*background: #FFF;*/ }
#searchbox form { margin: 20px 40px 0 0; padding: 0 0px 0 0; /*background: #FFF;*/ }
#searchbox form input { margin: 0px 0px 0 0; padding: 3px; font-size: 80%; }
#searchbox form input.submit { padding: 0px 2px; }


#logo { margin: 0; padding: 0px 0 10px 2%; width: 98%; /*background: #F33;*/}
#logo a { color: #FFF; }
#logo .site-name { font-weight: normal; font-size: 350%; letter-spacing: -1.5px; /*font-weight: 100;*/ }
#logo .site-name a { padding: 0; /*background: #CCC;*/ }
.site-description { color: #FFF; font-size: 120%; margin: 10px 0 8px 0; }


#logo #sdjvlogo { float: right; margin: 5px 5px -35px 0; padding: 0; width: 199px; height: 120px; }
#logo #sdjvlogoIE { float: right; margin: 6px -200px -35px 0px; padding: 0; width: 143px; height: 108px; /*background: #FFF;*/ visibility: hidden; }

/*#sdjvlogo { float: right; background: url(images/logo-184x66.png) center center no-repeat; width: 184px; height: 66px; margin: 22px 18px 0 0; visibility: hidden; }*/

.main-nav { /*visibility: hidden;*/ z-index: 10; } /* does not fix IE display overlap problem */

#topslideshow { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%; /* 440px over 960px */
	height:0;
	overflow:hidden;
	background: #999;
	color: #FFF;
	}

#topslidestatic { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestatic img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}
	
#topslidestaticATLANTIC { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/ATLANTIC/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticATLANTIC img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticHOW { 
	position:relative;
	width:100%;
	padding-bottom:31.25%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/work-we-do/how-we-catch-sea-ducks-triptych-960x300.jpg) center center no-repeat;
	color: #FFF;
	}

#topslidestaticHOW img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

/* FOR NO BANNER IMAGE */
#topslidestaticNOTOPBANNER { 
	position:relative;
	width:100%;
	padding-bottom:0;
	height:0;
	overflow:hidden;
	background: #999;
	color: #FFF;
	}

/*#topslidestaticNONE img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}*/

/* SPECIES PAGES */
#topslidestaticCOEI { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/COEI/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticCOEI img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}
	
#topslidestaticKIEI { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/KIEI/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticKIEI img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}
	
#topslidestaticSPEI { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/SPEI/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticSPEI img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticSTEI { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/STEI/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticSTEI img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}
	
#topslidestaticBLSC { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/BLSC/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticBLSC img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticWWSC { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/WWSC/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticWWSC img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticSUSC { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/SUSC/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticSUSC img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticBAGO { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/BAGO/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticBAGO img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticCOGO { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/COGO/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticCOGO img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticBUFF { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/BUFF/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticBUFF img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticLTDU { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/LTDU/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticLTDU img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticHARD { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/HARD/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticHARD img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticCOME { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/COME/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticCOME img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticRBME { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/RBME/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticRBME img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticHOME { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/HOME/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticHOME img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}

#topslidestaticSDHA { 
	position:relative;
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	background: #999 url(images/headers/SDHA/rotate.php) center center no-repeat;
	color: #FFF;
	}

#topslidestaticSDHA img { 
	width:100%;
	padding-bottom:45.8333333333%;
	height:0;
	overflow:hidden;
	}


/* contains main content area and sidebar */
#wrapper { 
	margin: 0; 
	border-radius: 0; 
	box-shadow: none; 
	border: none; 
	background: #FFF; 
	padding: 0 0 0 10px; 
	}

/* styles from main theme
#wrapper {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	clear: both;
	margin: 20px auto 20px auto;
	padding: 0 20px 20px 20px;
	position: relative;
}
*/

/* main page contents */
#content { margin: 0 20px 0 0; padding: 0; background: #FFF; }

/* full width page template */
#content-full { margin-top: 0; }


#partnerlogos { text-align: center; }
#partnerlogos #logo { float: left; width: 120px; height: 120px; margin: 0px 10px 20px 10px; /*background: #CCC;*/ }

#threeacross { width: 100%; margin: 0 0 20px 0; overflow: auto; }
#threeacross img { float: left; width: 32%; margin: 0; border-radius: 3px; }
#threeacross img.middle { margin: 0 2%; }

table.bordernone { border: none; }
table.bordernone td { border: none; }

/* thumbnails two across */
#twoacrossdynamic { width: 70%; padding: 0; margin: 0 0 40px 0; float: left; display: inline-block; /*background: #DDD;*/ /*height: 150px;*/ text-align: left; }
#twoacrossdynamic img { vertical-align: middle; float: right; }


/* responsive youtube video embeds, appears to work */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	margin: -20px 0 30px 0; /* these margins appear to work - make sure yt embed dimensions are corret for videos */
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* responsive youtube video embeds for 4:3 aspect ratio videos */
.video-container43 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	margin: -20px 0 30px 0; /* these margins appear to work - make sure yt embed dimensions are corret for videos */
}
 
.video-container43 iframe,
.video-container43 object,
.video-container43 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* RESPONSIVE VIDEO CONTAINER */
/* responsive html 5 video embed for a custom aspect ratio video 717px wide x 466 px high */
/* there is some odd behavior in regard to the location of the control bar when sized up to maximum dimensions */

#videoholder560 { margin: 0 auto 50px auto; max-width: 560px; }
#videoholder560 p { text-align: center; font-family: ralewaysemibold, Helvetica, Arial, sans-serif; }


.video-container560 {
    position: relative;
	/*max-width: 560px; 
	max-height: 311px;*/ 
    padding-bottom: 55.5357142857143%;
    padding-top: 0px; 
	height: 0; 
	overflow: hidden;
	margin: 0px auto 0px auto; 
}
 
.video-container560 iframe,
.video-container560 object,
.video-container560 embed, 
.video-container560 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	/*max-width: 560px;*/ 
    height: 100%;
}


#imagefullwidth { text-align: center; }
#imagefullwidth img { width: 100%; margin: 0 0 3px 0; }

p.titletext { font-size: 115%; font-weight: normal; }


#widgets { background: #FFF; margin: 20px 0 0 20px; }

.widget-wrapper { 	
	background: #F2F3F4; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #ede7f2 0%, #dde7f2 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ede7f2), color-stop(100%,#dde7f2)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #ede7f2 0%,#dde7f2 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #ede7f2 0%,#dde7f2 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #ede7f2 0%,#dde7f2 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #ede7f2 0%,#dde7f2 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7f2', endColorstr='#dde7f2',GradientType=0 ); /* IE6-9 */
	margin-bottom: 10px;
	}

.widget-title h3 { line-height: 1.2; }

.breadcrumb-list { visibility: hidden; height: 0; }

#footercontainer {
	background: #c1712a; /* Old browsers */
	background: -moz-linear-gradient(top,  #c1712a 0%, #a1510a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1712a), color-stop(100%,#a1510a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c1712a 0%,#a1510a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c1712a 0%,#a1510a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c1712a 0%,#a1510a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c1712a 0%,#a1510a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1712a', endColorstr='#a1510a',GradientType=0 ); /* IE6-9 */
}

#footer { /*background: #111; background: #C1712A; background: #666;*/ padding: 0; margin: 0 auto 10px auto; }
#footer-wrapper { /*background: #111; background: #C1712A; background: #666;*/ color: #FFF; font-size: 130%; padding: 20px; }
#footer-wrapper a { color: #FFF; font-weight: 400; }
#footer-wrapper a:hover { color: #FFF; text-decoration: underline; }

#footermenu { /*background: #333;*/ font-size: 105%; line-height: 160%; }
#footermenu ul { margin: 0; padding: 0; }
#footermenu ul li { margin: 0; padding: 2px 12px 2px 12px; list-style: none; display: inline; border-right: 1px solid #FFF; }
#footermenu ul li.foremost { padding-left: 0; }
#footermenu ul li.hindmost { border-right: none; }
#footermenu ul li a {  }
#footermenu ul li a:hover {  }


/* NOT IMPLEMENTED */
#footermenu ul ul { font-size: 90%; background: #666; }
#footermenu ul ul li { border: none; display: normal; }

#contactinfo p { /*background: #666;*/ margin-bottom: 0; font-size: 105%; line-height: 140%; }

.copyright { /*background: #666;*/ margin-top: 0; background: #111; visibility: hidden; }

#tableofcontents { padding: 15px; border-radius: 4px; border: 1px solid #CCC; background: #EEE; margin: 0 10px 20px 0; font-size: 105%; }
#tableofcontents ul { margin: 0; padding: 0; }
#tableofcontents ul li { margin: 0; padding: 0; list-style: none; line-height: 150%; }
#tableofcontents ul li a { background: url(images/arrow-right.png) 0px 50% no-repeat; padding: 0 0 0 12px; }
#tableofcontents ul li ul { margin: 0 0 0 15px; }

#imageleft { float: left; margin: 5px 20px 10px 0; }
#imageleft img { padding: 0px; border: 1px solid #999; }

#imageright { float: right; margin: 5px 0px 10px 20px; }
#imageright img { padding: 0px; border: 1px solid #999; }

#imagefull { width: 100%; margin: 0 0 20px 0; }
#imagefull img { width: 100%; border: 1px solid #999; }

#content h3 { border-top: 1px solid #CCC; padding-top: 20px; }

p.binomial { font-weight: bold; font-style: italic; font-size: 120%; margin-top: -10px; } /* works */

.bwg_title_spun2_0 { font-family: arial, helvetica, sans-serif; } /*  */

.larger { font-size: 120%; }


/* Photospace Responsive caption style overrides */
.caption .image-caption { color: #333; text-align: center; font-weight: bold; }


/* MAIL CHIMP SIGN UP FORM STYLES */
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup { clear: left; font: 12px Helvetica,Arial,sans-serif; /*background: #CCC;*/ }
#mc_embed_signup form, input { padding: 0; margin: 0; }
.mc_submit_button { font-size: 12px; background: #999; }


/* contact page form error message styles */
/* form error and responsive styles */
input, textarea { padding: 4px 6px; width: 100%; }
input.border, textarea.border { border: 1px solid #999; }
.sendbutton { width: 100%; }

#errorblock { width: 100%; background: #EEE; padding: 0 6px; margin: 0 0 20px 0; border: 1px solid #999; /*max-width: 400px;*/ text-align: left; }

#errorblock p { margin: 0; padding: 12px 10px 12px 10px; }

/* search sidebar widget */
#searchform input.field { width: 100%; margin: 0 0 10px 0; }
#searchform input.submit { width: 50%; background: #4BACC6; color: #FFF; text-shadow: none; border: none; border-radius: 4px; }

/* RED HIGHLIGHT */
.new:before { content: "\2605NEW\2605  "; color: #F00; font-weight: bold; }

.post-entry a:visited { color: #06C; }

#imageinlineblock { display: inline-block; width: 47%; margin: 0 2% 0px 0; /*border: 1px solid #C96;*/ }
#imageinlineblock img { width: 100%; }



/* RESPSONSIVE VIDEO */
.videoWrapper {
	position: relative;
	/*padding-bottom: 56.25%; /* 16:9 */
	padding-bottom: 66.666666667%; /* 4:3 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* BREAKPOINTS AND RESPONSIVE STYLES */
@media screen and (max-width: 980px) {
	#container { margin: 0px auto 0px auto; }
	#header { padding: 0; margin: -3px 0 0 0; } 
	#wrapper { padding: 0; }
	
	#tableofcontents { padding: 10px; margin: 0 0px 20px 0; }
	
	#widgets { margin-left: 20px 0 0 10px; /*background: #CCC;*/ }
	.widget-wrapper { padding: 10px; }
	
	#footercontainer { text-align: center; }

}

@media screen and (max-width: 768px) {
	#container { padding: 0 10px; margin: 0px auto 0px auto; box-shadow: none; }
}

@media screen and (max-width: 650px) {
	#logo { padding: 0 0 0 10px; margin: 0; }
	#logo a { padding-top: 0; margin: 0; }
	/*#searchbox form { margin: 10px 20px 0 0; }*/
}

@media screen and (max-width: 480px) {
	/*#logo { background: #999; }
	#logo .site-name { font-weight: normal; font-size: 350%; letter-spacing: -1.5px; /*font-weight: 100; }
	#logo .site-name a { padding: 0; /*background: #CCC; }
	.site-description { color: #FFF; font-size: 120%; margin: 10px 0 8px 0; }*/
	#sdjvlogo { visibility: hidden; }
	#sdjvlogoIE { visibility: hidden; }
	#twoacrossdynamic { width: 97%; padding: 1.5%; margin: 0 0 20px 0; float: none; }
	#imageinlineblock { width: 100%; margin: 0; }
}