/* 	National Parks
	Created by Bryan Cronk
	Date: 6/10/09
	Last Update: 5/12/2011
---------------------------------------- */

/*
	Popular Destinations list'
	Best of the National Parks
	

*/
body {
    font-size: 12px%;
    line-height: 1.5;
	letter-spacing:0;
	text-align:left;
}

/* Header and Nav */
div#dest-header {
	border:none;
}

div#destinationname h1 {
	color:#360;
	font-size:20px;
	font-weight:bold;
}

#parks-maincontent {
	background:#fff url(../images/yellow-gradient-336h.png) repeat-x left top;
	width:100%;
}

ul#parks-nav {
/*	width:630px; */
	width:100%;
}

ul#parks-nav li {
	display:inline;
	float:left;
	width:210px;
}

ul#parks-nav li a {
	display:block;
	background:#fff url(../images/green-gradient-135w.png) repeat-y right top;

	height:35px;
	line-height:35px;
	margin:1px 1px 20px 0px;
	padding:0 10px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

ul#parks-nav li.active a {
	background:#fc0;
}

#parks-nav a img {
	vertical-align:middle;
	padding:0 10px;
}

/* Popular and Other Parls list */

#parks-list {
	clear:both;
	float:left;
	background:#fd5;
	margin:0 0 12px;
	padding:0;
	width:160px;
}

#parks-list h2 {
	background:#FFFFFF url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #FF6600;
	margin:0 10px;
	padding:5px 10px;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
	}

/*
#pop-parks li {
	position:relative;
	display:block;
	border:1px solid #999;
	width:138px;
	height:138px;
	margin:5px 10px;
	text-align:center;
}

#pop-parks li a {
	position:relative;
	display:block;
	width:138px;
	height:138px;
	text-align:center;
	color:#333;
	font-weight:bold;
}

#pop-parks a span.label {
	position:absolute;
	left:10px;
	bottom:10px;
	background:#fff;
	border:1px solid #999;
	padding:5px;
	width:108px;
	_width:118px;
	filter:alpha(opacity=85);
	-moz-opacity:85;
	opacity:.85;
}

#pop-parks a:hover span.label {
	background:#FFFFFF url(../images/green-gradient-135w.png) repeat-y scroll right top;
}
*/ 
ul#pop-parks {
	margin:0 0 20px 0;
}

#pop-parks li, #other-parks li {
	display:block;
	border:1px solid #999;
	margin:5px 10px;
	text-align:center;
}

#pop-parks li a, #other-parks li a {
	display:block;
	background:#fff;
	padding:5px;
	color:#333;
	font-weight:bold;
}

#pop-parks li a:hover, #other-parks li a:hover {
	background:#FFFFFF url(../images/green-gradient-135w.png) repeat-y scroll right top;
	filter:alpha(opacity=85);
	-moz-opacity:85;
	opacity:.85;
}

/* National Parks Finder */

#parks-finder {
	position:relative;
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #f60;
	margin-bottom:15px;
}

#parks-finder h2 {
	margin-left:12px;
	color:#333;
	font-size:1.6em;
}

#parks-finder a.best-of-banner {
	position:absolute;
	top:282px;
	right:10px;
	z-index:1000;
}

/* 25 Experiences */

#parks-experiences {
	position:relative;
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #f60;
	margin-bottom:15px;
}

div#parks-experiences h2 {
	margin:0 0 5px 12px;
	padding:0;
	color:#f60;
	font-size:2em;
	font-weight:bold;
	line-height:1.1em;
}

div#parks-experiences h3 {
	margin-left:12px;
	padding:0;
	color:#333;
	font-size:1.6em;
	font-weight:bold;
}

#first-experience {
	position:relative;
	background:#fd5;
}

#first-experience p {
	padding:5px;
}

#first-experience span.experience {
	display:block;
	height:138px;
	overflow:hidden;
}
#first-experience img.experience {
	position:relative;
	top:-30%;
	width:453px;
}

span.experience-label {
	position:absolute;
	top:95px;
	right:10px;
	display:block;
	background:#fff;
	border:1px solid #999;
	padding:5px;
	width:300px;
	text-align:center;
	filter:alpha(opacity=85);
	-moz-opacity:85;
	opacity:.85;
}

span.experience-label a {
	color:#333;
	font-weight:bold;
}
span.experience-label a:hover {
	color:#f60;
}

#action-experience {
/*	width:100% */
	}

#rate-experience {
	float:left;
}

form#rate-form {
	float:left;
	margin:0 0 5px 12px;
	padding:0 0 15px 0;
/*	width:350px; */
}

form#rate-form span {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:5px;
}

form#rate-form span.r1 {
	background:#fa0;
}
form#rate-form span.r2 {
	background:#f90;
}
form#rate-form span.r3 {
	background:#f80;
}
form#rate-form span.r4 {
	background:#f70;
}
form#rate-form span.r5 {
	border-right:1px solid #999;
	background:#f60;
}
form#rate-form input {
	width:35px;
	vertical-align:middle;
}

span#score-form {
	margin:0 0 5px 12px;
	padding:0 0 15px 0;
}

span#score-form p {
	margin:0;
	padding:5px 0;
	font-size:1em;
}

span#score-form p span.left {
	border:none;
	padding:0;
	float:left;
}

span#score-form p span.right {
	border:none;
	padding:0;
	float:right;
}


/* Experience Suggestion Form 
*/

#experience-rec-form form {
	margin:0 0 12px 12px;

}

#experience-rec-form form label,
#experience-rec-form form input,
#experience-rec-form form textarea {
	display:block;
}

#experience-rec-form form label {
	margin:8px 0 4px 0;
	color:#4E443D;
	font-size:1.2em;
}

#experience-rec-form form p {
	margin:0;
}

/* Best of the National Parks */

#best-of-parks {
	position:relative;
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #f60;
	margin-bottom:15px;
	width:453px;
}

#best-of-parks h2 {
	margin-left:12px;
	color:#333;
	font-size:1.6em;
}


#best-of-parks ul {
}
	

#best-of-parks li {
	border-top:1px solid #fc0;
	border-right:1px solid #fc0;
	border-left:1px solid #fc0;
	background:#fff url(../images/yellowfade.gif) repeat-x left top;
	padding:12px;
	width:427px;
	_width:453px;
}

#best-of-parks li.last {
	border-bottom:1px solid #fc0;
	}

#best-of-parks a.story-title {
	padding:12px 0;
	color:#f60;
	font-size:1.4em;
	font-weight:bold;
}

#best-of-parks img {
	float:right;
	border:1px #999 solid;
	margin: 5px 0 5px 5px;
	padding: 5px;
	width:110px;
	height:auto;
	box-shadow: 2px 2px 2px #666;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
}

/* Most Popular Inspirations */

#parks-inspirations {
	position:relative;
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #f60;
	margin-bottom:15px;
}

#parks-inspirations h2 {
	margin-left:12px;
	font-size:1.2em;
}

#parks-inspirations ul {
	list-style:decimal;
	margin-left:32px;
}

#parks-inspirations ul a {
	font-weight:bold;
}


/* National Parks State Pages */

#state-parks-main {
	float:left;
	width:630px;
}

#state-parks-map, #state-parks-compare, #state-parks-experience, #state-parks-bestof, #state-parks-all {
	position:relative;
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #f60;
	margin-bottom:15px;
	width:100%;
}

#state-parks-main h2 {
	margin-left:12px;
	padding:8px 0;
	color:#333333;
	font-size:1.6em;
	font-weight:bold;
}

ul#state-parks-list {
	float:right;
	width:165px;
}

form#changestate {
	float:right;
}

form#changestate select {
	border:1px #999 solid;
	width:145px;
	margin:5px 10px;
}

a.view-all {
	margin:5px 10px;
	float:right;
}
img.state-map {
	float:left;
	border:0;
	width:455px;
	height:341px;
	margin:0;
	padding:0;
	position:relative; /* IE Hack */
	_left:-2px;; /* IE Hack */
}

img.plan-trip-banner {
	position:absolute;
	left:455px;
	bottom:10px;
}

#state-parks-list li {
	display:block;
	border:1px solid #999;
	margin:5px 10px;
	width:145px;
	text-align:center;
}

#state-parks-list li a {
	display:block;
	padding:5px;
	color:#333;
	font-weight:bold;
}


.park-stats {
	float:left;
	margin-left:12px;
	clear:right;
	width:138px;
}

.park-stats span.image {
	display:block;
	border:1px solid #999;
	margin-bottom:10px;
	width:138px;
	height:138px;
	overflow:hidden;
	text-align:center;
}

.park-stats img {
	position:relative;
	height:150px;
	left:-50%;
}

.park-stats h4 {
	padding:8px 0;
	color:#f60;
	font-size:1.4em;
	font-weight:bold;

}

.park-stats b {
	display:block;
}

.park-stats span {
	color:#4E443D;
	line-height:1.5em;
	margin:0;
	padding:0 0 8px;
}

#state-parks-bestof h3, #state-parks-all h3 {
	clear:both;
	margin-left:12px;
	padding:8px 0;
	color:#f60;
	font-size:1.3em;
	font-weight:bold;
}
#state-parks-bestof ul, #state-parks-all ul {
	float:left;
	width:144px;
	word-wrap: break-word;
}

#state-parks-bestof li, #state-parks-all li {
	margin-left:12px;
	padding-bottom:8px;
}

/* Activities Listing */
#state-parks-activities {
	position:relative;
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #f60;
	margin-bottom:15px;
	width:100%;
}

#state-parks-activities h3 {
	margin-left:12px;
	padding:8px 0;
	color:#333333;
	font-size:1.4em;
	font-weight:bold;
}

#state-parks-activities p {
	margin-left:12px;
}

table.national-parks {
	margin:0 12px;
	border-collapse:collapse
}

table.national-parks a {
	font-weight:bold;
}

table.national-parks tr {
}

table.national-parks tr.heads {
	border-top:none;
}

table.national-parks tr.even-row {
	background:#fff url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
}

table.national-parks td {
	border-top:1px dashed #99CCFF;
	padding:6px 2px;
}

#state-parks-activities table.national-parks h3 {
	margin:0;
	padding:8px 0;
	color:#333333;
	font-size:1.2em;
	font-weight:bold;

}

/* Top Experiences */

#parks-experience {
	float:left;
	width:630px;
}

#parks-experience h2 {
	margin-left:12px;
	padding:8px 0;
	color:#333333;
	font-size:1.6em;
	font-weight:bold;
}

#parks-experience h3 {
	margin-left:12px;
	padding:8px 0;
	color:#333;
	font-size:1.6em;
	font-weight:bold;
}

#parks-experience h4 {
	margin-left:12px;
	padding:8px 0;
	color:#333;
	font-size:1.4em;
	font-weight:bold;
}

#parks-experience p {
	margin-left:12px;
}

#parks-experience img.experience {
	width:630px;
	height:342px;
}

div#prevnext-nav {
	float:right;
	padding:15px 0;
}

span.button-previous, span.button-next, span.button-go {
	border:1px solid #666;
	background:#fc3;
	padding:5px;
}

span.button-previous a, span.button-next a, span.button-go a {
	color:#333;
	font-weight:bold;
}
span.button-previous a:hover, span.button-next a:hover, span.button-go a:hover {
	text-decoration:underline;
	}
span.button-previous a:visited,
span.button-next a:visited,
span.button-previous a:active,
span.button-next a:active,
span.button-go a:visited,
span.button-go a:active {
	color:#333;
}

/* Plan Your Trip */
#parks-planner {
}

#parks-planner h2 {
	background:#FFFFFF url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #FF6600;
	margin:0;
	padding:5px 10px;
	color:#333;
	font-size:1.8em;
	font-weight:bold;
}

#state-parks-main h2.planner {
	font-size:2.2em;
}

#parks-planner h3 {
	margin-left:12px;
	padding:8px 0;
	color:#666;
	font-size:1.4em;
	font-weight:bold;
}

#parks-planner ul {
	background:#fff;
	margin:0;
	padding:5px 10px;
}

#parks-planner #sub-nav ul {
	background:none;
}

#parks-planner ul a {
	color:#f60;
	font-weight:bold;
}

#parks-planner ul a {
	font-size:1.6em;
}
#parks-planner #sub-nav ul a {
	font-size:1.2em;
}


#park-flash-map {
	border:0 none;
	float:left;
	height:341px;
	margin:0;
	padding:0;
	position:relative;
	width:455px;
}

#parks-planner p, p.planner {
	margin-left:12px;
}

#parks-planner ul li p {
	margin-left:0;
}

#parks-planner #sub-nav {
	float:left;
	background:#fd5;
	margin:0 0 12px;
	padding:0;
	width:160px;
}

#parks-planner #sub-nav h2 {
	background:#FFFFFF url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
	border-top:6px solid #FF6600;
	margin:0 10px;
	padding:5px 10px;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}

#parks-planner #sub-nav ul {
	margin-bottom:20px;
}
#parks-planner #sub-nav ul li {
	display:block;
	border:1px solid #999;
	margin:5px 0;
	text-align:center;
}

#parks-planner #sub-nav ul li a {
	display:block;
	background:#fff;
	padding:5px;
	color:#333;
	font-size:11px;
	font-weight:bold;
}

#parks-planner #sub-nav ul li a:hover {
	background:#FFFFFF url(../images/green-gradient-135w.png) repeat-y scroll right top;
	filter:alpha(opacity=85);
	-moz-opacity:85;
	opacity:.85;
}

#parks-planner #sub-nav li.current {
	background:#FFFFFF url(../images/green-gradient-135w.png) repeat-y scroll right top;
	filter:alpha(opacity=85);
	-moz-opacity:85;
	opacity:.85;
	padding:5px;
	color:#333;
	font-size:11px;
	font-weight:bold;
}

#parks-planner #main-content {
	float:right;
	background:#FFFFFF url(../images/gradient-gray-29h.jpg) repeat-x scroll left top;
/*	border-top:6px #f60 solid; */
	width:470px;
}


/* Ad Content - Adjustment */

#parks-maincontent #dest-adcontent {
	position:relative;
	top:-56px;
	padding:0;
	margin:0;
}

#parks-maincontent #dest-forums {
	width:300px;
}

#parks-maincontent #dest-forums li  {
	font-size:12px;
}

#parks-maincontent #dest-forums li a  {
	font-size:13px;
}

/* MEMBER COMMENTS 
----------------------------------*/
div#article-comments {
	border-bottom:1px #999 dotted;
	margin:10px 0;
	padding:5px 0;
}

div#article-comments h4 {
	background-color:#F3F0E8;
	border-top: 1px #CAC2B1 solid;
	border-bottom: 1px #CAC2B1 solid;
	margin:0;
	padding:5px 12px;
	color:#666;
	font-size:13px;
	font-weight:bold;
}

div#article-comments p,
ul#scuttlebutt-list li {
	font-size: 13px;
	color: #4e443d;
	margin: 0;
	padding: 5px 0 5px 12px;
	line-height: 1.5em;
}

ul#scuttlebutt-list li p {
	padding:0;
}

ul#scuttlebutt-list li {
	border-bottom:1px dashed #999999;
}

div#article-comments form {
	margin:0;
	padding:8px 0 2px 12px;
}

div#article-comments textarea {
	display:block;
	width:400px;
}
ul#scuttlebutt-list {
	list-style:none;
	margin:0;
	padding:0;
}

ul#scuttlebutt-list h3 {
	margin:0;
	padding:0;
}

.scuttlebutt-preview {
	background-color:#ccc;
}

.scuttlebutt_author {
	font-weight:bold;
}