html {
	background: black;
	/* old one: #E9F3F5; */
}
html-midnight {
	background: #04556a; /* Old browsers */
	background: -moz-linear-gradient(left, #04556a 0%, #007ea5 5%, #007ea5 95%, #04556a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#04556a), color-stop(5%,#007ea5), color-stop(95%,#007ea5), color-stop(100%,#04556a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #04556a 0%,#007ea5 5%,#007ea5 95%,#04556a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #04556a 0%,#007ea5 5%,#007ea5 95%,#04556a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #04556a 0%,#007ea5 5%,#007ea5 95%,#04556a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04556a', endColorstr='#04556a',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #04556a 0%,#007ea5 5%,#007ea5 95%,#04556a 100%); /* W3C */
}

body {
    font-family: arial, sans-serif;
    font-style: normal;
    font-size: 10pt;
	line-height: 1.4em;
    width: 70em;
	margin-left: auto;
	margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px;
    background: white;
    border-left: 7px solid #006837;
    border-right: 7px solid #006837;
    border-bottom: 1px solid #006837;
}

.clear {
	clear: both;
}

/* Some defaults ---------*/
h1 {
    font-size: 15pt;
	line-height: 1.2em;
    color: #006837;
}
h2 {
    font-size: 11pt;
    color: #006837;
}
h3 {
    font-size: 10pt;
    font-weight: bold;
    color: black;
}
img {
    border: 0px;
}
blockquote {
    border: 1px solid #AAAAAA;
    background-color: #D8E7EB;
    padding: 10px;
    margin-left: 0;
}

a:link { color: #395FB0; }
a:visited { color: #395FB0; }
a:hover { color: #395FB0; }
a:active { color: #395FB0; }


/* Class-specific but site-wide styles ------------*/

h1.left-sidebar-h1 {
    font-size: 13pt;
    color: #006837;
}

div.side-nav {
    width: 170px;
    background-color: #006837;
    padding: .25em 0 .25em 10px;
    margin-bottom: 3px;
}
a.top-nav-link {
    font-size: 10pt;
    font-weight: bold;
    margin: .7em;
    text-decoration: none;
}
a.top-nav-link:link {color: #DFDFDF; }
a.top-nav-link:visited {color: #DFDFDF; }
a.top-nav-link:hover {color: #FFFFFF; }
a.top-nav-link:active {color: #DFDFDF; }

.left-news-item {
    font-size: 9pt;
    color: #555555;
}
h2.left-news-headline {
    margin-bottom: 3px;
    font-size: 12pt;
}
a.news-headline {
    color: #006837;
}
a.news-headline:link {text-decoration: none;}
a.news-headline:visited {text-decoration: none;}
a.news-headline:hover {text-decoration: underline;}
a.news-headline:active {text-decoration: none;}

a.green-block-link {
    font-size: 10pt;
    font-weight: bold;
    background-color: #006837;
    width: 180px;
    text-decoration: none;
}
a.green-block-link:link {color: #DFDFDF; }
a.green-block-link:visited {color: #DFDFDF; }
a.green-block-link:hover {color: #FFFFFF; }
a.green-block-link:active {color: #DFDFDF; }

a.right-corner-link {
    font-size: 8pt;
    color: #006837;
}
a.right-corner-link:link {text-decoration: none;}
a.right-corner-link:visited {text-decoration: none;}
a.right-corner-link:hover {text-decoration: underline;}
a.right-corner-link:active {text-decoration: none;}

a.footer-link {
    font-size: 8pt;
    color: #006837;
    margin-right: 1em;
}
a.footer-link:link {text-decoration: none;}
a.footer-link:visited {text-decoration: none;}
a.footer-link:hover {text-decoration: underline;}
a.footer-link:active {text-decoration: none;}

div.donate-link-button {
    margin-top: 25px;
}
a.donate-link {
    font-size: 11pt;
    font-weight: bold;
    background-color: #006837;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #111111;
}
a.donate-link:link {color: #E5E5E5; }
a.donate-link:visited {color: #E5E5E5; }
a.donate-link:hover {color: #FFFFFF; }
a.donate-link:active {color: #E5E5E5; }

.articledate {
    color: #006837;
}

img#life-agent-logo {
    float: right;
}

div.inner-page-feature {
    border: 1px solid #AAAAAA;
    background-color: #FDF8CE;
    background-color: #FFDC98;
    font-weight: bold;
    padding: 10px;
}

#body-text img {
	border: 1px solid #AAAAAA;
}


/* Header ----------------*/

div#top-nav {
    background-color: #006837;
    padding: .25em;
    clear: both;
}
img#logo {
    padding-bottom: .5em;
}
div#right-corner {
    position: absolute;
    top: 40px;
    left: 755px;
}
div#upper-right-corner {
    position: absolute;
    top: 0px;
    left: 755px;
    white-space: nowrap;
    text-align: right;
}
div#header {
    position: relative;
}


/* Main body of page ----------------*/

div#three-column {
    clear: both;
}
div#left-and-center {
    float: left;
    width: 730px;
}
div#left-sidebar {
    float: left;
    width: 190px;
}
div#center {
    /* border: 1px solid #eee5bc; */ /* #AAAAAA; */
    background-color: #fdf3c6; /* #D8E7EB; */
	font-size: 14px;
    float: right;
    width: 500px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
div#slideshow {
    border: 1px solid #AAAAAA;
    float: right;
    width: 720px;
    height: 540px;
    margin-top: 15px;
}
.home-page-pullquote {
	background: #B7AF8D;
	color: white;
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
	display: block;
	width: 220px;
	padding: 0.7em 0.6em 0.7em 0.9em;
	float: right;
	margin-left: 10px;
}

/* Left sidebar of home page -----------*/

.homePageAboutBlock {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -.5px;
}

/* Right sidebar -----------*/

div#right-sidebar {
    float: right;
    margin-top: 20px;
    margin-right: 15px;
}

a.right-sb-link {
    font-size: 10pt;
    font-weight: bold;
    color: #006837; 
}
a.right-sb-link:link {text-decoration: none;}
a.right-sb-link:visited {text-decoration: none;}
a.right-sb-link:hover {text-decoration: underline;}
a.right-sb-link:active {text-decoration: none;}

div.right-sb-icon-box {
}
div.right-sb-icon {
    float: left;
    margin-right: 10px;
}
div.right-sb-text {
}

div.donate-badge {
    clear: both;
}
/*
div.donate-badge-button {
    position: relative;
    left: 14px;
    top: -40px;
}
*/
div.donate-badge-button {
    margin-top: -38px;
    margin-left: 14px;
}
div.donate-badge-text {
	margin-top: 15px;
	font-size: 8pt;
	color: #808080;
	text-align: center;
	width: 150px;
}


/* Footer -----------*/

div#footer {
    clear: both;
    padding-top: 15px;
}
div#copyright {
    font-size: 8pt;
    width: 60em;
    color: #808080;
}


/* Donate page -----------*/

div#really-about { line-height: 1.5em; }

div.really-about-feature { 
	width: 182px; 
	float: left;
}
div.really-about-feature h2 {
	display: table-cell; 
	vertical-align: bottom; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	margin-right: 35px; 
	margin-top: 0; 
	height: 235px; 
	width: 164px; 
	color: white;
}
div.really-about-feature p {
	padding-right: 15px;
	padding-left: 5px;
}

div#contribution-text {
	float: left; 
	line-height: 1.8em; 
	font-weight: bold; 
	font-size: 15px; 
	width: 360px;
}

a#donate-page-badge {
	float: left; 
	border: 0; 
	padding-left: 50px; 
	padding-top: 16px;
}

div#donate-page-privacy-note {
	width: 160px; 
	line-height: 1.5em; 
	background: #f0f0f0; 
	padding: 8px;
}

/* Hiking the 48 page ----------------*/

div.hiking-left-column {
	width: 500px; 
	float: left;
}
div.hiking-right-column {
	width: 400px; 
	float: right; 
	margin-right: 15px;
}
#a-note-from-randy {
	width: 380px; 
	padding-top: 5px;
}

div.hiking-lists {
    margin-top: 20px;
}
ol.hiking-list {
    width: 240px;
    border: 1px gray solid;
    padding: 0 0 5px 0;
	margin: 0 5px 0 0;
	float: left;
	list-style: none;
}
.hiking-list li {
	padding: 5px 10px;
}
.hiking-list h2 {
    color: white;
    background-color: #006837;
    margin: 0 0 5px 0;
    padding: 5px;
    padding-left: 10px;
}
.hiking-list a {
	font-weight: bold;
    text-decoration: none;
}
span.hiking-list-date {
	display: block;
    font-size: 8pt;
}
.hiking-list-nonlink {
	font-weight: bold;
	color: black;
}

a.hiking-list-link:link {text-decoration: none;}
a.hiking-list-link:visited {text-decoration: none;}
a.hiking-list-link:hover {text-decoration: underline;}
a.hiking-list-link:active {text-decoration: none;}

#header { padding-top: 10px; }

.ht48-thumbnail {
	float: left; 
	margin-right: 10px; 
	border: solid 1px gray;
}


/* Pre- and post-hike pages ----------------*/

#prehike-map { 
	float: right; 
	margin-left: 10px; 
	margin-bottom: 10px; 
	border: 0;
}

#posthike-height { font-size: 14px; }
#posthike-lead-pic { float: left; margin-right: 10px; }
#posthike-stats-area { float: left; width: 330px; margin-left: 20px; }
#posthike-stats-area h2 { margin-top: 0px; }
#posthike-stats-area ul { padding-left: 20px; }
#posthike-pull-quote { 
	border: 0; 
	background: transparent; 
	padding: 0; 
	margin-right: 10px; 
	margin-top: 20px;
	font-style: italic;
}

.article-photo-floatright { float: right; margin-left: 15px; }


/* "Polaroid effect" for trail reports ----------------*/

/* Props to: http://www.zurb.com/playground/css3-polaroids */

ul.polaroids {  list-style: none; padding-top: 30px; padding-left: 0;}
ul.polaroids li { display: inline; }
ul.polaroids a {
	display: inline;
	width: 332px;
	float: left;
	background: #fff;
	margin: 0 0 27px 30px;
	padding: 15px 15px; 
	border: solid 1px #bbbbbb;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,.2);
	box-shadow: 0 3px 8px rgba(0,0,0,.2);
	-webkit-transform: rotate(-5deg); 
	-webkit-transition: -webkit-transform .15s linear; 
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
}
ul.polaroids img { 
	display: block;
	margin-bottom: 12px; 
	border: solid 1px #bbbbbb;
}
ul.polaroids a:after { content: attr(title); }
ul.polaroids li:nth-child(even) a {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
}