/*
Theme Name: Travel Journal
Theme URI: n/a
Description: A vintage-themed design for a traveling blog.
Version: 1
Author: Jason LaRose
Author URI: http://jasonlarosedesign.com/

	Travel Journal v1

	This theme was designed and built by Jason LaRose, whose website you will find at http://jasonlarosedesign.com
*/


/* = UNIVERSAL STYLES ==================== */

	* { margin: 0; padding: 0; font-family: Georgia, Times, 'Times New Roman', serif; }
	
	html, body { font-size: 12px; line-height: 150%; color: #333; background: url(images/bg.jpg) repeat 50% 0; }



/* = LAYOUT STYLES ==================== */

	#wrapper { width: 100%; background: url(images/bg_header.jpg) no-repeat 50% 0; padding-top: 1px; }
	#wrapper-inner { width: 600px; margin: 0 auto; }
	#content { background: #ddc09c url(images/bg_content.jpg) no-repeat 50% 34px; border: 1px solid #231306; border-bottom: none; padding-bottom: 20px; }
	#header { height: 255px; }
		#header h1 { float: left; display: none; text-indent: -9000; }
	#footer { background: url(images/bg_footer.jpg) no-repeat 50% 0; padding-top: 1px; }

	
	.post-content { margin: 20px 40px; }
	.post-footer { margin: 0 40px; border-top: 1px solid #bc986c; font-size: 10px;  }
	.post-footer p { margin: 0px; }
	.post-footer p span { float: right; }
	
	.comments { margin: 20px 40px; }
	ol.commentlist li {  list-style: none; background: #d9b993 url(images/bg_comment.gif) repeat-y 145px 0; overflow: hidden; margin: 20px 0; }
	ol.commentlist li p { margin: 0 20px 0 145px; padding: 10px 0 10px 10px;   }
	.comment-author { float: left; padding: 10px; width: 125px; text-align: right; }
	.comment-text { float: left; width: 200px;  }




/* = ELEMENT STYLES ==================== */

	h1 {  font-size: 19px; margin: 20px 0; padding: 10px 0 0 40px; background: #c09e75 }
	h1 span { float: right; font-size: 10px; }
	h1 a { text-decoration: none; }
	h1 a:hover { text-decoration: underline; }
	h2 { color: #333; font-size: 14px; margin: 20px 0 10px 0; }
	ul, ol { margin: 20px; }
	p { margin: 20px 0; }
		p.pagination { margin: 5px 0 0 0; text-align: center; height: 20px; }
		p.pagination a, p.pagination span { padding: 0 2px; margin: 0 5px 0 0; }
		p.disclaimer, p.disclaimer a { color: #a48056; font-size: 10px; text-align: center; }
	a { color: #613812; }
	a:hover { text-decoration: none; }
	



/* = NAV STYLES ==================== */


	#nav {
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	background: url(images/bg_nav.jpg) repeat-x 0 0;
	border-top: 1px solid #8f4d13;
	border-bottom: 1px solid #422810;
	
}
	#nav ul {  margin: 0; list-style: none;  border-right: 1px solid #422810; float: left; }
	#nav ul a { padding: 7px 0; display: block; text-decoration: none; color: #b18524; border-right: 1px solid #8f4d13; border-left: 1px solid #422810;}
	#nav ul a:hover { color: #d9bc35; background: url(images/bg_nav-hover.jpg) repeat-x 0 0; }
	#nav ul li { width: 115px; text-align: center; float: left;  }
	#nav ul li ul { margin: 0; padding: 0; position: absolute; left: -999em; background: #59330f url(images/bg_subnav.jpg) repeat-x 0 0; border-top: 1px solid #422810; }
	#nav ul li ul a { padding: 3px 10px; border-top: 1px solid #8f4d13; border-bottom: 1px solid #422810;  border-right: none; text-align: left; }
	#nav ul li ul li { float: none; width: auto; }
	#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; }




/* = FORM STYLES ==================== */

	form { margin: 0 auto; width: 400px; }
	form ul { margin: 20px 0; }
	form ul li { list-style: none; margin: 0 0 20px 0; overflow: hidden; }
	form ul li ul { margin: 0 0 0 110px;  }
	form ul li ul li { margin: 0; }
	
	label { display: block; width: 100px; font-weight: bold; }
	label.description { text-align: right; margin-right: 10px; float: left; padding:0 0 1px;  }
	label.description span { font-size: 10px; font-weight: normal; }
	label.choice { font-weight: normal; display: inline; }
	
	input { color: #464646; }
	input.text { width: 250px; }
	input.checkbox { display: inline; }
	input.radio { display: inline; }
	input.submit { margin-left: 110px; }
	
	textarea { color: #464646; font-size: 12px; width: 250px; height: 100px; }
	
	select { color: #464646; width: 250px; }
	
	p img { background-color: none;}
	
	.alignleft, img.alignleft {float: left;margin-right:20px; background-color: none;}
.alignright, img.alignright {display: block;float: right;margin-left:20px;}
.aligncenter, img.aligncenter {margin-left:auto;margin-right:auto;display: block;clear: both;}