/*  
Theme Name: Barley Blog
Theme URI: http://www.thebarleyblog.com/
Description: Layout CSS for The Barley Blog
Created: 12/06/2006
Last Modified: 10/05/2007
Version: 1.4
Author: Ray Henry
Author URI: http://www.reh3.com/
*/

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

/*
-----------------------------------------------------------------------------------------
Layout Structure
-------------------------------------------------------------------------------------- */
body {
	background:#212121;
	background-attachment:fixed;
	font-family:Tahoma, verdana, arial, sans-serif;
	text-align:center;
}
#container {
	position:relative;
	margin: 0 auto; 
	width:960px;
	text-align:left;
	background:#fff;
}
#masthead {
	position:relative;
	float:left;
	width:960px;
	height:422px;
}
#content {
	float:left;
	margin:0 0 29px 0;
	padding:0 29px;
	width:902px;
	background:url(images/bb_content_bg.gif) repeat-y 0 0;
}
	#content-sub {
		float:left;
		padding:20px;
		width:169px;
		background:#F0F0E6;
		border:1px solid #d0d0c4;
		border-bottom:0;
	}
	#content-main {
		float:left;
		width:691px;
	}
	* html .hp #content-sub {float:right;padding:20px 13px;border:0;}
#footer {
	position:relative;
	clear:both;
	margin:29px;
	padding:20px 0 0 0;
	border-top:2px solid #6A6A6A;
}
	
/*
-----------------------------------------------------------------------------------------
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-SUB
-------------------------------------------------------------------------------------- */
#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:5px 0;}
	#content-sub ul.recent li {margin:10px 0 20px 0;}
	#content-sub li#linkcat-2 {list-style-type:none;}
#content-sub li#linkcat-2 ul li {margin:10px 0;}
#content-sub a:link, #content-sub a:active, #content-sub a:visited {color:#616155;}
#content-sub a:hover {color:#B76129;}
.sub-section {
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #fff;
}
.sub-section form {
	margin:10px 0 0 0;
	padding:0;
}
	.sub-section form input.s {
		float:left;
		margin:0 2px 0 0;
		padding:5px;
		width:120px;		
		border:1px solid #A88023;
		color:#7C7C7C;
	}
	.sub-section form input.searchsubmit {
		padding:6px 5px 7px 5px;
		border:0;
		background:#A88023;
		font-size:11px;
		color:#F0F0E6;
		font-weight:bold;
	}
	
/*
-----------------------------------------------------------------------------------------
CONTENT-MAIN
-------------------------------------------------------------------------------------- */
#content-main a:link, #content-main a:active, #content-main a:visited {color:#B76129;}
#content-main a:hover {color:#802E01;}
.post {
	float:left;
	padding:10px 29px 0 0;
	width:662px;
}
.hp .post {padding:10px 29px 20px 0;}
	.meta {
		float:left;
		width:211px;
	}
		.meta-data {
			padding:0 0 0 29px;
			min-height:35px;
			height:auto;
			background:url(images/bb_pint.gif) no-repeat 0 0;
			font-family:arial, verdana, sans-serif;
			font-size:11px;
			color:#D5926B;
		}
/*----- Min-height for IE6 -----*/ 
		* html .meta-data {height:35px;}
		.meta-comments {
			font-size:11px;
			color:#7C7C7C;
		}
			#content-main .meta a:link, #content-main .meta a:active, #content-main .meta a:visited {color:#D5926B;}
			#content-main .meta a:hover {color:#870A05;}
		.meta h2 {
			margin:10px 10px 10px 0;
			font-size:28px;
			color:#2E2714;
			line-height:30px;
		}
			#content-main .meta h2 a:link, #content-main .meta h2 a:active, #content-main .meta h2 a:visited {
				color:#2E2714;
				text-decoration:none;
			}
			#content-main .meta h2 a:hover {color:#870A05;}
		.meta-ad {
			margin:20px 10px 0 0;
			padding:10px 0;
			border-top:1px solid #f0f0e6;
		}
	.entry {
		float:left;
		padding:0 0 20px 0;
		width:451px;
		background:url(images/bb_separator.gif) no-repeat 50% bottom;
	}
		.single .entry {background:none;}
		.entry h4, .entry p, .entry ul, .entry ol {
			margin:0 0 26px 0;
			font-size:13px;
			color:#2E2714;
			line-height:19.5px;
		}
.entry p {margin:0 0 19px 0;}
.entry p.utwtags {
	font-size:10px;
	text-transform:uppercase;
}
		.entry h4 {
			margin:0;
			font-size:16px;
			text-transform:uppercase;
			color:#870A05;
		}
		.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;}
/* 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 p {
			margin:10px 0;
			padding:20px;
			color:#AF933A;
			font-family:georgia, serif;
			font-size:20px;
			line-height:1.4;
			border-bottom:1px solid #B76129;
			border-top:1px solid #B76129;
		}
.entry blockquote p span {
	display:block;
	font-size:11px;
	color:#999;
}
.entry em {
	font-style:normal;
	background:#FAF2D0;
}
ul.btw {
	list-style:none;
	float:left;
	margin:0 29px 10px 0;
	width:657px;
	font-size:12px;
	color:#827D72;
	background:#FAFAF6;
	border-left:5px solid #EFF1E4;
}
	ul.btw li {
		margin:10px 0 16px 0;
		padding:0 10px;
	}
	#content-main ul.btw a:link, #content-main ul.btw a:active, #content-main ul.btw a:visited {color:#94A24C;}
	#content-main ul.btw a:hover {color:#84973F;}
#content-older, #content-comments {
	float:left;
	padding:10px 0 0 0;
}
	#content-older .meta h2 {color:#7C7C7C;}
	#content-older ul {
		margin:0 0 26px 0;
		list-style:none;
	}

/*
-----------------------------------------------------------------------------------------
Comments
-------------------------------------------------------------------------------------- */	
/*----- Width for IE6 -----*/ 
	* html #content-comments {width:633px;}
#content-comments .comment {
	padding:10px 0 0 0;
	border-top:1px solid #B76129;
}
#content-comments .meta-data {
	padding:0;
	min-height:0;
	background:transparent;
}
/*----- Min-height for IE6 -----*/ 
	* html #content-comments .meta-data {height:auto;}
#commentform {
	padding:10px;
	width:424px;
	border: 3px solid #E4E2DE;
	background:#4D3F22;
}
/*----- Width for IE6 -----*/ 
	* html #commentform {width:394px;}
	#commentform label {
		margin:5px 0;
		display:block;
		font-size:12px;
		color:#fff;
	}
		#commentform label input, #commentform textarea {
			display:block;
			margin:2px 0;
			padding:2px;
			color:#6D6E71;
			border:1px solid #f0f0e6;
		}
		#commentform label input {width:225px;}
		#commentform textarea {width:419px;}
		/*----- Width for IE6 -----*/ 
			* html #commentform label input {width:200px;}
			* html #commentform textarea {width:400px;}
			#commentform input#submit {
				float:right;
				margin:5px 0 0 0;
				padding:5px 3px;
				background:#f0f0e6;
				font-size:11px;
				font-weight:bold;
				color:#A88023;
				border:0;
			}
	
/*
-----------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------- */
#footer h5 {
	clear:both;
	float:left;
	margin:0 211px 0 0;
	font-size:16px;
	color:#252525;
}
* html #footer h5 {
	margin:0 105px 0 0;
	width:650px;
}
#footer ul {
	clear:both;
	float:left;
	margin:0 211px 20px 0;
	list-style:none;
	font-size:12px;
}
* html #footer ul {
	margin: 0 105px 20px 0;
	width:650px;
}
	#footer ul li {
		float:left;
		margin:5px 10px 5px 0;
	}
	#footer a:link, #footer a:active, #footer a:visited {color:#7C7C7C;}
	#footer a:hover {color:#B76129;}
#copyright {
	float:left;
	width:882px;
	padding:10px;
	background:#DADAD6;
	text-align:center;
	font-size:12px;
	color:#7C7C7C;
}
#barley-footer {
	position:absolute;
	bottom:0;
	left:747px;
	width:218px;
	height:357px;
	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);
}