/* Theme Name: NCCOS
/* Theme URI: http://coastalscience.noaa.gov/
/* Description: Responsive Theme for National Centers for Coastal Ocean Science websites
/* Author: NCCOS Staff
/* Author URI: http://coastalscience.noaa.gov/

**********************************************************************************************/

body {
      font-size: 11pt;
      font-family: Arial, Helvetica, sans-serif;
      color: #000;
      background-color: #FFF;
      margin: 0;
      padding: 0;
      text-align: left;
      }    
.lowercase {
	text-transform: lowercase;
	}	
      
/* = General Selectors
========================================================= */
abbr, acronym {
      font-style: italic;
	border-bottom: 1px dotted #666;
      }      
em {
      color: #D00;
      }        
h1, h2, h3, h4, h5 {
      font-weight: normal;
      padding: 6px 0;
      color: #333;
      margin: 0;
      }   
h1 {
      color: #000;
      font-size: 24pt;
      padding: 8px 0;
      }  
h1:before {
	content: 'NCCOS - ';
      }      
h2 {
      color: #2F1E0F;
      font-size: 18pt;
      padding-bottom: 10px;
      }    
h3 {
      font-size: 16pt;
      font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
      color: #4F2A17;
      }   
h3 span {
      font: italic 12pt Georgia, Times, Serif;
      color: #63341D;
      }      
h4, h5 {
      font-size: 14pt;
      font-family: Arial, Helvetica, sans-serif;
      }  
h5 {
      font-style: italic;
      }          
/* = Hidden Elements
========================================================= */
.hideonprint, span.hideonprint, #top, #crumbs, nav, #subnavigation, .sublinks, .footerlinks, aside, #wpstats, .logo, #mainpromo p.flex-caption, .flex-control-nav, .flex-control-paging, #otherpromo, #home #themepromo ol img {
	display: none;
	}
/* = Formatting
========================================================= */	
.group:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      }
a {
      color: #00C;
      text-decoration: none;
      border-bottom: 1px solid #C8D0DA;
      }	
a img {
	border: none;
	}	
blockquote {
	padding: 0 0 5px 24px;
	font-style: normal;
	line-height: 1.5;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}	
p {
	line-height: 1.7;
	margin: 0;
	padding: 5px 0 4px 0;
	}
.caption p {
	font: italic 11pt Georgia, Times, Serif;
      color: #63341D;
	line-height: 1.7;
	padding: 5px 0;
	}	
img.alignright {
	float: right;
	margin: 0 0 10px 10px;
	position: relative;
	}		
ul {
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 4px;
	}
#home ul.slides {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#home ul.slides img {
	margin-top: 5px;
	}	
#home #blurb {
	clear: both;
	padding: 10px 0;
	border-bottom: 1px dotted #666;
	margin-bottom: 5px;
	}	
#home #themepromo ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
#home #themepromo ol h5 a  {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	}		
figure {
	margin: 10px 0;
	padding: 0;
	}
figcaption {
	margin-top: 10px;
	line-height: 1.6;
	font-family: Georgia, "Times New Roman", Arial, sans-serif;
	color: #031F39;
	font-size: 12pt;
	font-style: italic;
	}		
div.googlemap {
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 10px;
      }                  
.aligncenter {
      float: center;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 10px;
      }
.alignright {
	float: right;
      margin: 0 15px 10px 0;
      }
.alignleft {
	float: left;
	margin: 0 0 10px 15px;
      }
.wp-caption {
      border: none;
      text-align: center;
      padding-top: 10px;
      margin: 0 0 10px 0;
      }
.wp-caption img {
      margin: 0;
      padding: 0;
      border: 0 none;
      }
.wp-caption p.wp-caption-text {
      font-size: 85%;
      color: #666;
      padding: 8px;
      }            
.postmeta {
      font-size: 85%;
      color: #666;
      }      
footer {
      margin-top: 10px;
      padding-top: 10px;
      text-align: center;
	font-size: 85%;
      color: #666;
	}	
footer p {
      line-height: 1.2;
      }      
	