/*  
Theme Name: Barley Blog 2.0
Theme URI: http://www.thebarleyblog.com/
Description: Layout CSS for The Barley Blog
Created: 06/23/2008
Last Modified: 08/12/2010
Version: 2.3
Author: Ray Henry
Author URI: http://www.reh3.com/
*/

/*
-----------------------------------------------------------------------------------------
Global Declarations
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;} /*--- Zero out everything ---*/
.clearer {clear:both;line-height:0;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", serif;font-weight:normal;}
del {color:#888;}

/*
-----------------------------------------------------------------------------------------
Layout Structure
-------------------------------------------------------------------------------------- */
body {background:#DFDFD1;background-attachment:fixed;font-family:Tahoma, verdana, arial, sans-serif;text-align:center;}
#container {position:relative;margin:20px auto; width:960px;text-align:left;background:#fff;border:1px solid #BFBFB3;box-shadow: 0 0 5px rgba(0,0,0,.25); -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);}
#masthead {position:relative;float:left;width:960px;height:422px;}

#content {float:left;margin:10px 0 20px 0;padding:0 29px 0 0;width:931px;background:#fff;}
#content #content-main {float:left;margin:10px;width:509px;}
#content #content-sub {float:left;margin:10px 0;width:402px;}

#footer {clear:both;margin:29px;padding:20px 0 0 0;background:#EFEFE0;border:1px solid #BFBFB3;}
	
/*
-----------------------------------------------------------------------------------------
MASTHEAD
-------------------------------------------------------------------------------------- */
#masthead h1 {
	float:left;
	width:960px;
	height:422px;
}
	#masthead h1 a {
		float:left;
		width:960px;
		padding:422px 0 0 0;
		overflow:hidden;
		background:url(images/brewery.png) no-repeat 0 0;
		height:0 !important;
		height /**/:422px; /* for IE5/Win only */
		text-indent:-5000px;
		text-decoration:none;
	}
#masthead #subscribe {
	position:absolute;
	top:10px;
	right:29px;
	font-size:11px;
	color:#5B5B4D;
}
/*----- Positioning for IE6 -----*/ 
* html #masthead #subscribe {
	position:relative;
	top:-412px;
	left:835px;
}
	#masthead #subscribe a:link, #masthead #subscribe a:active, #masthead #subscribe a:visited {
		padding:2px 0 2px 18px;
		color:#5B5B4D;
		background:url(images/feed.gif) no-repeat 0 0;
	}
	#masthead #subscribe a:hover {color:#B76129;}

/*
-----------------------------------------------------------------------------------------
CONTENT-MAIN
-------------------------------------------------------------------------------------- */
.post {
	float:left;
	padding:10px 0 0 0;
	width:509px;
}
	.meta {
		float:left;
		position:relative;
		margin:0 0 0 -20px;
		padding:8px 10px 10px 54px;
		width:465px;
		background:#B05B23 url(images/meta-bg.gif) no-repeat 0 0;
		border:1px solid #B05C24;
	}
		.page .meta #tweet {
			position:absolute;
			top:10px;
			right:10px;
			cursor:pointer;
		}
		.meta h2 {
			font-size:24px;
			color:#fff;
			line-height:1;
			text-shadow:1px 1px #B35F26;
		}
			#content-main .meta h2 a:link, #content-main .meta h2 a:active, #content-main .meta h2 a:visited {
				color:#EFEFE0;
				text-decoration:none;
			}
			#content-main .meta h2 a:hover {color:#fff;}
		.meta p {
			margin:0;
			font-size:11px;
			color:#F1E6D3;
		}
			.meta a:link, .meta a:active, .meta a:visited {color:#F1E6D3;}
			.meta a:hover {color:#fff;}
	.entry {
		float:left;
		padding:20px 0 10px 35px;
		width:454px;
	}
		.entry a:link, .entry a:active, .entry a:visited {color:#B76129;}
		.entry a:hover {color:#802E01;}
		.entry h4, .entry p, .entry ul, .entry ol {
			margin:0 0 26px 0;
			font-size:13px;
			color:#444444;
			line-height:1.35;
		}
			.entry p {margin:0 0 19px 0;}
			.entry p.archivePost {margin:0;}
				.entry p.archivePost a {font-size:14px;}
			.entry p.utwtags {
				font-size:10px;
				text-transform:uppercase;
			}
			.entry p span.archiveDate {font-size:11px;color:#999;}
			.entry p a.footnote {font-size:9px;vertical-align:super;text-decoration:none;}
			.entry p.source {font-size:11px;color:#999;line-height:1.2;}
		.entry h4 {
			margin:0;
			font-size:16px;
			text-transform:uppercase;
			color:#829C39;
		}
		.entry ul {margin:0 10px 26px 29px;}
		.entry ol {
			margin:0 10px 26px 29px;
			padding:0 0 0 10px;
		}
			.entry ul li, .entry ol li {margin:5px 0;}
		.entry .sample {clear:both;margin:10px 0;padding:1px;text-align:center;border:1px solid #ddd;}
		.entry .sample cite {display:block;padding:10px 0;font-size:11px;color:#999;}

/* Styles for Recipes */
		.entry .recipe ul {
				margin: 0 10px 10px 0;
				list-style:none;
				font-size:12px;
				color:#2E2714;
			}
				.entry .recipe ul li {
					margin:5px 0;
					padding:5px 0 5px 18px;
					border-top:1px solid #ddd;
				}
			.entry .recipe ol {
				margin:0 20px 10px 18px;
				font-size:12px;
				color:#870A05;
			}
				.entry .recipe ol li {margin:10px 0;}
				.entry .recipe ol li span {color:#2E2714;}
		.entry blockquote {
			margin:0 0 20px 0;
			padding:5px 20px;
			border-left:3px solid #ddd;
		}
			.entry blockquote p {
				margin:15px 0;
				color:#666;
				font-family:georgia, serif;
				font-size:14px;
				font-style:italic;
				line-height:1.35;
			}
				.entry blockquote p span {
					display:block;
					font-size:11px;
					color:#999;
				}
.entry em {
	font-style:normal;
	background:#FFFFE0;
}
.entry .bb-p {margin:10px 0;padding:1px;border:1px solid #ddd;width:450px;}
.entry .bb-p span {display:block;margin:5px;font-size:11px;color:#999;}
ul.btw {
	list-style:none;
	float:left;
	margin:10px 0 0 -10px;
	padding:10px 10px 0 45px;
	width:463px;
	font-size:12px;
	color:#827D72;
	background:#F9FAF1 url(images/notes-bg.gif) no-repeat 10px 10px;
	border:1px solid #ECF0D6;
	border-left:none;
}
* html ul.btw {position:relative;left:-10px;}
	ul.btw li {margin:0 0 16px 0;}
	#content-main ul.btw a:link, #content-main ul.btw a:active, #content-main ul.btw a:visited {color:#A0B430;}
	#content-main ul.btw a:hover {color:#7A8829;}
#content-older, #content-comments, #comment-form {float:left;}
	#content-older .meta h2 {color:#7C7C7C;}
	#content-older ul {
		margin:0 0 26px 0;
		list-style:none;
	}
.postSocial {float:left;padding:0 10px 10px;width:489px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.postSocial p.title {margin:10px 0 5px 0;font-size:14px;color:#666;}
.postSocial #tweet {float:left;width:110px;}
.postSocial #plusone {float:left;width:auto;}
#archive-ad {
	float:left;
	margin:10px 0;
	padding:10px 0;
	text-align:center;
}
/*
-----------------------------------------------------------------------------------------
CONTENT-SUB
-------------------------------------------------------------------------------------- */
#sub-about {
	float:left;
	margin:10px 0;
	padding:20px;
	width:360px;
	border:1px solid #E5D9AF;
	background:#FAF7EE;
}
	#content.page #sub-about {display:none;}
.sub-column {
	float:left;
	margin:10px 0 0 0;
	width:200px;
	border-left:1px solid #E9E9E9
}
#content-sub h4 {
	font-size:16px;
	color:#A88023;
}
#content-sub p {
	margin:10px 0;
	font-size:12px;
	color:#616155;
}
#content-sub ul {
	margin:10px 0;
	list-style:none;
	font-size:12px;
}
	#content-sub ul li {margin:0 0 5px 0;}
	#content-sub ul.recent li {margin:10px 0 20px 0;}
	#content-sub li#linkcat-12 {list-style-type:none;}
	#content-sub li#linkcat-12 ul li {margin:5px 0;}
	#content-sub ul#sub-cats li {
		padding:8px 0 5px 20px;
		background:url(images/icon-doc.gif) no-repeat 0 8px;
		border-top:1px solid #e9e9e9;
	}
#content-sub a:link, #content-sub a:active, #content-sub a:visited {
	color:#CF7D39;
	text-decoration:none;
}
#content-sub a:hover {
	color:#B15D24;
	text-decoration:underline;
}
.sub-section {
	float:left;
	padding:12px;
	width:176px;
	border-top:1px solid #e9e9e9;
}
	.sub-section#sub-search {background:#F7F8F0;}
	.sub-section form input.s {
		float:left;
		margin:10px 0 0 0;
		padding:5px;
		width:164px;		
		border:1px solid #B1BF6C;
		color:#444;
	}
	.sub-section form input.searchsubmit {
		float:right;
		margin:3px 0 0 0;
		padding:5px;
		background:#B1BF6C;
		font-size:11px;
		color:#fff;
		font-weight:bold;
		border:1px solid #9AA856;
	}
	.sub-section#projects div {
		padding:10px 0;
		border-bottom:1px solid #e9e9e9;
	}
#brew-widget {
	float:left;
	padding:10px;
	width:380px;
	background:#373737;
}
	#brew-widget img {
		float:left;
		margin:0 5px 0 0;
	}
	#brew-widget #brew-s-widget-s {
		float:left;
		margin:0 5px 0 0;
		padding:3px;
		width:165px;
		border:1px solid #fff;
	}
	#content.page #brew-widget {margin:10px 0 0 0;}
#twtr-search-widget {margin:20px 0;}
#content-sub #twtr-search-widget h4 {color:#fff;}

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

#content-comments h3 {
	padding:10px;
	color:#fff;
	background:#B05B23;
}
#content-comments .comment {
	float:left;
	margin:10px 0
	width:509px;
	border-bottom:1px solid #ddd;
}
#content-comments .cite {
	padding:5px 10px;
	font-size:12px;
	background:#F9FAF1;
}
#content-comments .cite p {
	font-size:11px;
	color:#999;
}
#content-comments .cite h4 {
	font-size:14px;
	color:#B05B23;
}
#content-comments .comment a:link, #content-comments .comment a:active, #content-comments .comment a:visited {color:#B05B23;}
#content-comments .comment a:hover {color:#A88023}
#content-comments .entry {
		padding:0 0 0 10px;
		width:454px;
	}
#commentform {
	padding:10px;
	background:#F9FAF1;
}

	#commentform label {
		margin:5px 0;
		display:block;
		font-size:12px;
		color:#444;
	}
		#commentform label input, #commentform textarea {
			display:block;
			margin:2px 0;
			padding:2px;
			color:#444;
			border:1px solid #829C39;
		}
		#commentform label input {width:225px;}
		#commentform textarea {width:419px;}
			#commentform input#submit {
				float:right;
				margin:5px 0 0 0;
				padding:5px 3px;
				background:#829C39;
				font-size:11px;
				font-weight:bold;
				color:#fff;
				border:0;
			}
	
/*
-----------------------------------------------------------------------------------------
PAGINATION
-------------------------------------------------------------------------------------- */
.wp-pagenavi {
	clear:both;
	margin:0;
	padding:10px 0;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	font-size:12px;
	text-align:center;
}
	.wp-pagenavi span.pages {
		margin:2px;
		padding:2px 4px;
		color:#444;
		font-weight:bold;
	}
	.wp-pagenavi span.current {
		margin:2px;
		padding:2px 4px;
		color:#444;
		font-weight:bold;
	}
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
		margin:2px;
		padding:2px 4px;
		color:#B76129;
		text-decoration:none;
	}
	.wp-pagenavi a:hover {color:#802E01;}
	
/*
-----------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------- */
#footer h5 {
	clear:both;
	float:left;
	margin:0 0 0 100px;
	font-size:16px;
	color:#827D72;
}
* html #footer h5 {margin:0 0 0 50px;}
#footer ul {
	clear:both;
	float:left;
	margin:0 0 20px 100px;
	list-style:none;
	font-size:12px;
}
* html #footer ul {margin:0 0 20px 50px;}
	#footer ul li {
		float:left;
		margin:5px 8px 5px 0;
		padding:0 8px 0 0;
	}
		#footer #category ul li {
			padding:0 10px 0 0;
			border-right:1px solid #D5D5CB;
		}
		#footer #category ul li:last-child {border:none;}
	#footer a:link, #footer a:active, #footer a:visited {
		color:#827D72;
		text-decoration:none;
	}
	#footer a:hover {color:#B15D24;text-decoration:underline;}
#category, #monthly {padding:0 16px;}
#copyright {
	float:left;
	width:880px;
	padding:10px;
	background:#BFBFB3;
	text-align:center;
	font-size:12px;
	color:#F0F0E6;
}
	#footer #copyright a {color:#f0f0e6;}
#barley-footer {
	position:absolute;
	bottom:0;
	left:-69px;
	width:218px;
	height:302px;
	background-image:url(images/barley.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
/*----- PNG Fix for IE6 -----*/
* html #barley-footer {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=http://www.thebarleyblog.com/wp-content/themes/barley/images/barley.png);
}