/*
	extends core.css
	contains all design specific styles
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.
*/

/* don't forget to update this file name accordingly */
@import url("tdtdblog_core.css");

/* COLORS
-----------------------------------------------------------------------------
	
	#hex (desc)
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------

	1. Wrap
	2. Header
		2.1. Top Bar
			2.1.1. Global Links
			2.1.2. Search
		2.2. Navigation
			2.2.1. Sub-Navigation
	3. Content Wrap
		3.1. Main Content
			3.1.1. Post Wrap
			3.1.2. Post Date
			3.1.3. Post
				3.1.3.1. Form
			3.1.4. Post Footer
			3.1.5. Read Comments
			3.1.6. Post Comment
			3.1.7. Paginate
		3.2. Sidebar
			3.2.1. Share Your Story Button
			3.2.2. Callouts
			3.2.3. Poll
			3.2.4. Newsletter Signup
	4. Footer
	5. Misc
		
*/

body {background-color: #e1ce67;}

/* 1. Wrap
----------------------------------------------------------------------------- */

#wrap {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

/* 2. Header
----------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

	#header h1,
	#header h1 a {
		position: relative;
		width: 860px;
		height: 144px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		background: url(../images/site/title.jpg) no-repeat 0 0;
		text-indent: -9999em;
		display: block;
	}

/* 2.1. Top Bar
----------------------------------------------------------------------------- */

#top-bar {
	position: relative;
	width: 834px;
	margin: 15px 11px 17px 15px;
	padding: 0;
	overflow: hidden;
}

/* 2.1.1. Global Links
----------------------------------------------------------------------------- */
#global-links {
	position: relative;
	width: 393px;
	height: 24px;
	margin: 4px 0 0 0;
	padding: 0;
	float: left;
}

	#global-links ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}
	
		#global-links ul li {
			margin: 0;
			padding: 0;
			float: left;
			background-image: url(../images/site/global-links.jpg);
		}
	
			#global-links ul li a {
				margin: 0;
				padding: 0;
				overflow: hidden;
				background-image: url(../images/site/global-links.jpg);
				background-repeat: repeat;
				display: block;
				text-indent: -9999em;
			}
	
			#global-links ul li#btn_about,
			#global-links ul li#btn_about a {background-position: 0 0; width: 50px; height: 24px;}
			#global-links ul li#btn_about a:hover {background-position: 0 -24px;}
			
			#global-links ul li#btn_more-blogs,
			#global-links ul li#btn_more-blogs a {background-position: -50px 0; width: 129px; height: 24px;}
			#global-links ul li#btn_more-blogs a:hover {background-position: -50px -24px;}
			
			#global-links ul li#btn_tnvacation,
			#global-links ul li#btn_tnvacation a {background-position: -179px 0; width: 91px; height: 24px;}
			#global-links ul li#btn_tnvacation a:hover {background-position: -179px -24px;}

			#global-links ul li#btn_tntrailsandbyways,
			#global-links ul li#btn_tntrailsandbyways a {background-position: -270px 0; width: 123px; height: 24px;}
			#global-links ul li#btn_tntrailsandbyways a:hover {background-position: -270px -24px;}

/* 2.1.2. Search
----------------------------------------------------------------------------- */
#search {
	position: relative;
	width: 278px;
	height: 32px;
	margin: 0;
	padding: 0;
	float: right;
}

	#search label {
		position: relative;
		width: 50px;
		height: 32px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
		background: url(../images/site/label_search.jpg) no-repeat 0 0;
		display: inline;
		text-indent: -9999em;
	}
	
	#search #keywords {
		position: relative;
		width: 151px;
		height: 12px;
		margin: 0;
		padding: 10px 8px;
		border: 0;
		overflow: hidden;
		float: left;
		background: url(../images/site/bg_search-field.jpg) no-repeat 0 0;
		display: inline;
		font: normal normal 11px "Arial", "Helvetica", sans-serif;
		color: #777;
	}
	
	#search #search-btn {
		position: relative;
		width: 61px;
		height: 32px;
		margin: 0;
		padding: 0;
		border: 0;
		overflow: hidden;
		float: left;
		display: inline;
	}
		
/* 2.2. Navigation
----------------------------------------------------------------------------- */

#nav {
	position: relative;
	width: 560px;
	height: 55px;
	margin: 20px 0 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/site/bg_main-content-top.jpg) no-repeat 0 30px;
}	
	
		#nav ul {
			margin: 0;
			padding: 0;
			overflow: hidden;
			float: right;
			list-style: none;
		}
		
			#nav ul li {
				margin: 0;
				padding: 0;
				float: left;
				background-image: url(../images/site/nav.jpg);
			}
		
				#nav ul li a {
					margin: 0;
					padding: 0;
					overflow: hidden;
					background-image: url(../images/site/nav.jpg);
					background-repeat: repeat;
					display: block;
					text-indent: -9999em;
				}
		
				#nav ul li#btn_things-to-do,
				#nav ul li#btn_things-to-do a {background-position: 0 0; width: 130px; height: 30px;}
				#nav ul li#btn_things-to-do a:hover,
				#nav ul li#btn_things-to-do a.selected,
				#nav ul li#btn_things-to-do a.selected:hover {background-position: 0 -30px;}
				
				#nav ul li#btn_regions,
				#nav ul li#btn_regions a {background-position: -130px 0; width: 154px; height: 30px;}
				#nav ul li#btn_regions a:hover,
				#nav ul li#btn_regions a.selected,
				#nav ul li#btn_regions a.selected:hover {background-position: -130px -30px;}
				
				#nav ul li#btn_places-to-stay,
				#nav ul li#btn_places-to-stay a {background-position: -284px 0; width: 134px; height: 30px;}
				#nav ul li#btn_places-to-stay a:hover,
				#nav ul li#btn_places-to-stay a.selected,
				#nav ul li#btn_places-to-stay a.selected:hover {background-position: -284px -30px;}
				
				#nav ul li#btn_video,
				#nav ul li#btn_video a {background-position: -418px 0; width: 65px; height: 30px;}
				#nav ul li#btn_video a:hover,
				#nav ul li#btn_video a.selected,
				#nav ul li#btn_video a.selected:hover {background-position: -418px -30px;}
				
				#nav ul li#btn_photos,
				#nav ul li#btn_photos a {background-position: -483px 0; width: 77px; height: 30px;}
				#nav ul li#btn_photos a:hover,
				#nav ul li#btn_photos a.selected,
				#nav ul li#btn_photos a.selected:hover {background-position: -483px -30px;}
				
/* 2.2.1. Sub-Navigation (may not use)
----------------------------------------------------------------------------- */

#nav #sub-nav {
	position: relative;
	width: 560px;
	height: 40px;
	margin: 0;
	padding: 0 14px 0 0;
	overflow: hidden;
	float: right;
	list-style: none;
	background: #f7f5df;
	line-height: 28px;
	/*background: gray;*/
	
}	

	#nav #sub-nav li {
		margin: 0 0 0 12px;
		padding: 0;
		float: left;
	}

		#nav #sub-nav li a {
			margin: 0;
			padding: 0;
			overflow: hidden;
			display: block;
			font-size: 10px;
			text-transform: uppercase;
			background-image: none;
			text-indent: 0;
		}
		
		#nav #sub-nav li a:link,
		#nav #sub-nav li a:visited {
			color: #645d48;
			text-decoration: none;
		}
		
		#nav #sub-nav li a:hover,
		#nav #sub-nav li a:active {
			color: #8c8366;
			text-decoration: none;
		}

/* 3. Content Wrap
----------------------------------------------------------------------------- */

#content-wrap {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: url(../images/site/bg_content-wrap.jpg) repeat-y 0 0;
}

/* 3.1. Main Content
----------------------------------------------------------------------------- */

#main-content {
	position: relative;
	width: 560px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: url(../images/site/bg_main-content.jpg) no-repeat 0 0;
	float: left;
}

/* 3.1.1. Post Wrap
----------------------------------------------------------------------------- */

.post-wrap {
	position: relative;
	width: 530px;
	margin: 0 15px;
	padding: 0;
	overflow: hidden;
}

/* 3.1.2. Post Date
----------------------------------------------------------------------------- */

.post-date {
	width: 47px;
	border-right: solid 1px #c3c2b2;
}

.post-date-empty {
	width: 48px;
	border-right: 0;
	display: block;
}
	
.post-date,
.post-date-empty {
	position: relative;	
	margin: 4px 6px 0 0;
	padding: 6px 6px 6px 0;
	float: left;
	text-align: right;
}

	.post-date .month {
		margin: 0;
		padding: 0;
		display: block;
		font: normal bold 14px/normal "Helvetica", sans-serif;
		color: #333;
	}

	.post-date .year {
		margin: 0;
		padding: 0;
		display: block;
		font: normal normal 11px/10px "Helvetica", sans-serif;
		color: #333;
	}

/* 3.1.3. Post
----------------------------------------------------------------------------- */

.post {
	position: relative;
	width: 460px;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #c3c2b2;
	float: left;
	font: normal normal 12px/20px "Helvetica", sans-serif;
	color: #111;
}

	/* ----------------------------------------------------------------------------- */	
		.post .post-title a.comment_total_link {
			display: block;
			float: right;
			background: none;
			overflow: hidden;
			font: normal normal 12px "Arial", "Helvetica", sans-serif;
			margin: 4px 0 0 0;
			padding: 0;
			cursor: pointer;
		}
	
		.post .post-title a.comment_total_link:link,
		.post .post-title a.comment_total_link:visited {
			text-decoration: none;
			color: #333;
		}
		
		.post .post-title a.comment_total_link:hover,
		.post .post-title a.comment_total_link:active {
			text-decoration: none;
			color: #666;
		}
	
		.post .post-title a.comment_total_link .comment_total {
			display: block;
			float: left;
			margin: 0 3px 0 0;
		}
	
		.post .post-title a.comment_total_link .comment_icon {
			display: block;
			float: left;
			width: 15px;
			background: url(../images/site/icon_comment-right.jpg) no-repeat 0 1px;
			text-indent: -9999em;
			overflow: hidden;
		}

		.post .post-title h2 {
			width: 430px;
			float: left;
		}
	
		.post .post-title h3 {
			clear: both;
		}
	/* ----------------------------------------------------------------------------- */
	
	.post h2 {
		margin: 7px 0 2px 0;
		padding: 0;
		font: normal bold 17px/normal "Helvetica", sans-serif;
		color: #333;
	}
	
		.post h2 a:link,
		.post h2 a:visited {
			color: #333;
			text-decoration: none;
		}
		
		.post h2 a:hover,
		.post h2 a:active {
			color: #444;
			text-decoration: none;
		}
	
	.post h3 {
		margin: 0;
		padding: 0;
		font: normal normal 13px/13px "Helvetica", sans-serif;
		color: #8c8b80;
	}
	
		.post h3 a:link,
		.post h3 a:visited {
			color: #8c8b80;
			text-decoration: none;
			font-weight: normal;
		}
		
		.post h3 a:hover,
		.post h3 a:active {
			color: #65645c;
			text-decoration: none;
			font-weight: normal;
		}
	
	.post p {
		margin: 12px 0 20px 0;
		padding: 0;
		font: normal normal 12px/20px "Helvetica", sans-serif;
		color: #111;
	}
	
	.post a {
		font-weight: bold;
		text-decoration: underline;
	}

	.post a:link,
	.post a:visited {color: #583a1d;}

	.post a:hover,
	.post a:active {color: #82582e;}
	
	.blog_photo {
		margin: 15px 15px 15px 0;
		float: left;
	}
	
	.post-photo {
		margin: 0;
		padding: 1px;
		border: solid 1px #cecdbc;
		display: block;
	}
	
	.post .post-author {
		font: italic normal 14px/20px "Helvetica", sans-serif;
		color: #8c8b80;
	}
	
	.post-wrap .post img.left {
		float: left;
		margin: 15px 15px 15px 0;
		padding: 1px;
		border: solid 1px #cecdbc;
		display: block;
	}
	
	.post-wrap .post img.right {
		float: right;
		margin: 15px 0 15px 15px;
		padding: 1px;
		border: solid 1px #cecdbc;
		display: block;
	}
	
	.post-wrap .post img.full {
		width: 460px;
		float: none;
		margin: 15px 0;
		padding: 1px;
		border: solid 1px #cecdbc;
		display: block;
	}
	
	/*
	.post-author:before {
		content: "\2014\A0\A0"; (—    )
	}
	*/
	
	.required {
		font-weight: bold;
		color: #b14720;
	}
	
	p.disclaimer {
		font-size: 11px;
		line-height: 14px;
		font-style: italic;
		color: #6e6d62;
	}
	
	#guide-version-btns {
		height: 100%;
		margin: 12px 0 0 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}
	
		#guide-version-btns li {
			margin: 0 10px 0 0;
			padding: 0;
			float: left;
		}
	
			#guide-version-btns li a.btn_guide-version {
				width: 68px;
				height: 29px;
				margin: 0;
				padding: 0;
				border: 0;
				font: normal normal 12px/29px "Georgia", serif;
				text-decoration: none;
				text-align: center;
				color: #24180c;
				display: block;
				background: url(../images/site/btn_guide-type.jpg) repeat-y top left;
			}
	
			#guide-version-btns li a.btn_guide-version:link,
			#guide-version-btns li a.btn_guide-version:visited {
				color: #24180c;
			}
	
			#guide-version-btns li a.btn_guide-version:hover,
			#guide-version-btns li a.btn_guide-version:active {
				color: #735e48;
				text-decoration: none;
			}
	
			#guide-version-btns li a.selected,
			#guide-version-btns li a.selected:visited,
			#guide-version-btns li a.selected:hover {
				color: #24180c;
				text-decoration: none;
				background: url(../images/site/btn_guide-type.jpg) repeat-y bottom right;
			}
			
	#more-blogs {
		margin: 0 0 0 16px;
		padding: 0;
		list-style: none;
	}
	
	#more-blogs li {
		margin: 0 0 4px 0;
		padding: 0;
	}


/* 3.1.3.1. Form
----------------------------------------------------------------------------- */
.post form fieldset ol {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

	.post form fieldset ol li {
		margin: 0 0 12px 0;
		padding: 0;
		overflow: hidden;
		clear: both;
	}
	
	.post form fieldset ol li#email_list_section {
		margin: 24px 0 0 0;
		padding: 16px 0 12px 0;
		overflow: hidden;
		border-top: #c3c2b2 solid 1px;
	}
	
		.post form fieldset ol li ul {
			height: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
			list-style: none;
			float: left;
		}
		
			.post form fieldset ol li ul li {
				margin: 0 0 6px 0;
				padding: 0;
				overflow: hidden;
			}
			
				.post form fieldset ol li ul li label {
					width: auto;
					margin: 0;
					padding: 1px 0 0 4px;
					display: block;
					float: left;
					font: normal bold 12px/normal "Helvetica", sans-serif;
					color: #333;
				}
	
		.post form fieldset ol li label {
			width: 140px;
			margin: 0;
			padding: 8px 0 0 0;
			display: block;
			float: left;
			font: normal bold 12px/normal "Helvetica", sans-serif;
			color: #333;
		}
			
			.field-instructions {
				width: 100%;
				margin: 2px 0 0 0;
				padding: 0;
				display: block;
				font: italic normal 11px/normal "Helvetica", sans-serif;
				color: #333;
			}
			
			.post form fieldset ol li label .field-instructions {
				width: 120px;
			}
		
		.post form fieldset ol li .label {
			width: auto;
			margin: 0;
			padding: 0 0 12px 0;
			font: normal bold 12px/normal "Helvetica", sans-serif;
			color: #333;
			display: block;
		}
		
		.post form fieldset ol li input.text,
		.post form fieldset ol li select,
		.post form fieldset ol li textarea {
			width: 300px;
			padding: 3px 5px;
			float: left;
			background: #fff;
			border: 1px solid;
			border-color: #aaa #ccc #ccc #aaa;
			/*font: normal normal 16px/normal "Helvetica", sans-serif;
			color: #666;*/
		}
		
			.post form fieldset ol li select#story-categories {
				height: 200px;
			}
		
		.post form fieldset ol li input.checkbox {
			width: auto;
			padding: 0;
			float: left;
			background: transparent;
			border: 0;
			vertical-align: middle;
		}
		
		.post form fieldset ol li input.radio {
			width: auto;
			padding: 0;
			float: left;
			background: transparent none;
			border: 0;
		}
		
		.post form fieldset ol li select optgroup {
			font: normal bold 12px/normal "Helvetica", sans-serif;
			color: #111;
			padding: 4px 0;
		}
		
		.post form fieldset ol li select optgroup option {
			font: normal normal 16px/normal "Helvetica", sans-serif;
			color: #666;
			padding: 0 0 0 16px;
		}
		
		.post form fieldset input.submit_btn {
			width: auto;
			margin: 0;
			padding: 0;
			background: none;
			border: 0;
			clear: both;
		}
		
		#entryform .submit_btn {
			margin: 20px 0 0 140px;
		}
		
		p.field-message {
			width: 320px;
			margin: 0 0 6px 140px;
			padding: 0;
			display: block;
			font: normal bold 12px/normal "Helvetica", sans-serif;
			color: #333;
		}
		
			.field-message a:link,
			.field-message a:visited,
			.field-message a:hover,
			.field-message a:active {
				text-decoration: none;
			}
	
/* 3.1.4. Post Footer
----------------------------------------------------------------------------- */

#facebook-like {
	position: relative;
	width: 460px;
	margin: 0 0 50px 58px;
	padding: 0;
	border-bottom: solid 1px #c3c2b2;
	clear: both;
	font: normal normal 11px/18px "Helvetica", sans-serif;
	color: #111;
	overflow: hidden;
}

.post-footer {
	position: relative;
	width: 460px;
	margin: 0 0 15px 58px;
	padding: 0;
	border-bottom: solid 1px #c3c2b2;
	clear: both;
	font: normal normal 11px/18px "Helvetica", sans-serif;
	color: #111;
	overflow: hidden;
}

	.post-footer .comment-rating-wrap {
		position: relative;
		width: 460px;
		margin: 0 0 8px 0;
		padding: 0;
		overflow: hidden;
	}
	
	.post-footer .comment-count-wrap {
		width: 160px;
		margin: 0 0 15px 0;
		padding: 0;
		overflow: hidden;
		float: left;
		background: url(../images/site/icon_comment.jpg) no-repeat 0 1px;
	}
		
		.post-footer .comment-count-wrap a {
			margin: 0;
			padding: 0 0 0 20px;
			background: url(../images/site/icon_comment.jpg) no-repeat 0 1px;
			display: block;
			color: #111;
			text-decoration: none;
		}
	
		.post-footer .comment-count-wrap a:hover {
			color: #666;
			text-decoration: none;
		}
			
	/*  styles for the unit rater
	--------------------------------------------------------- 
	ryan masuga, masugadesign.com
	ryan@masugadesign.com 
	Licensed under a Creative Commons Attribution 3.0 License.
	http://creativecommons.org/licenses/by/3.0/
	See readme.txt for full credit details.
	--------------------------------------------------------- */

	.post-footer .ratingblock {
		position: relative;
		width: 300px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: right;
	}
			
		.post-footer .ratingblock p {
			text-align: right;
			clear: both;
		}

	.post-footer .loading {
		height: 30px;
		background: url(../images/site/working.gif) 50% 50% no-repeat;
	}

	.post-footer ul.unit-rating {
		position: relative;
		height: 20px;
		margin: 0;
		padding: 0;
		background: url(../images/site/starrating.jpg) top left repeat-x;
		list-style:none;
		float: right;
	}

		.post-footer .unit-rating li{
		    text-indent: -90000px;
			padding: 0;
			margin: 0;
			/*\*/
			float: left;
			/* */
		}

		.post-footer .unit-rating li a {
			position: absolute;
			width: 20px;
			height: 20px;
			padding: 0;
			display: block;
			text-decoration: none;
			text-indent: -9000px;
			outline: none;
			z-index: 20;
		}

		.post-footer .unit-rating li a:hover{
			background: url(../images/site/starrating.jpg) left center;
			z-index: 2;
			left: 0px;
		}

		.unit-rating a.r1-unit {left: 0px;}
		.unit-rating a.r1-unit:hover {width:20px;}
		.unit-rating a.r2-unit {left:20px;}
		.unit-rating a.r2-unit:hover {width: 40px;}
		.unit-rating a.r3-unit {left: 40px;}
		.unit-rating a.r3-unit:hover {width: 60px;}
		.unit-rating a.r4-unit {left: 60px;}	
		.unit-rating a.r4-unit:hover {width: 80px;}
		.unit-rating a.r5-unit {left: 80px;}
		.unit-rating a.r5-unit:hover {width: 100px;}
		.unit-rating a.r6-unit {left: 100px;}
		.unit-rating a.r6-unit:hover {width: 120px;}
		.unit-rating a.r7-unit {left: 120px;}
		.unit-rating a.r7-unit:hover {width: 140px;}
		.unit-rating a.r8-unit {left: 140px;}
		.unit-rating a.r8-unit:hover {width: 160px;}
		.unit-rating a.r9-unit {left: 160px;}
		.unit-rating a.r9-unit:hover {width: 180px;}
		.unit-rating a.r10-unit {left: 180px;}
		.unit-rating a.r10-unit:hover {width: 200px;}

		.unit-rating li.current-rating {
			position: absolute;
			height: 20px;
			background: url(../images/site/starrating.jpg) left bottom;
			display: block;
			text-indent: -9000px;
			z-index: 1;
			}

		.voted {color:#999;}
		.thanks {color:#36AA3D;}
		.static {color:#5D3126;}
			
		.post-footer ul.bookmarks {
			position: relative;
			width: 461px;
			height: 100%; /* for IE6 */
			margin: 0 0 15px 0;
			padding: 0;
			overflow: hidden;
			text-align: left;
			clear: both;
			list-style: none;
		}
		
		.post-footer ul.bookmarks li {
			margin: 0 12px 0 0;
			padding: 0;
			float: left;
		}
		
/* 3.1.5. Read Comments
----------------------------------------------------------------------------- */

#read-comments,
#preview-comment {
	position: relative;
	width: 460px;
	margin: 0 0 50px 58px;
	padding: 0 0 0 0;
	border-bottom: solid 1px #c3c2b2;
	overflow: hidden;
	clear: both;
	font: normal normal 12px/18px "Helvetica", sans-serif;
	color: #111;
}

	#read-comments h2,
	#preview-comment h2 {
		height: 100%; /* for IE6 */
		margin: 7px 0 0 0;
		padding: 0 0 2px 0;
		font: normal bold 17px/normal "Helvetica", sans-serif;
		color: #333;
		border-bottom: solid 1px #c3c2b2;
		overflow: hidden;
	}
	
		#read-comments h2 span {
			float: left;
		}
	
		#read-comments h2 a {
			font: normal normal 11px/18px "Helvetica", sans-serif;
			color: #111;
			float: right;
			padding: 0;
		}
	
			#read-comments h2 a:link,
			#read-comments h2 a:visited {
				color: #111;
				text-decoration: none;
			}
	
			#read-comments h2 a:hover,
			#read-comments h2 a:active {
				color: #666;
				text-decoration: none;
			}
		
		#read-comments ol,
		#preview-comment ol {
			clear: both;
			list-style: none;
			overflow: hidden;
		}
			
		.comment-wrap {
			margin: 0;
			padding: 15px 10px;
			border-bottom: solid 1px #c3c2b2;
			overflow: hidden;
		}
		
		.comment-wrap:last-child,
		.no-border {
			border-bottom: 0;
		}
		
			.alt-comment {
				background: #ebead3;
			}
			
			.normal-comment {
				background: none;
			}
		
		.comment-wrap p {
			margin: 0;
			padding: 0;
		}
		
		.comment-wrap p a:link,
		.comment-wrap p a:visited {
			color: #111;
			text-decoration: underline;
		}

		.comment-wrap p a:hover,
		.comment-wrap p a:active {
			color: #666;
			text-decoration: underline;
		}
		
		p.by-line {
			margin: 10px 0 0 0;
			padding: 0;
			font: italic normal 10px "Arial", "Helvetica", sans-serif;
		}
		
		p.message {
			margin: 0 0 10px 0;
			padding: 0;
			color: #b14720;
			font-style: italic;
		}
			
/* 3.1.6. Post Comment
----------------------------------------------------------------------------- */

#post-comment {
	position: relative;
	width: 460px;
	margin: 0 0 50px 58px;
	padding: 0 0 15px 0;
	border-bottom: solid 1px #c3c2b2;
	clear: both;
	font: normal normal 12px/18px "Helvetica", sans-serif;
	color: #111;
}

	#post-comment h2 {
		margin: 7px 0 15px 0;
		padding: 0 0 2px 0;
		font: normal bold 17px/normal "Helvetica", sans-serif;
		color: #333;
		border-bottom: solid 1px #c3c2b2;
	}
	
	#post-comment form p {
		margin: 4px 0;
		padding: 0;
	}
	
	#post-comment form p label {
		display: block;
		font-weight: normal;
		font-size: inherit;
	}
	
	#post-comment form p.checkbox label {
		display: inline;
	}
	
	#post-comment form p input,
	#post-comment form p textarea {
		width: 448px;
		margin: 0 0 12px 0;
		padding: 3px 5px;
		background: #fff;
		border: 1px solid;
		border-color: #aaa #ccc #ccc #aaa;
	}
	
	#post-comment form p.checkbox input {
		width: auto;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		vertical-align: middle;
	}
	
	#post-comment form p#captcha-wrap {
		margin: 12px 0 0 0;
	}
	
	#post-comment form p #captcha-image {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
	}
	
	#post-comment form p #captcha-field {
		width: 128px;
		height: 22px;
		margin: 0;
		padding: 8px 5px 0 5px;
		font-size: 16px;
		float: left;
	}
	
	#post-comment form p#btn-wrap {
		clear: both;
	}
	
	#post-comment form p input#btn_submit-comment,
	#post-comment form p input#btn_preview-comment {
		width: auto;
		height: auto;
		margin: 15px 5px 0 0;
		padding: 0;
		border: 0;
	}
	
/* 3.1.7. Paginate
----------------------------------------------------------------------------- */

#paginate {
	position: relative;
	width: 460px;
	margin: 0 0 15px 75px;
	padding: 4px 0 20px 0;
	border-top: solid 1px #c3c2b2;
	font: normal normal 11px/20px "Helvetica", sans-serif;
	color: #333;
}

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

	#paginate a:hover,
	#paginate a:active {
		color: #777;
		text-decoration: none;
	}

	#paginate .left {
		float: left;
	}

	#paginate .right {
		float: right;
	}

/* 3.2. Sidebar
----------------------------------------------------------------------------- */

#sidebar {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: url(../images/site/bg_sidebar.jpg) no-repeat 0 0;
	float: left;
}

	#sidebar div.content-block {margin: 0 0 20px; padding: 0 15px;}

	#sidebar h2 {
		position: relative;
		width: 262px;
		height: 29px;
		margin: 0;
		padding: 0 4px;
		overflow: hidden;
		font: normal normal 16px/29px "Georgia", "Times New Roman", "Times", serif;
		color: #24180c;
		background: url(../images/site/bg_sidebar-header.jpg) no-repeat left bottom;
	}

		/*
		#sidebar #about h2 {background: url(../images/site/bg_header_about.jpg) no-repeat 0 0;}
		#sidebar #poll h2 {background: url(../images/site/bg_header_poll.jpg) no-repeat 0 0; margin: 12px 0 0 0;}
		#sidebar #newsletter h2 {background: url(../images/site/bg_header_newsletter.jpg) no-repeat 0 0; margin: 12px 0 0 0;}
		#sidebar #feed-subscribe h2 {background: url(../images/site/bg_header_newsletter.jpg) no-repeat 0 0; margin: 12px 0 0 0;}
		*/

		#sidebar .content-block p {
			margin: 0;
			padding: 8px 4px;
			font: normal normal 11px/18px "Helvetica", sans-serif;
			color: #222222;
		}

		#sidebar div ul {
			margin: 0 0 12px 0;
			padding: 0 15px;
			list-style: none;
		}

	#sidebar a {
		text-decoration: none;
		font-weight: bold;
	}

	#sidebar a:link,
	#sidebar a:visited {
		color: #222;
	}

	#sidebar a:hover,
	#sidebar a:active {
		color: #555;
	}
	
	/* Social Links */

	#sidebar #social-link-container {
		position: relative;
		width: 300px;
		height: 98px;
		margin: 0;
		padding: 0;
	}
	
	#sidebar #social-links {
		list-style: none;
		overflow: hidden;
		margin: 0 0 0 43px;
		padding: 31px 0 0;
	}
	
	.social {
		list-style: none;
		display: inline;
		padding: 0 3px;
		float: left;
	}

/* 3.2.1. Share Your Story Button
----------------------------------------------------------------------------- */

	#sidebar #btn_share-your-story {
		position: relative;
		width: 300px;
		height: 110px;
		margin: 0 0 10px;
		padding: 0;
		overflow: hidden;
		background: url(../images/site/btn_share-your-story.jpg) no-repeat 0 0;
	}
	
		#sidebar #btn_share-your-story a {
			width: 300px;
			height: 110px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			display: block;
			background: url(../images/site/btn_share-your-story.jpg) no-repeat 0 0;
			text-indent: -9999em;
		}

/* 3.2.2. Callouts
----------------------------------------------------------------------------- */
				
#callouts {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

	#callouts li {
		margin: 0;
		padding: 0;
		float: left;
	}

		#callouts li a {
			height: 90px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			display: block;
			text-indent: -9999em;
		}

		#callouts li#btn_getaway,
		#callouts li#btn_getaway a {background: url(../images/site/btn_callouts-getaway.jpg) no-repeat 0 0; width: 144px;}

		#callouts li#btn_guide,
		#callouts li#btn_guide a {background: url(../images/site/btn_callouts-guide.jpg) no-repeat 0 0; width: 154px;}
		
/* 3.2.3. Poll
----------------------------------------------------------------------------- */

#sidebar #poll form,
#sidebar #poll .pollWrapper {
	margin: 0 0 0 0;
	padding: 8px 4px;
	font: normal normal 11px/18px "Helvetica", sans-serif;
	color: #222;
}

#sidebar #poll .pollWrapper {
	margin: 0;
	padding: 0;
}

#sidebar #poll .pollQuestion {
	font-weight: bold;
}

#sidebar #poll .pollAnswerBlock {
	margin: 8px 2px 0;
}

#sidebar #poll .pollAnswer {
	margin: 4px 0 0 0;
}

#sidebar #poll label {
	font: normal normal 11px/18px "Helvetica", sans-serif;
	color: #222;
}

#sidebar #poll input {
	width: auto;
	margin: 0 6px 0 0;
	padding: 0;
	border: 0;
	background: transparent none;
}

#sidebar #poll input.pollButton {
	width: 57px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999em;
	cursor: pointer;
}

#sidebar #poll input#btn_vote {background: url(../images/site/btn_vote.jpg) no-repeat 0 0;}
#sidebar #poll input#btn_view {background: url(../images/site/btn_view.jpg) no-repeat 0 0;}

#sidebar #poll #poll-btn {
	position: relative;
	width: 57px;
	height: 28px;
	margin: 8px 0 0 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	display: block;
}

/* 3.2.4. Newsletter Signup
----------------------------------------------------------------------------- */
	
#sidebar #newsletter-signup label {
	display: none;
}

#sidebar #newsletter-signup #email_address_newsletter {
	position: relative;
	width: 187px;
	height: 12px;
	margin: 0 2px 0 0;
	padding: 8px;
	border: 0;
	overflow: hidden;
	float: left;
	background: url(../images/site/bg_newsletter-field.jpg) no-repeat 0 0;
	display: block;
	font: normal normal 11px "Arial", "Helvetica", sans-serif;
	color: #777;
}

#sidebar #newsletter-signup #newsletter-btn {
	position: relative;
	width: 57px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	float: left;
	display: block;
}

/* 4. Footer
----------------------------------------------------------------------------- */

#footer {
	position: relative;
	width: 560px;
	margin: 0 0 40px 0;
	padding: 40px 0 0 0;
	overflow: hidden;
	background: url(../images/site/bg_main-content-bottom.jpg) repeat-x 0 0;
}

	#footer p {
		margin: 0;
		padding: 0 15px;
		font: normal normal 10px/15px "Arial", "Helvetica", sans-serif;
		color: #493306;
	}
	
	#footer a {
		text-decoration: none;
	}
	
	#footer a:link,
	#footer a:visited {
		color: #620d0e;
	}
	
	#footer a:hover,
	#footer a:active {
		color: #620d0e;
		text-decoration: underline;
	}
	
/* 5. Misc
----------------------------------------------------------------------------- */
	
#search-message {
	position: relative;
	width: 460px;
	margin: 0 0 25px 75px;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #c3c2b2;
	font: normal normal 12px "Helvetica", sans-serif;
	color: #333;
}