/*
Theme Name: BBQReview
Theme URI: 
Description: created for <a href="http://eatsbbq.com/">eatsbbq.com</a>. Review theme that can be customized to different genres.  
Version: 1.0
Author: Eats BBQ Crew
Author URI: http://eatsbbq.com/
TAGS: two-columns, right-sidebar, fixed-width, review
*/

.offScreen {
    position: absolute;
    left: -999em;
}
a{
	text-decoration: none;
}
body{
	background: url(img/bodyBG.jpg) top left repeat;
	font-family: Georgia, Serif;
	font-size: 62.5%;
}

/*Framework*/
#top{
	background: url(img/logo.png) left top no-repeat;
	height: 13em;
	margin: 0 auto;
	position: relative;
	width: 932px;
}
#top form{
	padding-top: 6em;
	text-align: center;
}
#top label{
	display: none;
}
#top input{
	background: url(img/search.png) left top no-repeat;
	border: 0;
	color: #CFB684;
	font-size: 2em;
	height: 28px;
	padding: 8px 40px 0 6px;
	width: 251px;
}
#top img{
	position: absolute;
	right: -15px;
	top: 0;
}

#main{
	margin: 0 auto;
	width: 932px;
}
#footer{
	margin: 0 auto;
	width: 932px;
}

#tableMid{
	background: url(img/tableMid.jpg) left top repeat-y;
}
#tableTop{
	background: url(img/tableTop.jpg) left top no-repeat;
}
#tableBottom{
	background: url(img/tableBottom.jpg) left bottom no-repeat;
	overflow: hidden;
	padding: 0 20px 20px;
}
#priNav{
	overflow: hidden;
}
#priNav li{
	float: left;
	height: 6em;
}
#priNav a{
	background: url(img/priNavStar.png) left 5px no-repeat;
	color: #6C491A;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 4.285em;
	padding: 0 10px 0 18px;
	text-transform: uppercase;
}
#priNav li.firstChild a{
background: none;
	padding-left: 0;
}

#mainLeft{
	float: left;
	width: 649px;
	padding-bottom: 71px;
	background: #FAF5EC url(img/postBottom.jpg) left bottom no-repeat;
}

.post, .page{
	padding: 45px 15px 0;
	background: url(img/postTear.png) left top no-repeat;
	clear: left;
}

.post.first{
	background-image: url(img/postTop.jpg);
	padding-top: 10px;
}
.post.search{
	background-image: none;
	padding-top: 20px;
}
.post ol{
	list-style-type: decimal;
	margin: 0 0 1.6em 1em;
}
.post ul{
	list-style-type: disc;
	margin: 0 0 1.6em 1em;
}
.post li{
	color: #555;
	font-size: 1.1em;
	line-height: 1.6em;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
#mainLeft h2{
	color: #630;
	float: left;
	font-size: 2.4em;
	line-height: 1.4em;
	width: 510px;
}
#mainLeft span{
	color: #555;
	font-size: 1.1em;
	line-height: 1.4em;
}
#mainLeft a{
	color: #630;
	text-decoration: underline;
}
#mainLeft .share{
	background: url(img/share.png) 5px 10px no-repeat;
	color: #630;
	float: right;
	height: 24px;
	margin: 15px 30px 0 0;
	padding-left: 17px;
}
#mainLeft .postInfo{
	clear: both;
	display: block;
	margin-bottom: 1.5em;
}
#mainLeft .comments{
	margin-left: 1em;
}
#mainLeft .locations{
	display: block;
	margin-bottom: 0.3em;
}
#mainLeft .post .alignright{
	float: right;
}
#mainLeft .post .alignleft{
	float: left;
}
#mainLeft .post .wp-caption{
	margin-left: 2em;
	margin-right: 2em;
}
#mainLeft .post .wp-caption img{
	border: 10px solid #2E1405;
}
#mainLeft p{
	color: #555;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}
#postNav a{
	color: #7A5530;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2em;
}

#mainRight{
	float: left;
	padding: 95px 0 0 20px;
	width: 220px;
}
#mainRight h3{
	border-bottom: 1px solid #B6995B;
	color: #7A5530;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.8em;
}
#mainRight ul{
	border-top: 1px solid #fff;
}
#mainRight .children {
	padding-left: .75em;
}
#mainRight a{
	color: #663300;
	font-size: 1.1em;
	line-height: 1.4em;
	text-decoration: underline;
}

#googleAd {
	padding-top: 2em;
	text-align: center;
}
#footer span{
	color: #E8C982;
	font-size: 1.1em;
	line-height: 3em;
}

/*Comments*/
#blogComments{
	background: url(img/postTear.png) left top no-repeat;
	padding-top: 56px;
}
#comments{
	background: #FAF5EC;
	padding: 0 10px 15px;
}
#comments h4 {
	color: #663300;
	font-size: 2em;
	line-height: 1.4em;
}
#comments ol{
	border-top: 1px solid #630;
	padding-bottom: 2.4em;
}
#comments li{
	background: #E6E7E9;
	border-bottom: 1px solid #630;
	padding: 10px;
}
#comments li.noBackground{
	background: none;
}
#comments label{
	display: block;
	font-size: 1.4em;
	line-height: 1.2em;
}
#comments input{
	width: 200px;
}
#comments input#submit{
	width: 150px;
}
#comments textarea{
	width: 500px;
}
#postNav{
	background: #FAF5EC;
	overflow: hidden;
	padding: 0 10px;
}
#postNav .alignleft{
	float: left;
	width: 200px;
}
#postNav .alignright{
	float: right;
	text-align: right;
	width: 200px;
}

/*404 page*/
.post.fourohfour{
	padding-bottom: 10px;
}
.fourohfour p{
	clear: left;
}
.post.article{
	padding-bottom: 10px;
}