@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 480px) {

/*mobile styles*/

/*disable text sizing on orientation change*/
html, body, div, section, article, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}

.breadcrums { display: none; }

header {
	height: 45px;
	background: url(../images_template/noaa-fisheries-sm.png) no-repeat right 0px;
}
.page {
	margin: 0 1%;
}
.logo {
	top: 3%;
	font-size: .9em;
	display: block;
	padding: .2em;
	width: 65%;
}
.logo a {
	color: #003366;
	font-weight: bold;
}
.logo a:hover {
	text-decoration: none;
	color: #336699;
}
.topic-image, .print, .site-nav, .print img, .printhead, .photo, figure, figure img, figure figcaption, #footer, .privacy, .top_search {
	display: none;
}

/* Side nav css to match current NOAA template */
#side-nav {
	width: 100%;
	float: left;
	clear: both;
	font-family:Arial;
	font-size:10px;
	font-weight: bold;
}
#side-nav a {
	float: left;
	margin: 0 3px;
	text-decoration: underline;
}
#side-nav a:hover {
	color: #ffe090;
}

#left-side { display: none; }

.column3 { border: none; }
.column3 img { display: none; }
#recent, #explore, #highlights, .column3 { width: 98%; }
#image-of-week img { width: 98%; }
#whsa img { width: 40%; float: left; clear: none; margin-right: 5px; }


/*Site navbar for sub directories*/
#content #subnav #site-nav { width: 100%; margin: 0 0 10px; float: left; clear: both; }
#content #subnav #site-nav a { display: block; float: left; padding: 0 10px; border-right: 1px solid #000033; font-size: 75%; font-weight: bold; text-decoration: underline; }
#content #subnav #site-nav a:hover { background-color: #FAFF46; }

/*Photo Gallery CSS */

.breadcrums { display: none; }

/* XML Photo Pages */
#container { width: 100%; }
#container .photo { width: 90%; border-top: 1px solid #dddddd; margin-bottom: 5px; }
#container .photo img { margin-right: 3px; width: 30%; }

/* Non-XML Pages */
#gallery { width: 100%; margin: 0 auto; }
.gallery-link {
	width: 95%;
	float: left; 
	margin: 0 .5em 1em 0;
	border: 1px solid #336699;
	border-radius: 0 10px 10px 0;
	box-shadow: 3px 3px 3px #dddddd;
}
.gallery-link img {
	float: left; 
	margin-right: 10px; 
	width: 150px; 
	height: 100px; 
	border: 1px solid #336699;
}
.gallery-link a { display: block; }
.gallery-image, .photo {
	width: 95%;
	height: auto; 
	float: left; 
	padding: 0 5px 0 0;
	clear: none; 
	margin: 5px; 
	border-top: 1px solid #6E6E6E; 
	overflow: auto;
	font-size: 90%;
}
.gallery-image a { text-decoration: underline; }
.gallery-image img, .photo img { 
	float: left; 
	margin-right: 10px; 
	width: 50%; 
	height: 100%; 
}


/*Staff Page CSS */

#Tabs1 .ui-tabs, #Tabs1 .ui-tabs-nav, #Tabs1 .ui-tabs-anchor { padding: 5px; }
#content #Tabs1 ul li { margin: 0 10px 10px 0; }

#staff { width: 300px; }
#staff img { float: right; width: 30%; }


.division { width: 95%; float: left; clear: none; margin-bottom: 10px; }
.division img { margin: 0 10px 10px 0; border: 1px solid #336699; border-radius: 10px; box-shadow: 3px 3px 3px #dddddd; }

#cboxContent img { float: left; margin: 0 10px 5px 0; }
#cboxContent ul li { margin: 0 0 0 25px; }
#cboxContent p { margin-top: 10px; }


#content h1, #content h2, #content h3 { margin-bottom: .5em; }
#content a { text-decoration: underline; }

.previous, .next {
	font-size: .75em;
	margin-bottom: 2em;
}
}