/*
Theme Name: radius6
Theme URI: http://radius6.tv
Description: Custom Wordpress theme for radius6
Version: 2 (WP2.7)
Author: Randy Federighi
Author URI: http://prop-14.com
Tags: travel
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* @group base html settings */

/*  
	FREQUENT COLORS:	
	#713400;  brownish/redish text
	#2A200F;  deep brown for p text, button bg
	#EEE0B9;  off-white for text in header, sidebar
*/

body 	{ background: #DACCA2 url(style/images/main_bg.jpg) repeat scroll; color: #000; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif;
		  text-align: center; }
strong 				{ font-weight:bold;  }
a img,:link img,:visited img { border:none }
a 					{ outline:none;}
.hidden 				{ display:none; }
a.button:link, 
a.button:visited  	{ background:#2A200F; border:1px solid #B8956A; padding:6px; color:#EEE0B9; font-size:10px; height: 15px; line-height: 15px; text-decoration:none;
					text-align: center; }
a.button:hover 		{ background:#713400; border:1px solid #B8956A; }


/* ---------------------------------------------------- typography */

p 				{ color:#2A200F; padding:5px 20px 5px 0px; line-height:1.5em; font-size:12px; text-align:left; }
h2,h3,h4,h5,h6 	{ margin:10px 0px; }
h2 				{ color:#2A200F; font-size:25px; font-weight:bold; font-family: Arial, verdana, sans-serif; text-decoration:none; text-align:left; }
h2 a:link, 
h2 a:visited 	{ color:#2A200F; text-decoration:none; }

h2 a:hover {
	color:#713400;
	text-decoration:none;
}

h3 {
	text-align:left;
	color:#2A200F;
	font-size:16px;
	font-weight:bold;
	font-family: Arial, verdana, sans-serif;
}

/* slightly larger text in brown for pages and posts */
h4 {
	color:#2A200F;
	font-size:20px;
	text-align:left;
}

h5 {
	color:#2A200F;
	font-size:16px;
	text-align:center;
}

h2 a:link, h2 a:visited {
	color:#713400;
	text-decoration:none;
}

h2 a:hover {
	color:#713400;
	text-decoration:underline;
}

/* making sure all header links are redish */
h3 a:link, h3 a:visited {
	color:#713400;
	text-decoration:none;
}

h3 a:hover {
	color:#713400;
	text-decoration:underline;
}

a:link, a:visited {
	color:#713400;
	text-decoration:none;
}

a:hover {
	color:#713400;
	text-decoration:underline;
}

ul {
	text-align:left;
}

ul li {
	text-align:left;
	font-size:12px;
}

ul.no-marker {
	list-style-type:none;
}

ul.destination-list li {
	text-align:left;
	font-size:12px;
	padding:5px 0;
}

ul li a {
	text-align:left;
	font-size:12px;
}

/* for nested lists like the all towns page */
ul.town-list li {
	padding-top:3px;
	padding-bottom:3px;
}

ul.town-list li a {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

ul.town-list li ul li {
	margin-left:20px;
	padding-left:20px;
	list-style-type:circle;
}

ul.town-list li ul li a {
	font-size:12px;
	text-transform:none;
	font-weight:normal;
}




/* ----------------------------------------------------------------------------- start layout */

#page-top 		{ width:100%; background: url(style/images/page_top.png) repeat-x top left; height:108px; }
#header 			{ width:960px; height:95px; margin:0 auto; background: url(style/images/map.png) no-repeat right; position:relative; }
#header h1 		{ background:url(style/images/logo.png) no-repeat; width:250px; height:42px; margin-top: 20px; text-indent: -9999px; float: left; }
#header h1 a 	{ width: 250px; height: 42px; display: block; }
#header p#slogan { width:503px; height:47px; float:right; margin:7px 25px 0px 0px; text-indent:-9999px; background:url(style/images/slogan.png) no-repeat; }


/* ---------------------------------------------------------- drop down map */

#gps-wrapper 					{ position:absolute; top:0px; left:10px; width: 380px; z-index:100; }
/* drops map down a bit */
#drop-map .map-spacer 			{ line-height:7px; }
/* the map holder */
#drop-map 						{ background:url(style/images/drop_map_bg.png) no-repeat; width: 380px; height: 393px; display: none; }
/* div to hold the button */
#gps-wrapper .slide				{ width: 96px; height:18px; overflow:hidden; margin-left:250px; }
/* standard class before clicked */
#gps-wrapper a.btn-slide:link, 
#gps-wrapper a.btn-slide:visited { background:url(style/images/map_button_sprite.png); background-position:0 0px; width: 96px;height: 18px; display: block; }
#gps-wrapper a.btn-slide:hover 	{ background:url(style/images/map_button_sprite.png); background-position:0 18px; }
/* toggles the class btn-slide to btn-active when clicked */
#gps-wrapper a.btn-active:link 	{ background:url(style/images/map_button_sprite.png); background-position:0 36px; width: 96px; height: 18px; display: block; }


/* ---------------------------------------------------------- main navigation */

#header ul 		{ padding:2px 0px 0px 0px; }
#header ul li 		{ float:left; }
#header ul li a 	{ float:left; color:#EEE0B9; font-size:11px; text-decoration:none; margin:0px 20px 0px 0px; padding:3px 0px 3px 0px; }
#header ul li a:link, #header ul li a:visited {
	color:#EEE0B9;
}

#header ul li a:hover {
	color:#FCF451;
	border-bottom:2px solid #FCF451;
}

#header a#rss-icon:link, #header a#rss-icon:visited {
	position:absolute;
	text-decoration:none;
	bottom:8px;
	left:620px;
	width:34px;
	height:27px;
	display:block;
	background:url(style/images/rss_sprite.png);
	background-position:0 27px;
}

#header a#rss-icon:hover {
	background-position:0 0px;
}

#header span.hide {
	display:none;
}

#header a#rss-title:link, #header a#rss-title:visited {
	position:absolute;
	bottom:12px;
	left:660px;
	color:#EEE0B9;
	font-size:11px;
	text-decoration:none;
}

#header a#rss-title:hover {
	color:#FCF420;
	text-decoration:underline;
}





/* ------------------------------------------------------------ search area */

#search {
	position:relative;
	width:150px;
	height:18px;
	float:right;
	margin:-4px 0px 0px 0px;
}

#search input#s {
	width:150px;
	height:16px;
	padding:1px;
}

#searchsubmit {
	width:16px;
	position:absolute;
	top:-1px;
	left:130px;
}


/* ------------------------------------------------------------ search and archive pages */

div.search-archive-listings { border-bottom:1px solid #B8956A; padding:20px 0px; }


/* ------------------------------------------------------------ main content area */

#main 			{ width:960px; clear: both; overflow: hidden; margin:0 auto; }
#main #primary 	{ float: left; width: 600px; }


/* -------------------------------------------------------------- posts */

.post img, .post-item img {
    max-width: 570px; /* Adjust this value according to your content area size*/
    height: auto;
}


.post-item, .post {
	overflow: hidden;
	padding:0px 20px 20px 0px;
	border-bottom:1px solid #B8956A;
	border-top:1px solid #FFF;
	text-align:left;	
}

#primary div:first-child {
	border-top:none;
}

#primary div:first-child .ngg-albumoverview {
	border-top:1px solid #B8956A;
}

.post-item h2 {
	margin:20px 0px 5px 0px;
}

.post-item h2 a {
	color:#2A200F;
	font-size:25px;
	font-weight:bold;
	font-family: Arial, verdana, sans-serif;
	text-decoration:none;
}

.post-item  p.meta {
	color:#EEE0B9;
	width:230px;
	font-size:10px;
	padding:2px 20px 4px 20px;
	background-color:#713400;
	border:1px solid #B8956A;
}

.post-item p {
	color:#2A200F;
	padding:10px 30px 10px 0px;
	line-height:1.5em;
	font-size:12px;
}

.post-item p a:link, .post-item p a:visited {
	color:#713400;
	text-decoration:none;
}

.post-item p a:hover {
	color:#713400;
	text-decoration:underline;
}

.post-item a.more-link:link, .post-item a.more-link:visited {
	background:#2A200F;
	border:1px solid #B8956A;
	padding:6px;
	color:#EEE0B9;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	width: 70px;
	min-width: 70px;
	text-align: center;
}

.post-item a.more-link:hover {
	background:#713400;
	border:1px solid #B8956A;
}

    /* style for a picture inserted into post */
.wp-caption {     
	background:transparent;
	border:none;
}
    /* more and prev buttons */
#morePrev {
	height:20px;
}	

#morePrev a:link, #morePrev a:visited  {
	background:#2A200F;
	border:1px solid #B8956A;
	padding:6px;
	color:#EEE0B9;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	text-align: center;
}

#morePrev a:hover {
	background:#713400;
	border:1px solid #B8956A;
}



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

#sidebar {
	width:360px;
	background: url(style/images/sidebar_bg.png) repeat-y top right;
	padding:0px;
	float:right;
}

#sidebar h2 {
	font-size:16px;
	line-height:60px;
	text-align:left;
	padding:0px 0px 0px 45px;
	margin:0px 0px 0px 15px;
	color:#EEE0B9;
	background: url(style/images/sidebar_heading.png) no-repeat;
}

#sidebar img {
	margin:10px 0px 10px 40px;
	border:1px solid #2A200F;
}

#sidebar img.image-ad:link, #sidebar img.image-ad:visited {
	border:1px solid #2A200F;
}

#sidebar img.image-ad:hover {
	border:1px solid #EEE0B9;
}

#sidebar ul {
	text-align:left;
	margin:0px 0px 15px 90px;
}

#sidebar ul li {
	list-style:square;
	padding:5px 0px 5px 7px;
	margin-left:7px;
	color:#EEE0B9;
	font-size:12px;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	color:#EEE0B9;
	text-decoration:none;
}

#sidebar ul li a:hover {
	color:#FCF420;
	text-decoration:underline;
}


/* ------------------------------------------------------------------ home page */

#map-section 		{ height:360px; overflow:hidden; }
/* the map area */
#map-selection-area 	{ position:relative; width:351px; height:334px; float:left; margin:0px 0px 0px 15px; background:url(style/images/radius_map.png) no-repeat 0px 0px; }
/* MAP DOTS */
#map-selection-area a:link, 
#map-selection-area a:visited 	{ width:15px; height:15px; display:block; position:absolute; background:url(style/images/map_dot.gif) no-repeat; }
#map-selection-area a:hover 		{ background:url(style/images/map_dot_o.gif) no-repeat; }

/* absolute positioning is done inline */
#destination-preview 			{ width:560px; margin:0px 0px 0px 370px; }

#featured-content 				{ clear:both; width:960px; height:203px; overflow:hidden; margin:-40px 0px 0px 0px; position:relative; }

/* all headers etc in featured content */
#featured-content h3 			{ color:#EEE0B9; font-size:15px; font-family: Arial, verdana, sans-serif; padding:0px 0px 5px 0px; margin:40px 0px 0px 0px; 
								  text-align:center; }
#featured-content ul li a:link,
#featured-content ul li a:visited 	{ color:#EEE0B9; font-size:12px; }
#featured-content ul li a:hover 	{ color:#FCF420; text-decoration:underline; }

/* events - green sign */
#destination-events 				{ width:317px; height:203px; float:left; background:url(style/images/sign_green.png); }
#destination-events ul 			{ margin:0px 10px 0px 8px; }
#destination-events ul li			{ text-align:left; padding:0px 0px 5px 35px; line-height:26px; }
span.event-date 					{ color:#713400; display:block; overflow:hidden; padding:2px 5px 0px 5px; float:left; width:48px; height:24px; 
								  font-size:9px; background:url(style/images/calendar.png) no-repeat; }
#blue-sign			 			{ width:318px; height:203px; float:left; background:url(style/images/sign_blue.png); }
#blue-sign p						{ text-align:center; color:#fff; padding:10px 30px 10px 30px; }
#blue-sign p a:link,
#blue-sign p a:visited			{ line-height:25px; background:#fff; padding:3px 10px; text-align:center; }
#blue-sign p a:hover				{ text-decoration:none; background:#ccc; }

/* turn here - brown sign */
#turn-here 						{ width:318px; height:203px; float:left; background:url(style/images/sign_brown.png); }
#turn-here ul 					{ margin:0px 10px 0px 63px; }
#turn-here ul li 					{ text-align:left; padding:0px 0px 5px 33px; line-height:26px; }
#turn-here ul li.list-business 	{ background:url(style/images/road_icon_list.png) no-repeat; background-position: 0 2px; }
#turn-here ul li.suggest-town 		{ background:url(style/images/road_icon_submit.png) no-repeat; background-position: 0 0px; }
#turn-here ul li.share-story 		{ background:url(style/images/road_icon_share.png) no-repeat; background-position: 0 0px; }


/*------------------------------------------------------------------- Town Page Template */

/* upper section */
#town-top-section .post 				{ overflow: hidden; float:left; width:350px; padding:0px 20px 20px 0px; text-align:left; border:none; }
ul#town-extra-links 					{ margin-top:0px; margin-bottom:10px; }
ul#town-extra-links li 				{ display:inline; }
ul#town-extra-links li a 				{ padding:0px 5px 5px 9px; }
/* allows no space to the left */
ul#town-extra-links li a.first-link 	{ padding:0px 5px 5px 0px; }

/* this is an include for video section */
#video-area  			{ width:590px; margin:20px 0px 20px 0px; float:left; overflow:hidden; }
#main-video				{ width:425px; margin-top:5px; float:left; }     
a.player 				{ margin-top:0px; display:block; width:425px; height:300px; padding:0px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; }
#video-extras			{ width:165px; float:left; }
#video-extras p			{ text-align:center; font-weight:bold; padding-top:0; } /* "web extras" */
div.clips a img			{ padding:3px; border:1px solid #B8956A; }
div.clips a img:hover	{ padding:3px; border:1px solid #713400; }

/* lower section */
#banner-ad 					{ clear:both; padding:20px 0px 10px 0px; text-align:center; }
#town-lower-wrapper 			{ width:960px; float:left; }
#tile-ad-column 				{ width:198px; margin-left:-960px; float:left; border-right:2px solid #B8956A; }
#tile-ad-column img, 
#tile-ad-right-column img 	{ padding:10px 0px; }
div#attraction-links 		{ margin:0 220px; }

/* list of attractions */
div#attraction-links ul.attractions 			{ margin-top:0px; text-align:left; }
div#attraction-links ul.attractions li 		{ padding:15px 0px; border-bottom:1px solid #B8956A; }
div#attraction-links ul.attractions li a:link, 
#attraction-links ul.attractions li a:visited 	{ color:#713400; font-size:14px; font-weight:bold; text-decoration:none; }
div#attraction-links ul.attractions li a:hover { color:#713400; text-decoration:underline; }
div#attraction-links img.icon 				{ padding:0 5px; }
#tile-ad-right-column 						{ width:198px; margin-left:-200px; float:left; border-left:2px solid #B8956A; }
div#attraction-links ul#filter li 				{ float:left; }

/* remove text from links to use images */
ul#filter li span 		{ display:none; }

/* Steps for inputting business data */
span.steps			 { font-size:20px; color:#713400; font-weight:bold; padding-bottom:5px; }



/* ------------------------------------------------------------------ footer */
#footer-top 				{ clear:both; width:100%; height:25px; background:url(style/images/footer_top.png) repeat-x; }
/* class added to footer top div with php only on home page */
.home-push 				{ margin-top:-40px; }
#footer 					{ width:100%; background:#2A200F url(style/images/footer_bg.jpg) repeat; }
#footer #footer-content 	{ width:960px; margin:0 auto; color:#EEE0B9; font-size:11px; }

/* verticle image text */
#site-map {
	background:url(images/site_map.png) no-repeat 0 10px;
}

#promotional {
	background:url(images/promotional.png) no-repeat 0 10px;
}

#search {
	background:url(images/search.png) no-repeat 0 10px;
}

#social {
	background:url(images/social.png) no-repeat 0 10px;
}

#bookmark {
	background:url(images/bookmark.png) no-repeat 0 10px;
}

#footer-content .link-list {
	width:180px;
	float:left;
	margin:40px 10px 10px 0px;
	position:relative;
	min-height:115px;
}

#footer-content .link-list ul {
	padding:0px;
	margin:0px 0px 0px 40px;
	text-align:left;
	list-style-type:none;
}

#footer-content .link-list ul li {
	padding:7px 0px;
	background:url(style/images/list_square.gif) no-repeat;
	background-position: 0 9px;
	padding-left:17px;
}

/* mainly for bookmark add this button */
#footer-content .link-list ul li.no-list-marker {
	padding:7px 0px;
	background:transparent;
	padding-left:0px;
	margin-top:10px;
	font-size:11px;
}

		/* special list item icons - SOCIAL */
		
#footer-content .link-list ul li.facebook {
	background:url(style/images/facebook.gif) no-repeat;
	background-position: 0 7px;
	padding-left:25px;
}

#footer-content .link-list ul li.twitter {
	background:url(style/images/twitter.gif) no-repeat;
	background-position: 0 7px;
	padding-left:25px;
}

#footer-content .link-list ul li.blog {
	background:url(style/images/blog.gif) no-repeat;
	background-position: 0 7px;
	padding-left:25px;
}

		/* standard links in footer */

#footer-content .link-list ul li a:link, #footer-content .link-list ul li a:visited {
	color:#EEE0B9;
	font-size:11px;
	text-decoration:none;
}

#footer-content .link-list ul li a:hover {
	color:#FCF420;
	text-decoration:underline;
}

#footer-content .link-list .pos-title {
	float:left;
	margin-top:7px;
}

#footer-content #copyright {
	clear:both;
	padding:15px 0px 25px 0px;
} 

#footer-content #copyright p {
	font-size:10px;
	padding:2px 0px;
	color:#736357;
	text-align:center;
}

#footer-content #copyright p a:link, #footer-content #copyright p a:visited {
	font-size:10px;
	text-decoration:none;
	padding:2px 0px;
	color:#DACCA2;
}

#footer-content #copyright p a:hover {
	color:#FCF420;
	text-decoration:underline;
}

/* prop14 styling */
#footer-content #copyright p a.webdesign:link, #footer-content #copyright p a.webdesign:visited {
	font-size:10px;
	text-decoration:none;
	padding:2px 0px;
	color:#736357;
}

#footer-content #copyright p a.webdesign:hover {
	color:#FCF420;
	text-decoration:underline;
}




/* --------------------------------------------------------------- Comments Template */

#comments_template {
	width:500px;
	margin-top: 2em;
	background:url(style/images/comment_map_bg.jpg) repeat;
	border:3px solid #713400;
	clear: both;
	text-align:left;	
	overflow: hidden;
	padding: 30px 40px 0px 30px;
	position: relative;
	color:#2A200F;
	line-height:1.5em;
	font-size:12px;
}

/* responses */
#comments_template h3 {
	padding:5px 25px;
	margin-top:20px;
    font-size:14px;
	background:#FFF;
	border:1px solid #713400;
	color:#2A200F;
}

#comments_template input {
	background:#FFF;
	margin:5px 10px 5px 0px;
	border:1px solid #9F7444;
	padding:5px;
}

#comments_template button {
	margin:20px 0px 0px 0px;
}

#comments_template label {
	margin:5px 10px 5px 0px;
	padding:5px;
}

/* the form area */
#commentform {
	border:1px solid #713400;
	margin:20px 0px;
	background:#FFF;
	padding:15px;
}

/* ------------------------------------------------------------- comments */
/* each comment box */
ol.comments li.comment {
	clear:left;
	border:1px solid #9F7444;
	background:#FFF;
	margin:8px 0px;
	padding:10px 10px;
	overflow:hidden; 
}

/* avatar */
ol.comments li.comment img.avatar {
	float:left;
	width:48px;
	border:5px solid #9F7444;
	padding:2px;
	margin:0px 30px 10px 0px;
}

ol.comments li.comment div.comment-author {
	padding-top:10px;
}

/* date of comment */
div.comment-meta a {
	font-size:10px;
}

ol.comments p {
	width:100%;
	padding-bottom:20px 
}

/* background 2nd level */
ul.children li.depth-2 {
	background-color:#F6E5B2;
}

/* background 3rd level */
ul.children li.depth-3 {
	background-color:#E1D69F;
}








/* ------------------------------------------------------------------- listings */

.main_comment {
	margin-left:100px;
	padding:0px 25px 20px 0px;
}

/* listing link */
p.free-business-name {
	color:#2A200F;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/* error color for inputting too many words in form */
.error { color: #f00; }



/* ----------------------------------------------- contact form 7 */

input {
	padding:3px;
}

span.wpcf7-list-item { 
	display: block; 
} 

span.red {
	color: red;
}