/* Style sheet for mobile devices */

/* LAYOUT */

body {
	background: #e3e3e3;
	}

#frame {
	background: none;
	width: 96%;
	margin: auto;
	border: none;
	box-shadow: none; 
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

#breadcrumb {
	top: 55px;
	left: 0;
	width: 100%;
	line-height: 100%;
	}

#header {
	width: 100%;
	height: auto;
	}

	#toplogo {
		margin: 0 -3%;
		width: 105%;
		height: 50px;
		background: #f3f3f3 url(/parts/background-mobile.jpg) top center no-repeat;
		box-shadow: 0px 1px 6px #ccc; 
			-moz-box-shadow: 0px 1px 6px #ccc;
			-webkit-box-shadow: 0px 1px 6px #ccc;
		}
	#toplogo a {
		top: 4px;
		bottom: auto;
		width: 38%;
		}
	#tagline {
		display: none;
		}
	#search {
		top: 6px;
		bottom: auto;
		width: 60%;
		}
	a.skip {
		display: none;
		}
	#topmenu {
		display: none;
		}
	
#splash {
	display: none;
	}

#content {
	width: 94%;
	padding: 0 3%;
	margin-top: 3.3em;
	overflow: hidden;
	background: #fff;
	float: none;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-shadow: 0px 0px 5px #ccc; 
		-moz-box-shadow: 0px 0px 5px #ccc;
		-webkit-box-shadow: 0px 0px 5px #ccc;
	margin-bottom: 0.5em;
	}
	#middle,
	#rightside {
		width: 100%;
		margin: 1em 0;
		float: none;
		}
	#rightside {
		clear: both;
		padding-top: 1em;
		border-top: solid #ddd 1px;
		}
	#rightside div,
	#rightside a.box,
	#rightside p,
	#rightside > img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

#actionbar {
	display: none;
	}

#footer {
	width: 100%;
	height: auto;
	margin: 0;
	background: none;
	padding: 0;
	}
	#pnt, #NOAA {
		display: none;
		}
	#footer p {
		margin: 0;
		}
	#mobile-notice {
		display: inline;
		}


/* UNIVERSAL STYLES */

h1 {
	font-size: 150%;
	line-height: 90%;
	}
h2 {
	font-size: 120%;
	}
h3 {
	font-size: 100%;
	}
p#intro {
	margin-top: 1em;
	}
	p#intro:first-letter {
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		float: none;
		}


/* ESSENTIAL ELEMENT STYLES */

#toplogo a,
#toplogo a:visited {
	font-size: 36px;
	}
#gov {
	font-size: 50%;
	}

blockquote {
	font-size: 100%; 
	}

	
/* DECORATIVE FEATURES */

.box,
.shadowbox,
.sidebar,
.inset,
table.brown,
.icon200x120 {
	box-shadow: none; 
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
img.img-l,
img.img-r {
	max-width: 45%;
	height: auto;
	}
.banner {
	margin: 1em auto 0.75em;
	width: 100%;
	height: auto;
	}
	.banner img,
	.banner img + br {
		display: none;
		}
	.banner span {
		position: relative;
		bottom: auto;
		left: auto;
		text-align: center;
		color: #998;
		text-shadow: none;
		}


/* BOXES */

.box.autoheight {
	width: 96%;
	}
.box.autoheight,
.shadowbox,
.sidebar {
	margin-left: auto;
	margin-right: auto;
	float: none;
	}
.box h3,
.shadowbox h3 {
	font-size: 110%;
	}

.inset {
	float: none;
	margin: 1em auto;
	}

/* ETC */

.nomobile {
	display: none;
	}