body {
	text-align: left;
	color: white;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family: 'Nobile', arial, serif;*/
	background-color: #000066;
	background-image: url('/images/background_tile.gif');
	background-repeat: repeat-y;
	/* Only tile along the left...let the color
                                    fill the rest of the browser */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* -------------------------------------------- */
/* Sidebar links                                */
/* -------------------------------------------- */
#slink {
	position: absolute;
	left: 10px;
	top: 107px;
	height: 243px;
	width: 92px;
	background: url(/images/sidebar_sprite.jpg);
	margin: 0px auto;
	padding: 0;
}

#slink li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
}

#slink li,#slink a {
	width: 92px;
	display: block;
}
/* -------------------------------------------- */

/* -------------------------------------------- */
/* Basic page structure                         */
/* -------------------------------------------- */
#text_region ul {
	padding-left: 1.5em;
}

li {
	margin: 3px 0 3px 0;
}

#Title {
	position: absolute;
	left: 176px;
	top: 0px;
	width: 338px;
	height: 95px;
	z-index: 1;
}

/*
#Title.backdrop {
	background: url(/images/title_backdrop.png);
	z-index: 0;
}
*/
#base_top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: url(/images/base_top.jpg);
	height: 95px;
	z-index: -3;
}

#base_upper_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 309px;
	height: 95px;
	background: url(/images/base_upper_left.png);
	z-index: -2;
}

#text_region {
	position: absolute;
	left: 139px;
	top: 95px;
	width: 800px;
}

/* Photo descriptin cell */
td.photodesc {
	width: 620px;
}

#page_footer {
	

	background-image: url('/images/divider.png');
	background-repeat: no-repeat;
	background-position: top;

	
	position: relative;
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #999999;
	font-size: 8pt;
	font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	
}

/* -------------------------------------------- */
table {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#textTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: normal;
	font-style: italic;
	position: absolute;
	left: 20px;
	top: 30px;
	margin: 0px 0px 0px 0px;
}

h1,h2,h3,h4 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	/*font-family: 'Oswald', arial, serif;*/
	line-height: 100%;
}

h1 {
	font-size: 16pt;
}

h2 {
	font-size: 13pt;
	border-bottom: solid 1px #446;
	margin-top: 10px;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 10px;
	color: #FF9;
	text-decoration: underline;
}

hr {
	color: #465069;
}

li.subtext {
	padding-left: 20px;
	list-style-type: none;
}

li.spaced {
	margin-top: 13px;
}

p.noleadspace {
	margin-top: 0px;
}

/* Last Updated header */
/*
h3
{
   text-align: right;
   font-weight: normal;
   color: #999999;
   font-size: 8pt;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}
*/
div.update {
	text-align: right;
	font-weight: normal;
	color: #999999;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.toplink {
	text-align: right;
	font-weight: normal;
	color: #999999;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#listBullet {
	margin: 10px 0px 0px 20px;
}

#subBullet {
	margin: 0px 0px 20px 20px;
}

/* Hiking Styles */
#hikeBody {
	text-align: justify;
}



#hikeImage {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 7px;
	border: solid #444 1px;
	text-align: center;
	font-variant: small-caps;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
}

.left {
	float: left;
	margin-right: 7px;
}

.right {
	float: right;
	margin-left: 7px;
}

.center {
	text-align: center;
	float:none;
	margin:  7px 0px 7px 0px !important;
    text-align: center;
}

img {
	border: 0px;
}

#hikeHeader {
	border: ridge gray 2px;
	width: 100%;
}

#hikeHeader_tag {
	width: 15%;
	padding: 0 7px 0px 0px;
	text-align: right;
	color: #FF9;
	font-variant: small-caps;
	font-size: 10pt;
}

#hikeHeader_value {
	width: auto;
	padding: 0 0px 0px 0px;
	text-align: left;
	color: white;
	font-size: 10pt;
}

#dayHeader {
	color: #FF9;
	font-size: 12pt;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid white;
	padding-top: 5px;
}

/* End Hiking Styles */
#cam_subgroup {
	text-align: left;
	font-style: italic;
	color: white;
	font-size: 10pt;
	/* padding:    0px 0px 0px 0px; */
	width: 200px;
	border-bottom: 1px groove gray;
	margin: 10 0 0 0;
}

p.copyright {
	margin: 0;
	color: #999999;
	font-size: 8pt;
	text-align: center;
	font-style: italic;
}

#photo {
	text-align: left;
	color: white;
	font-size: 12pt;
	/*font-family: Arial,Helvetica,sans-serif;*/
}

#photo.date {
	color: white;
	font-size: 8pt;
}

/* ---------------------------------------- */
a {
	text-decoration: none;
	color: #B1EAFF;
}

a:visited {
	color: #75B0EA
} /* visited link */
/*a:visited   {color: #5288E3} */ /* visited link */
a:hover {
	color: #ffff00
} /* mouse over link */

/* Photo Pages */
.thumbnailShadow {
	border: 0px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
	/*Until HTML5 is standard...*/
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
}

.textShadow {
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);
}

img.thumb { /*border:3px outset gray;*/
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
	/*Until HTML5 is standard...*/
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
}

img.video {
	border: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

img.thumb_new {
	border: 3px solid yellow;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

img.video_new {
	border: 1px solid yellow;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

h1.photoHeader {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

#photoPage_count {
	color: #999999;
	text-align: right;
	font-size: 8pt;
	margin: 0px 10px 0px 0px;
}

#photoPage_clickToSave {
	color: #999999;
	text-align: center;
	font-size: 7pt;
	margin: 0px 0px -8px 0px;
}

#photoPage_credit {
	color: #999999;
	text-align: center;
	font-size: 7pt;
	margin: -3px 0px 0px 00px;
}

#photoPage_caption {
	text-align: center;
	margin: 10px 0px 0px 0px;
}

#photoPage_timeStamp {
	font-size: 10pt;
	color: #aaaaaa;
	text-align: center;
	margin: 3px 0px 3px 0px;
}

#photoPage_desc {
	font-size: 10pt;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20%;
	margin-right: 20%;
}

#photoIndex_desc {
	font-size: 10pt;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
}

#photoPage_navBlock {
	margin: 0px 0px 0px 0px;
	width: 240px;
}

#photoPage_photoBlock {
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#photoPage_image {
	text-align: center;
	border: 5px outset gray;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

#hideElement {
	text-align: right;
	border: 1px solid gray;
	padding: 2px;
	right: 0pt;
	position: absolute;
}

#mobile_nav {
	display: none;
	visibility: hidden;
}

#hike_index {
	
}

#hike_index h2 {
	margin: 1.5em 0px 0px 0px;
}

#hike_index li {
	list-style-type: none;
}

#hike_index ul {
	padding-left: 0px;
}

#hike_index .date {
	margin: 0.5em 1em 0 15px;
	font-size: 7pt;
	color: #CCC;
}

#hike_index .title {
	margin: 2px 0 1px 0;
}

#hike_index .alt {
	font-size: 10px;
	text-align: right;
	color: #999;
	font-style: italic;
	margin-left: 1em;
}

#hike_index .range {
	text-align: left;
	font-color: gray;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#hike_text .jump {
	
}

#hike_text .jump a {
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 5px;
	padding: 5px 10px 5px 10px;
	background: #333;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
	color: white;
	line-height: 3em;
}

#hike_text .jump a.std {
	background: #225;
}

#hike_text .jump a:hover {
	color: yellow;
}

#hike_text p.indent {
	margin-left:2em;
}

#hike_text .subtitle {
	font-size: 8pt;
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
}

table#share
{
	width: 200px;
}
	
#share tr
{
	vertical-align:middle;
}
#share td
{
	text-align: center;
	width: 33.3%;
}


/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before,.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom: 1;
}

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */
@media all and (orientation:portrait) {
	/* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
	/* Style adjustments for landscape mode goes here */
}


@media only screen and (max-device-width: 800px) { /* 480px */
	#text_region {
		position: absolute;
		left: 0px;
		top: 170px;
		width: 95%;
		margin: 10px;
		text-align: justify;
	}
	#base_top { /* Empty in mobile version */
		
	}
	#Title {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 320px;
	}
	#mobile_nav {
		top: 80px;
		width: 100%;
		position: absolute;
		text-align: center;
		font-size: 12pt;
		line-height: 1.7em;
		display: block;
		visibility: visible;
		border-bottom: solid 1px #666;
	}
	#mobile_nav a {
		border: 1px solid black;
		border-radius: 5px;
		margin: 5px;
		padding: 5px 10px 5px 10px;
		background: #333;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
		color: white;
		line-height: 2.5em;
	}
	#mobile_nav a:VISITED {
		color: white;
	}

	/* don't display the nav bar if we 're mobile */
	#slink {
		position: absolute;
		left: 10px;
		top: 0px;
		height: 0px;
		width: 0px;
		visibility: hidden;
	}

}
	
} /* end mobile stylesheet */