/* Shared CSS for NOS Ocean Image Pages */


.hide {display: none;}

hr {border:#ccc thin solid; width:89%; margin-left:20px;}		
#breadcrumb {margin:0 0 0 -10px;}
	
header h1, header h2, h1 {margin-left:10px;}
header h1, h1 {margin-bottom:5px;}
header h2 {margin-top:0;}

/* category page */

#thumbs {
	padding: 0;
	margin:0 auto;
}

#thumbs ul {
	 list-style: none;
	  margin:0 0 10px 12px;
	 padding:0;
}


#thumbs ul li {
	display:inline;
	float:left;
	height:85px;
	margin:0 5px;
	
}

#thumbs header h1, #thumbs header h2 {margin-left:20px;}


#thumbs a {color:#8ebfdd}
#thumbs img {
 
border: 1px solid #548BAA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#thumbs span {display:none;}

/* single image page */

#imagebox {height:450px; margin:0 auto; padding:0;}

#imagebox h4 {clear:both; padding:10px; margin-left:10px;}
#imagebox img {
 
float:left;
margin-left:20px;
border: 1px solid #548BAA;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#imagebox span p {float:right; margin:-2px 20px 0 0; width: 330px; font-size: 1em;}

#imagebox span p:first-letter {font-size: 1.5em;}

#imagebox img:first-child{display:none;}


/* gallery main page */

#gallerybox {
	float:left;
	width:370px;
	padding: 0;
	margin:0;

}

#gallerybox h2 {text-align: center;}
#gallerybox ul {
	 list-style: none;
	 margin:0;
	 padding:0;
	

}


#gallerybox ul li {
	display:inline;
	float:left;
	padding:10px;
	padding-bottom:0;
}

#gallerybox h3 {max-width:100px; font-size:1em; text-align: center;}

#gallerybox a {color:#336}
#gallerybox img {
 
border: 1px solid #548BAA;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#gallerybox span {display:none;}


/* right column what's new box */

#gallerynew h2 {text-align: center;}
#gallerynew {
	float:right;
	padding: 0;
    margin: 0;
	width:440px;

}

#gallerynew ul {
	 list-style: none;
	 margin:25px 30px 0 0;
	 padding:0;
	}


#gallerynew ul li {
	display:inline;
	float:right;
	padding:0 10px;
	
}

#gallerynew a {color:#eec299}

#gallerynew h6 {margin-top:4px; font-size: .6em; text-align: left;}

#gallerynew a {color:#8ebfdd}

#gallerynew img {
 height: 70px;
 width: 70px;
border: 1px solid #548BAA;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#gallerynew span {display:none;}



/* image page gallery nav */

#gallerychoice {
	width:850px;
	padding: 0;
	margin:0 auto;
}

#gallerychoice ul {
	 list-style: none;
	 margin-left:-15px;
}


#gallerychoice ul li {
	display:inline;
	float:left;
	margin:15px;
}

#gallerychoice h3 {max-width:100px; font-size:1em; text-align: center;}

#gallerychoice a {color:#336}
#gallerychoice img {
 border: 1px solid #548BAA;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#gallerychoice span {display:none;}