/* start css reset */

html, body, div, span, applet, object, iframe,
/* h1, h2, h3, h4, h5, h6, p, a, b, sup, small, td, th, tr, table */
tbody,
blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img ins, kbd, q, s, samp,
strike, strong, sub, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}


i
{
	font-style: italic;
}


/******************/
/* END CSS RESET */
/******************/


a:link       
{
	color: #0033CC; 
}
a:visited    
{
	color: rgb(51,153,102); 
} 
a:active 
{
	color: rgb(255,153,0);
}

html
{
	height: 100%;
}

body
{
	text-align: center;
	font: normal 10pt Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
/*color: #202020;*/
	margin: 0px 0px 0px 0px;
	height: 100%;

	padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6, .h1-subheader
{
	font-family: Arial, Helvetica;
	color: #000000;
	line-height:100%;
}

h1
{
	margin: 16px 0 16px 0;
	padding: 0 0 0 0;
	font-size:14pt;
}

h2
{
	font-size:12pt;
	margin: 20px 0 8px 0;
	padding: 0 0 0 0;
	line-height:100%;
}

h3
{
	font-size:11pt;
}

h4
{
	color: rgb(102,51,153);
}

h5
{
	color: rgb(255,102,153);
}

h6
{
	color: rgb(51,153,102);
}

.h1-subheader
{
	margin: 0px 0 16px 0;
	padding: 0 0 0 0;
	font-size:11pt;
}

.heading-with-sub
{
	margin: 16px 0 4px 0;
	padding: 0 0 0 0;
}

.comfy-text
{
	font-size: 11pt;
	line-height: 130%;
}

.comfier-text
{
	font-size: 11pt;
	line-height: 140%;
}

.default-text, .quotation, .notes
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #202020;
/*	height: 100%;*/
	margin: 0px 0px 1.2em 0px;
	padding: 0px 0px 0px 0px;
	line-height:135%;
}

.notes
{
	font: normal 8pt Arial, Helvetica, sans-serif;
}

.quotation
{
/*	font: normal 10pt Arial, Helvetica, sans-serif;*/
/*	color: #404040;*/
	margin-left: 20px;
	margin-right: 20px;
}

.standard-text
{
	line-height: 130%;
}

.small-links-row
{
	font: normal 8pt Arial, Helvetica, sans-serif;
}

.red-text
{
	color: #ff0000;
}

.dark-yellow-text
{
	color: #dddd00;
}

.blue-text
{
	color: #0000ff;
}

.cyan-text
{
	color: #00ffff;
}

.green-text
{
	color: #00ff00;
}

.purple-text
{
	color: #c869c5;
}

.brown-text
{
	color: #e78b3b;
}

.dark-brown-text
{
	color: #795046;
}

.orange-text
{
	color: #f89718;
}


.pink-text
{
	color: #ff1493;
}

img
{	border:0px none;
}

.h1-border
{
	border-bottom: 1px solid #000;
	margin: -8px auto 16px auto;
	width: 100%;
}

.center-it
{
	text-align: center;
}

.offset-text
{
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 24px;
	font: normal 11pt Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #000;
}

.crumb-trail, .thread-of-ariadne, .gashlycrumb-trail, .trail-crumb-trail
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:8pt; 
/*	margin: 8px 0px 0px 0px;*/
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	text-align: left;
}


.crumb-trail, .thread-of-ariadne, .gashlycrumb-trail
{
	margin-left: 0px;
	margin-rigth: 0px;
}

.hotel-text-min-normal
{
	font-weight:normal;
/*	font-style:italic;*/
}


.location, .population, .city, .pro, .con, .dining, .things-to-do, .route, .shopping, .coffee, .atm, .medical, .entertainment,
	h2.city-header, .hotel-text-min
{
	margin: 0px 4% 20px 4%;
}

.location, .population, .city, .pro, .con, .dining, .things-to-do, .route, .shopping, .coffee, .atm, .medical, .entertainment, .h1-city
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
/*	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;*/
	background-color: #fff;
/*	color: #000;*/
	color: #111;
/*	line-height:130%;*/
	line-height:140%;
	margin: 0px 4% 20px 4%;
	padding: 0px 0px 0px 0px;
}

h2.city-header
{
	margin-top: 24px 
	margin-bottom:14px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}


.trail-default, .distance, .elevation, .hiking-time, .why-climb, .why-hike, .hazards, .crowd, .crowds,
		.scenery, .difficulty, .best-time, .bathrooms, .snacks, .getting-there, .parking, 
		.trail-notes, .cables-text, .cables-list, .def-li, .trail-submenu
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
/*	font: normal 11pt Georgia, 'Times New Roman', Times, serif;*/
	background-color: #fff;
	color: #202020;
	margin-top: 0;
	margin-bottom: 1.6em;
	padding: 0px 0px 0px 0px;
	line-height:145%;
}

.trail-title
{
	font: bold 18pt Arial, Helvetica, sans-serif;
	color: #202020;
}


.trail-submenu
{
	font: bold 10.5pt Arial, Helvetica, sans-serif;
	line-height:140%;
}

.cables-text, .cables-list, .def-li
{
	line-height:130%;
	color: #222;
	margin-bottom: 1.8em;
}

.cables-list, .def-li
{
	margin: 0 6px 0.8em 6px;
}

.cables-h2
{
	color: #000;
}

.social-bookmarks
{
	font: normal 8pt Arial, Helvetica, sans-serif;
	margin: 0 0 1.0em 0;
	max-width:100% !important;
}

.social-bookmarks iframe
{
	max-width:100%;
}

/*
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] 
{
	width: 100% !important;
}
*/

.trail-non-last-para, .non-last-para
{
/*	margin-bottom: 0.8em; */
	margin-bottom: 1.2em;
}

.trail-topic-head
{
	font-weight: bold;
}

.faq-body, .faq-body-last-para
{
	text-align: left;
	font: normal 10.5pt Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 0px 0px 0px 0px;
	line-height:145%;
}

.faq-body-last-para
{
	margin-bottom: 2em;
}


.photos-header
{
	color: #000;
	background: #D5D6D6 url("images/trails-th-gradient.png") repeat-x;
	border: 1px solid #bbb; 
	padding: 8px 0px 8px 8px;
	margin: 28px 0 10px 0;
}

.decorated-header-1
{
	color: #000;
	border-bottom: 1px solid #bbb; 
	padding: 8px 0px 8px 8px;
	margin: 28px 0 10px 0;
}

.simple-divider
{
	color: #000;
	border-bottom: 1px solid #bbb; 
	padding: 0px 0px 0px 0px;
	margin: 8px 0 8px 0;
}


.hotel-title-min, .hotel-title
{
	font: bold 12pt Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
}

.hotel-address
{
	font: normal 8pt "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #666;
	margin: 0 0 12px 0;
	line-height:100%;
}

.hotel-address-min
{
	font: normal 9pt "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #555;
	margin: 0 0 4px 0;
	line-height: 120%;
}

.hotel-snippet
{
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #333;
	line-height:135%;
	margin: 0 0 12px 0;
}


.hotel-snippet-min
{
	font: normal 10pt "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #333;
	line-height:135%;
	margin: 0 0 26px 0;
}

.hotel-header
{
	margin: 0 0px 24px 12%;
}

ul.info-list
{
	padding: 0;
//	float: center;
	float: left;
	text-align: center;
	background-color: #fff;
	line-height: 120%;
	list-style: none;
	width: 90%;
	margin: 0 0 32px 64px;
	wrap: vert;
}

ul.info-list li
{
	display: inline;
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
//	text-align: left;
	text-align: center;
//	width: 33.2%;
	width: 220px;
	margin: 0 auto 6px auto;
}


.thumb-info-nugget, .text-info-nugget
{
	display: inline-block;
	width: 220px;
	margin: 1em 1em 1em 1em;
	text-align: left;
	vertical-align: top;
}

.text-info-nugget
{
	margin: 0.5em 1em 0.5em 1em;	
}


.image-thumbs-table, .gallery-nav-table
{
	display: inline-block;
	width: 220px;
	margin: 1em 1em 1em 1em;
	text-align: center;
	vertical-align: top;
	line-height: 130%;
}

.clear-all-floats, .clear-floats
{
	clear:both;
	margin: 0px 0px 0px 0px;
}

.thumbnail-subtext
{
	font-style: italic;
	color: #606060;
}


/*****************************************************************************************************************/
/* background texture specs */
/*****************************************************************************************************************/
/* area surrounding the content */
.body-gallery
{
	height: 100%;
	background-color:#232323;
}

.body-gallery a:link
{
	color: #7788ff; 
}

.body-gallery a:visited    
{
/*	color: rgb(51,153,102); */
	color: rgb(51,173,102); 
} 


.image-page-crumb-trail
{
	font-family: Arial, Helvetica, sans-serif;
	color: #dddddd;
	font-size:8pt; 
/*	margin: 8px 0px 0px 0px;*/
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0;
	text-align: left;
}



.shadow
{
	/* x-offset, y-offset, radius, color */
	-moz-box-shadow: 0px 0px 26px #5c5c5c;
	-webkit-box-shadow: 0px 0px 18px #5c5c5c;
	box-shadow: 0px 0px 32px #5c5c5c;
	/* For IE 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#6c6c6c, Enabled=true)";  */
	/* For IE 5.5 - 7 */
/*	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#6c6c6c') */
}


.difficulty-image
{
	width:80px;
	height:10px;
	border: 1px solid #000;
}

.banner, .satellite-map, .trail-map, .street-view, .video
{
	text-align: center;
}

.h1-city
{
	font: bold 14pt Arial, Helvetica, sans-serif;
/*	font: bold 13pt Arial,"Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,sans-serif; */
	margin-top: 32px;
}


medium-image, .trail-main-image, .trail-main-image-horz, .trail-main-image-vert, .trail-main-image-350w, .trail-main-image-min-500w
{
	float:right;
	margin: 6px 2px 6px 12px;
}

.embedded-video
{
	margin: 32px 0 12px 0;
	text-align: center;
}

.italic
{
	font-style: italic;
}

.big-image, .city-image, .big-image-slideshow, .wild-trek
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

.big-image-slideshow
{
	text-align: center;
	margin-top: 0px;
	margin-bottom: -16px;
}


.wild-trek
{
/*	margin: 6px 2px 16px 4px; */
	margin-bottom: 12px
}

.sponsor-right-lodging
{
	float:right;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 16px;
	margin-right: 8%;
}

.scale-image
{
	max-width: 100%;
	height:auto;
}

.no-bold, .image-caption-wallpaper-link
{
	font-weight: normal;
}

.image-caption-wallpaper-link
{
	font-style: italic;
}

.big-image-caption
{
	text-align: center;
    margin: 4px auto 20px auto;
	font: bold 14px Arial,"Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	color: #333;
}

.big-image-description, ul.ul-map-directions, .map-description, .flower-description, .lodging-body, .h2-lodging, .h2-big-image, .h2-hotels, 
.hotel-amenities-header, .h1-big-image, .h2-maps, .h1-lodging, .big-image-description-small, .footnote
{
	margin-left: 42px;
	margin-right: 42px;
	margin-bottom: 24px;
}

.footnote
{
	line-height: 120%;
}

.big-image-description, ul.ul-map-directions, .map-description, .flower-description, .lodging-body, .h2-lodging, .h2-hotels, .h2-hotels-narrow, .h2-maps, 
.botanical-terms
{
	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	line-height: 170%;
	color: #222;
}

.botanical-terms
{
/*	font: normal 13px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;*/
	font: normal 11pt Arial, Helvetica, sans-serif;
	color: #111;
	line-height: 150%;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 32px;
}

.big-image-description-small-text
{
	font: normal 10px "Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}

.big-image-non-last-para
{
	margin-bottom: 12px;
}

.image-snippet-150
{
	max-width: 150px;
}

.image-150
{
	max-width: 150px;
	max-height: 150px;
	height: auto;
	width: auto;
}

.image-snippet-120
{
	max-width: 120px;
}

.image-120
{
	max-width: 120px;
	max-height: 120px;
	height: auto;
	width: auto;
}

.image-shadow, .image-flair
{
	/* x-offset, y-offset, radius, color */
	-moz-box-shadow: 8px 8px 12px #9c9c9c;
	-webkit-box-shadow: 8px 8px 12px #9c9c9c;
	box-shadow: 8px 8px 12px #9c9c9c;
	border-collapse: separate;
	margin-bottom: 18px;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#9c9c9c, Enabled=true)";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#9c9c9c')
}

.thumbnail-shadow, .thumbnail, .thumbnail-flair
{
	-webkit-appearance: none;
	/* x-offset, y-offset, radius, color */
	-moz-box-shadow: 4px 4px 6px #5c5c5c;
	-webkit-box-shadow: 4px 4px 6px #5c5c5c;
	box-shadow: 4px 4px 6px #6c6c6c;
	border-collapse: separate;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#5c5c5c, Enabled=true)";  
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6c6c6c')
}


.thumbnail
{
	margin: 6px 0px 6px 0px;
}

.thumbnail-flair
{
	margin: 4px 0px 8px 0px;
}


.street-view-inline
{
	display: inline-block;
	max-width: 100%;
	margin: 1em 1em 1em 1em;
	text-align: center;
	vertical-align: top;
}

.yosemite-webcam-inline
{
	display: inline-block;
	max-width: 220px;
	margin: 1em 1em 1em 1em;
	text-align: center;
	vertical-align: top;
}