@charset "utf-8";
/* CSS Document */
*{ box-sizing:border-box;-moz-box-sizing:border-box;}
body { font-size: 62.5%;margin:2rem;font-family: Verdana, Arial, Helvetica, sans-serif;background: #42413C url(images/pattern.png) repeat top left;margin: 0;padding: 0;color: #000;}
article{ background-color:#FFFFFF;max-width:1000px;margin: 0 auto; width:90%;padding-bottom:10px}
div.main{ display:table;border-spacing:1rem; }
div.main > section{ display:table-cell;vertical-align:top;width:50%}
header{ display:table;background: #ADB96E;display:block;}
header img,img.bioimg{ width:100%; height: auto;margin: 0 auto;}
header div#leftcol{ display:table-cell;vertical-align:middle;max-width:180px;}
header div#rightcol{ display:table-cell;vertical-align:top;max-width:820px;}
.left{float:left; height: auto;}
.sidebar1 {	float: left;width: 180px;background: #EADCAE;padding-bottom: 5px;}
img.alignleft{width:45%;padding-right:10px;padding-bottom:5px; float:left;min-width:180px}
img.alignright{float:right; padding-left:10px;width:45%;min-width:180px}
h1{	font-size:1.2rem;display:table;border-spacing:.5rem;margin-bottom:0px;padding:0 0 0 25px;}
h3{ font-size:1.2rem;margin-bottom:0px;padding:0 0 0 0px;margin-top:0;}
h2{	font-size:1.0rem;margin-left:15px;margin-top:0px;}
table, tr, td,p, a, ul, li{font-size:.9rem;line-height:135%}
a:link {color: #42413C;	text-decoration: none; }
a:visited {	color: #6E6C64;	text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
.container {margin: 0 auto;	max-width:1080px;}
.quote{	margin: 5px auto;display:table;border-spacing:.5rem;}
aside, aside p {width: 176px;background: #EADCAE;padding: 5px 3px 0px 3px;font-size:.9rem;}
nav{font-family:futura, arial, sans-serif;	font-weight:200;background: #C6D580; padding:.4rem;	}
nav a{	border-top: 1px solid #666;	display: block; text-decoration:none;padding:.4rem; transition: .5s}
nav > a.subnav{	height: 3rem;border-left: 1px solid #666;border-top: none;display: inline;padding-left:.5rem}
nav a:last-child.subnav{border-right: 1px solid #666;}
nav a:first-child{display:none;}
nav a:hover{background: #ADB96E;}
footer {padding: 5px 0;background: #CCC49F;position: relative;clear: both; }
address{text-align:center}
a:link.address {color: #42413C;	text-decoration: none;font-size:inherit }
a:visited.address {	color: #6E6C64;	text-decoration: underline;}
a:hover.address, a:active.address, a:focus.address {text-decoration: none;}
table { width: 100%; border-collapse: collapse; }
tr:nth-child(odd) { background: #eee; }
th {  background: #333; color: white; font-weight: bold; }
td, th {  padding: 6px;border: 1px solid #ccc; text-align: left; vertical-align:top}
th,thead td {color: #fff;background-color: #99bfe6;border-collapse: collapse;padding: 4px;text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7);}
tbody > tr:hover > td,tbody > tr.even:hover > td,tbody > tr.odd:hover > td {background: #ccc;}
td:first-child{width:25%;}
.clr{clear:both;}
.gallery{	margin:0px 25px 0px 200px;}
.rg-image-wrapper{position:relative;padding:20px 30px;margin-bottom:30px;background:transparent url(images/black.png) repeat top left;-moz-border-radius: 10px;
	-webkit-border-radius: 10px;border-radius: 10px;min-height:20px;}
.rg-image{position:relative;text-align:center;line-height:0px;}
.rg-image img{max-height:100%;max-width:100%;}
.rg-image-nav a{position:absolute;top:0px;left:0px;	background:#000 url(images/nav.png) no-repeat -20% 50%;	width:28px;	height:100%;text-indent:-9000px;cursor:pointer;
	opacity:0.3;outline:none;-moz-border-radius: 10px 0px 0px 10px;	-webkit-border-radius: 10px 0px 0px 10px;border-radius: 10px 0px 0px 10px;}
.rg-image-nav a.rg-image-nav-next{right:0px;left:auto;background-position:115% 50%;	-moz-border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;	border-radius: 0px 10px 10px 0px;}
.rg-image-nav a:hover{opacity:0.8;}
.rg-caption {text-align:center;	margin-top:15px;position:relative;}
.rg-caption p{font-size:11px;letter-spacing:2px;font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;line-height:16px;padding:0 15px;text-transform:uppercase;}
.rg-view{height:30px;}
.rg-view a{	display:block;float:right;width:16px;height:16px;margin-right:3px;background:#464646 url(images/views.png) no-repeat top left;border:3px solid #464646;	opacity:0.8;}
.rg-view a:hover{opacity:1.0;}
.rg-view a.rg-view-full{background-position:0px 0px;}
.rg-view a.rg-view-selected{background-color:#6f6f6f;border-color:#6f6f6f;}
.rg-view a.rg-view-thumbs{background-position:0px -16px;}
.rg-loading{width:46px;	height:46px;position:absolute;top:50%;left:50%;background:#000 url(images/ajax-loader.gif) no-repeat center center;margin:-23px 0px 0px -23px;	z-index:100;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;opacity:0.7;}
/* Elastislide Style */
.es-carousel-wrapper{background: #101010;padding:10px 27px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;position:relative;-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);position:relative;margin-bottom:20px;}
.es-carousel{overflow:hidden;background:#000;}
.es-carousel ul{display:none;}
.es-carousel ul li{	height:100%;float:left;	display:block;}
.es-carousel ul li a{display:block;	border-style:solid;	border-color:#222;opacity:0.8;-webkit-touch-callout:none;-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;	-ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a{border-color:#fff;opacity:1.0;}
.es-carousel ul li a img{display:block;	border:none;max-height:100%;max-width:100%;}
.es-nav span{	position:absolute;top:50%;left:8px;	background:transparent url(images/nav_thumbs.png) no-repeat top left;width:14px;height:26px;margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:8px;	left:auto;background-position:top right;}
.es-nav span:hover{	opacity:1.0;}
/* CSS reset */

.es-carousel > ul, .es-carousel > li { 	margin:0;padding:0;}
.es-carousel > ol, .es-carousel > ul {	list-style:none;}
/*html,body {	margin:0;padding:0;}
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0;	padding:0;}
fieldset,img { 	border:0;}
input{	border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;	width:190px;}
address,caption,cite,code,dfn,var {	font-style:normal;	font-weight:normal;}

caption {	text-align:left;}

q:before,q:after {content:'';}
abbr,acronym { border:0;}*/

@media only screen and (min-width : 360px) and (max-width : 665px) {
	
	h1, h2, p{margin-left:0px;}	
	div.main > section, div.main > img {display:table-row;}	
	img.left{width:38px}
	
	table, thead, tbody, th, td, tr {display: block; }	
	thead tr {position: absolute;	top: -9999px;left: -9999px;	}	
	tr { border: 1px solid #ccc; }	
	td { border: none;border-bottom: 1px solid #eee; position: relative;}		
	td:before { position: absolute;	top: 6px;left: 6px;width: 10%;padding-right: 5px;white-space: nowrap;}
	td:first-child{width:100%;}	 
	td:first-child >  img{width:40%;}	                
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Species"; }
	td:nth-of-type(3):before { content: "Latin Name"; }
	td:nth-of-type(4):before { content: "Description"; }
	
	
	/*header div#rightcol{display:block}	
	header div#leftcol > img.logo{width:157px}	*/		
}
		

@media screen and (max-width:360px){
	nav {height: 3rem; overflow:hidden;transition: .6s height}	
	nav a, nav a:first-child, nav > a.subnav{display:block;	 }
	nav a:last-child.subnav,nav > a.subnav {border-right: none;height:auto}	
	 nav > a.subnav{border-left: none;	border-top: 1px solid #666; }	
	nav:hover{height:11rem}		
	.sidebar1,aside, aside p{width:100%}
	.side-quote{display:none}
	div.main > section {display:table-row;}
	header div#rightcol{display:block}		
	img.left{width:38px}
	header div#leftcol > img.logo{max-width:115px}
	img.alignleft{float:none;width:80%}
	img.alignright{float:none;width:80%}	
	.gallery{ margin:0px 25px 0px 20px;}
	
	table, thead, tbody, th, td, tr {display: block; }	
	thead tr {position: absolute;	top: -9999px;left: -9999px;	}	
	tr{ border: 1px solid #ccc; }	
	td { border: none;border-bottom: 1px solid #eee; position: relative;}		
	td:before { position: absolute;	top: 6px;left: 6px;width: 10%;padding-right: 5px;white-space: nowrap;}	
	td:first-child{width:100%;}	 
	td:first-child >  img{width:40%;}                
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Species"; }
	td:nth-of-type(3):before { content: "Latin Name"; }
	td:nth-of-type(4):before { content: "Description"; }
}

@media screen and (min-width : 360px) and (max-width:500px){
	nav  a{	height: 3rem;border-left: 1px solid #666;border-top: none;display: inline;padding-left:.5rem}
	header div#leftcol > img.logo{min-width:90px}
	/*nav.subnav, nav > a.subnav{display:none}*/
	.sidebar1,aside, aside p{width:100%}
	.side-quote{display:none}
	img.left{width:38px}
	.gallery{ margin:0px 25px 0px 20px;}
}
@media screen and (max-width:800px){
	article{ width:100%; margin: 0 auto; }
}