/* core style sheet */
/* reset */
body, html, img, ul, ul ul, ul li, h1, h2, h3, h4,  h5, h6,  
form, fieldset, input, p,blockquote,  table, th, td {margin: 0;padding: 0;}
/* typograhy line-height */
body {line-height:1.72;}
h1, h2, h3, h4 {line-height:1.0em;}
body#ecology h2,body#ecology #one .second h3, ul li h3,.species-annotation li .caption  {line-height: 1.42;}
.species-list li .caption {line-height: 1.0em;}
#site-information-container li  {line-height:1.82;}
/* font family */
body,  strong, em{font-family: "Bitstream Vera Sans",Tahoma, Verdana, sans-serif;}
h1, h1 span,blockquote {font-family: "Helvetica Neue LT Std","Helvetica", "Gill Sans", arial,  sans-serif; /*type=slab serif */ }
/* font sizes */
body {font-size: 12px;}
h1 {font-size: 40px ;}
#site-information h2{font-size: 18px ;}
h2{font-size: 18px ;}
h3{font-size: 15px ;}
h4, #site-information li h3,ul li h3,#news li h4, #news li strong,#monthly-photos span  {font-size: 14px ;}
li{font-size: 14px ;}
h1 span{font-size: 40px ;}
#site-information .navigation, li li, li p, p {font-size: 12px ;}
#main-navigation li a, ul ul li h4, .navigation ul li a, .navigation li a,#branding span {font-size: 12px ;}
#site-information ul.copyright li {font-size: 12px ;}
.first p,body.get-involved #two .second ul ul li, body.get-involved #two .second ul ul li p,h2 span {font-size: 12px ;}
#calEvents li{font-size: 13px ;}
#monthly-photos p,body#ecology  #breadcrumbs li, body#ecology #breadcrumbs li a,.species-list li .caption{font-size: 11px ;}
.vcard .fn, h2 span.more-information, #upcoming h2, #news h2, #join h2, #donate h2 {line-height:0; font-size:0px;height:0;}
.vcard .org {line-height:1em; font-size:18px;height:20px;display:block; padding:7px 10px; margin-left:0;}
/* typography position and style */
h1  {background-image: url(h1.png);background-position: scroll 0 0;background-repeat: no-repeat ;}
h1  {margin: 10px 0 5px 0; padding: 0 0 0 5px; letter-spacing: 3px; word-spacing: -2px;position:relative;text-indent: -9999px;}
/*h1 span {position:absolute; top: 26px; word-spacing: -4px;left:2px;width: 340px;}*/
h1 { width: 333px;height:63px;}
h1 a {display:block;height:63px;border-bottom: none 0px;}
h1 a {border-bottom: none 0px; }
h1 a:visited, h1 a:visited:hover, h1 a:hover, h1 a:focus, h1 a:active {border-bottom: none 0px;}
body.home blockquote {background-image: url(blockquote.png);background-position: scroll 0 0;background-repeat: no-repeat ;}
body.get-involved blockquote {background-image: url(blockquote-get-involved.png);background-position: scroll 0 0;background-repeat: no-repeat ;}
 blockquote p{text-indent: -9999px; }
body.home blockquote { width: 342px; height:192px;}
body.get-involved blockquote { width: 349px; height:196px;}
/* typography else */
h1 span{text-transform: uppercase;}
 {font-weight: normal;}
#monthly-photos span,h1 span,#calEvents li span.eventDate,body#ecology  p span, span.source{font-weight: bold;}
#container ul.navigation li span,.one span.caption {font-style: italic;}
.vcard  {line-height:1.72;position:relative;}
.vcard .fn, .vcard .adr {word-spacing:0;padding: 0 14px 7px 14px; }
#branding h2 {margin-top:0.4em;padding:0;}
#site-information h2,#site-information h3  {margin  0;padding:0;}
#site-information h2 {margin-bottom: 1.0em;}
h2, h3, h4 {margin:0 7px 10px 3px;padding:7px 3px ;}
#volunteer li h2 {margin-right: 0px;padding-right:0;}
body#ecology #one .first h2, body#ecology #two .first h2, body.about #one .first h2 {position:relative;top:-6px;padding-bottom:18px;}
body#ecology.birds #one .first h2 {}
body#ecology #one .first h2 span,body#ecology #two .first h2 span,body.about #one .first h2 span {position:absolute; top: 32px; left:5px;}
body#ecology.marine-and-shoreline-mammals #one .first h2 span  {position:absolute; top: 62px; left:5px;}
body#ecology #one .second h3 {margin-left:3px;}
#volunteer ul  li h3 {margin:0 0 7px 0;}
#site-information h2 {padding-top:0;}
p {margin: 0 14px 10px 7px;padding:0;}
blockquote p,#volunteer li h2 {margin-bottom:0;}
body.get-involved #two .second ul,body.get-involved #two .second ul ul {margin-top:0}
/* z-index */
#branding, .one, #site-information;{z-index:0;}
 {z-index:1;}
 
/* anchors */
 li a.continue,li a.continue:visited,li a.continue:visited:hover,li a.continue:hover,li a.continue:focus {background: #f8f8f8 url(/images/left-arrow.png) no-repeat center left ;padding-top: 0.1em;padding-left:1.2em;padding-right:0.6em;line-height: 1.3;margin-bottom: 0.5em;margin-left:0;}
li a.continue:visited:hover,li a.continue:hover,li a.continue:focus{background: #f8f8f8 url(/images/left-arrow.png) no-repeat center left ;}
a#skip {top:3.6em; right: 1.0em;padding: 0.2em 0.2em;}
a#rss  {float: right;position: relative;padding-right:0.6em;  right: 1.0em; top: -0.4em;font-weight: bold;}
a span.more-information{position:absolute;left: -9999px;width: 900px;}
a, a:visited, a:visited:hover, a:hover, a:focus {text-decoration:none;position: relative;}
  a:hover,  a:active, a:focus { clear: left; }
  a:hover span.more-information,   a:active span.more-information,  a:focus span.more-information {left: 0px;  top: 1.5em;  padding: 0.8em 0.8em 1em 0.8em; width: 270px; line-height: 1.8;  font-size: 12px;text-transform: none;  letter-spacing: 1px;background: #050224; color:#dad7cc;  border: 1px solid #dad7cc;   text-decoration: none; clear: both;z-index: 100;}
/* visual content */

/* navigation */
.navigation, #site-information ul {list-style: none inside none;}
#about-friends-silva-bay.navigation {position: absolute;top: -2.5em ; margin:0 ; padding: 0;background: transparent;width:100%}
#about-silva-bay.navigation {position:absolute; top: 50px;margin:0px 0 0 36%; padding: 0;background: transparent;width:63%}
.navigation li{display:inline;margin:0; padding: 0;background:transparent ; }
.navigation li span {margin-right: 1.2em;}
.navigation li a {font-weight: normal;line-height: 1.0; margin: 3px 7px ; text-align: center;}
.tab-navigation ul {width: 100%;display:inline;margin:0 0 0 0; padding: 0;background:transparent ; }
.tab-navigation ul li {display:inline;margin:0; padding: 0;background:transparent ; }
.tab-navigation ul li a {padding: 2px 1px;margin: 0 14px 0 7px;text-align:center;}
body.home #two .second .tab-navigation ul li{display:inline;margin:0; padding: 0;background:transparent ; }
body#ecology .tab-navigation, body.about  .tab-navigation {margin-top: 0.6em;margin-bottom: 0.6em;padding-bottom: 0.6em;}
body#ecology #thumbnail-index.tab-navigation {margin-top: 0.6em;margin-bottom: 10px;padding-bottom: 10px;}
body#ecology #thumbnail-index.tab-navigation li a {display:inline;margin:0 5px 0 0; padding:  2px 3px; }
/*breadcrumbs > li a:after {content: "";*/

/* list styles main */
ul, ul li, ul ul, ul ul li, ul ul p, ul ul ul   {list-style: none outside none;margin:0;padding:0;}
 ul li h3  {margin:0.6em 0 0.6em 0;padding:0.6em 0.3em 0 0;}
ul li {line-height: 1.7;padding:0 0.3em 0.3em 0.3em;}
ul ul  {margin:0 0 0 0;padding:0;}
ul ul li {margin:0 0 0 0;padding:0 0.3em 0 0;}
ul li p {margin-left:0;}
li.post-date {margin: 10px 0 0 0}
#calEvents  {margin:0.6em 0.6em 1.2em 0.6em;padding:0; }
#calEvents li {margin: 0;padding:0.3em 0;display:block;border-bottom: solid 1px #eee; }
#calEvents li span.eventDate {margin: 0 0.6em 2.2em 0;}
ul ul li ul  {list-style: none outside none;margin:0;padding:0;}
#get-involved ul ul li{margin-bottom:10px;}
#get-involved ul ul li p {margin-bottom:5px;}
body.about #two ul ul,body#ecology #breadcrumbs{ padding-bottom:0.6em;}
#site-information ul li h3 {padding-bottom:0.3em; }
#site-information ul li ul li {list-style: none outside none;padding-left:6px;margin-bottom: 6px}
#site-information ul li ul li a {margin-left: 0px;}
#site-information #archive .one ul li em {padding: 1.6em 0.3em;}
#site-information ul.copyright {width: 100%;float: left; clear: left;position: relative; bottom: 1em;left: 1em;margin-top: 3.4em;padding-top:1.6em;}
#site-information ul.copyright li {display:inline;padding-right: 7px; }
#site-information ul.copyright li.created-with-ubuntu {display:inline;padding-right: 0px;margin-right:0; }
#site-information ul.copyright li.created-with-firefox {position:relative; left:-2px;} 
/* list styles specifications */
.species-list, .species-list li,.species-annotation,.species-annotation li  {display:inline; float:left;}
.species-list, .species-annotation {width: 99.9%;height:auto;overflow:hidden;margin:0 0 20px 0; padding:0;}
.species-list {margin-top: 0px;}
.species-annotation {margin-bottom: 40px;}
.species-list li {width: 112px;height: 108px;position:relative;margin: 0 10px 10px 0px;padding:0;text-align:center; }
.species-annotation li {position:relative;margin: 0 10px 10px 0px;padding:0;text-align:center;float:left;}
.species-list li img {width: 112px; height: 108px;z-index:0;padding:0;}
.species-annotation li img {width: 316px; height: auto;z-index:0;padding:0;}
.species-annotation li.close-up img {display:inline;width: 121px; height: auto;z-index:0;padding:0;}
.species-annotation li.description ul li {text-align:left;display:inline; float:left;width: 50%;margin: 10px 0px 10px 0px;}
.species-annotation li.description ul li p {display:block;}
.species-list li .caption,.species-annotation li .caption {position:absolute; left:0; bottom:0;right:0;z-index:100;padding: 5px 3px 5px 3px;text-align:center;}
.species-list li  a,  .species-list li a img{border:0; text-decoration:none;}
/* list styles comments */

/* list styles errors */
#errors {margin: 1em 0;}
#errors li {display:block;background: transparent url(../images/tango-warning-icon.png) no-repeat center left ;padding-left:2.2em;line-height: 1.5;font-weight:bold;margin-bottom: 0.5em;margin-left: 0;}
#errors li.heading, #errors li.heading h3 {display:block;padding:0;color:#000;background: #fff; }

/* forms */
form { margin: 1.6em 0.8em 1em; padding:0;border: none;}
fieldset {border: none;margin: 0;  padding: 0 1em; }
label {display: block;border: none; padding: 0.3em 0;font-size:1.0em;font-weight: bold;}
input, textarea, input#submit {font-weight: bold;}
input#submit {display: block;border: solid 1px #ede9e8;margin:  0.4em 0; padding: 0.3em 0.3em;}
input[type=text]:focus, textarea:focus {background:#fff; color: #393d40;}
input[type=text]:focus:visited, textarea:focus:visited {background:#fff;}
input[type=text]:focus:hover, textarea:focus:hover {background:#fff;}
/* site-information */
/* clearfix */
.clearfix:after {content: ".";	display: block;	height: 0;clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end clearfix */
/* fix opacity */
{
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
	}