/*
Theme Name: Urban Sasquatch 3.0
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version:3.0
Author: Chad Evans
Author URI: http://livemediastudios.net/



*/



/* Chad's stylesheets are powerd by Dr. Pepper slurpees and homemade deep dish pizza. */
/* CSS Reset
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family: Helvetica, Arial, Verdana sans-serif;
	color: #1e2328;
	font-size: 11pt;
	
}
div, p{	line-height: 22px; }
header,section,aside,article,footer,hgroup,time{display: block;}
.clear{clear: both;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.screen-reader-text{display: none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr{
display: none;
}

.alignleft{width: 48%; float: left;}
.alignright{width: 48%; float: right; text-align: right;}

/*body*/

body{
	background: #161A1C url(img/bg-body.jpg) top center no-repeat;
}

a{color: #008bb4; text-decoration: underline;}
a:hover{text-decoration: none;}

.god{width: 100%;}
.limbo{width: 979px; margin: 0 auto;}
/*header*/

header{
	position: relative;
	width: 100%;
	padding-top: 100px;
}


		header hgroup{
			position: relative;
			top:16px; 	
			width:1052px;
			margin: auto; padding: 40px 0 45px 0;
			background: url(img/logo.gif) 45px 15px no-repeat;
		}
	header h1, header h2{
		margin-left: 153px;
	}
	header h1{
		font-size: 26pt;
		color: #fff;
		text-transform: uppercase;
	}
	
	header h1 a{color: #fff; text-decoration: none;}
	
	header h2{
		font-size: 12pt;
		color: #008bb4;
		font-weight: normal;
		margin-top: 5px;
	}
nav{
	position: absolute;
	top: 0; left: 0;
	background: #12576c url(img/bg-nav.png) bottom left repeat-x;
	width: 100%;
}
	nav a{color: #008bb4; text-decoration: underline;}
	nav a:hover{text-decoration: none;}
	nav strong a{color: #fff; text-decoration: none; border: none;}

	nav ul{
		width: 1000px;
		margin: auto;
		position: relative;
		left: 15px;
	}
		
	
		nav ul li{
			float: left;
			width: 168px;
			padding: 20px 10px 20px 0;
			min-height: 70px;
		}
			nav ul li.home{width: 75px;}
			nav ul li.home, nav ul li.search-site{border-bottom: 2px solid #0e4d5f; padding-left: 0;}
			nav ul li.pizza{border-bottom: 2px solid #ae0000;}
			nav ul li.cooking{border-bottom: 2px solid #0064a7;}
			nav ul li.other{border-bottom: 2px solid #42b300;}
			nav ul li.contact{border-bottom: 2px solid #ffc000;}
			
			
			nav ul li ul{
				float: left;
				width: 168px;
				margin: 0;
				margin-left: -19px;
				padding: 0;
			}
			nav ul li ul li{
				float: left;
				width: auto;
				font-size: 8pt;
				margin: 0; padding: 0 0 0 3px;
				line-height: 10pt;
				min-height: 0;
			}
/*content*/
section{
	float: left;
}
#content{
	float: left;
	width: 610px;
	margin-right: 20px;padding: 20px 20px 0 20px;
	background-color: #fff;
	position: relative;
}
	#content h2{
		font-size: 20pt;
		margin-bottom: 20px;padding-bottom: 10px;
		border-bottom: 1px solid #a4a4a4;
	}
		
		#content h2#title-list{
			background: transparent url(img/title-thelist.gif) 0 0 no-repeat;
			width: 177px; height: 55px;
			border-bottom: none;
		}
	
	#content.thelist{
		background: #fff url(img/bg-list.gif) 0 0 repeat-y;
	}
	
	#content.thelist span{}
/*post*/

.post{
	float: left;
	width: 100%;
	padding-bottom: 10px; margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #a4a4a4;
}
	#content.thelist h2 span{display: none;}
	#content.thelist .post{
		border: none;

	}
		#archive .post{
			width: 295px;
			margin-right: 10px;
		}
		#archive .post p{
			width: 295px;
		}
		
		#archive .post .entry-meta{
			position: absolute;
			top: 325px; right: 15px;
			padding: 10px 0;
		}
		
		.entry-meta.top{
			position: relative;
			top: -17px;
		}
	.post h3, .post h3 a{
		font-size: 16pt;
		color: #B70000;
		text-decoration: underline;
		position: relative;
		z-index: 3;
		font-family: Georgia, Times New Roman, serif;
		margin-bottom: 10px;
	}
		
	.post h3 a:hover{
		text-decoration: none;
	}
	.post p{
		margin: 10px 0;
	}
	#content.thelist ul{margin: 0; padding: 0;}
	#content.thelist ul li{
		font-size: 16pt;
		margin: 5pt 0;
	}
	#content.thelist ul li {
		float: left;
		clear: both;
	}
	#content.thelist ul li strong{
		display: block;
		float: left;
	}
	#content.thelist ul li a.comments{
		float: left;
		font-size: 10pt;
		margin-left: 20px; margin-top: -5px;
		width: 24px;
		background-position: -55px 0;
		padding:2px 19px 0 0;
	}
	#content.thelist ul li a.comments{text-decoration: none;}
		
	.post .cal{
		width: 202px; height: 129px;
		position: absolute;
		top: 0; left: -66px;
	}
		.single .post .cal{
			top: 45px;
		}
	.post .cal.pizza{background: transparent url(img/wrap_red.png) top left no-repeat;}
		.post .cal.rate.pizza{background: transparent url(img/wrap-rate_red.png) top left no-repeat;}
		.post .cal.cooking{background: transparent url(img/wrap_green.png) top left no-repeat;}
		.post .cal.rate.cooking{background: transparent url(img/wrap-rate_green.png) top left no-repeat;}
		.post .cal.other{background: transparent url(img/wrap_blue.png) top left no-repeat;}
		.post .cal.rate.other{background: transparent url(img/wrap-rate_blue.png) top left no-repeat;}		
		.post .cal .date{
			width: 40px;
			color: #fff;
			font-size: 14pt;
			text-align: center;
			line-height: 6pt;
			margin-top:12px; margin-left: 12px;
			text-transform: uppercase;
			display: block;
		}
		
		.post .cal span{position: relative; top: 7px;}
		
	figure.excerpt_img {float: left; height: 200px; overflow: hidden;}
		
a.keep-reading{
	display: block;
	width: 105px;
	background: url(img/button-red.gif) top left no-repeat;
	color: #fff;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 0 0 0;
	}
a:hover.keep-reading{
	background: url(img/button-red.gif) bottom left no-repeat;
}			
.entry-meta{
	float: left; 
	width: 100%;
	margin: 5px 0 0 0; padding: 0;
}
	.entry-meta li{
		float: left;
		width: auto;
		margin: 0 5px 0 0; padding: 0;	
	}
	
	li.comment-link{
		float: right;
	}
		li.comment-link span{
			display: none;
		}
		
		a.comments{
			display: block;
			width: 78px; height: 30px;
			padding-right: 10px; padding-top: 1px;
			text-align: right;
			text-decoration: none;
			background: #fff url(img/meta-comment.gif) 0 -1px no-repeat;
			color: #008bb4;
		}
		a:hover.comments{
			background: #fff url(img/meta-comment.gif) 0 -31px no-repeat;	
			text-decoration: underline;
		}
		
		a.comments span{display: none;}
	a.email span, a.share span{display: none;}
	a.email{
	display: block;
	float: left;
	width: 68px; height: 25px;
	background: #fff url(img/meta-email.gif) 0 0 no-repeat;
	}
		.sidebar a.email{margin-bottom: 10px;}
	.stbutton {
		text-decoration: none;
		
		}
	.stbutton span.stbuttontext{
		font-size: 8pt;
		color: #a4a4a4;
		text-decoration: none;
		
	}
	.stico_default{background-position: left center;}
	.fb_share a{float: left; padding: 0; position: relative;}
	.FBConnectButton{height: 18px; padding: 0; margin: 0;}
	span.FBConnectButton_Text{float: left; display: block; height: 10px;font-size: 8pt; padding: 0;  margin-top: 0; font-weight: bold; position: relative;}
	.tweetmeme iframe{
		width: 65px; height: 20px;
		margin-top: 2px;
	}
.entry-author{
	float: left;
	width: 100%;
}
	.single .entry-author, .entry-comment-author{margin: 10px 0;}	
	.entry-comment-author{
		padding-left: 59px;
		background: #fff url(img/comment-arrow.gif) bottom left no-repeat;
	}
	.entry-author figure, .entry-comment-author figure{
		float: left;
		margin-right: 5px;
	}
	
	.entry-author p, .entry-comment-author p{
		position: relative;
		top: -3px;
		margin: 0; padding: 0;
		font-size: 10pt;
		line-height: 10pt;
		color: #A4A4A4;
	}
	.single .entry-author{margin-top: 0;}
	.entry-content{clear: both; float: left; margin: 0; padding:0;}
	.entry-comment-author p{margin-top: 2px;}
	.entry-comment-author cite{
		font-size: 9pt;
		font-style: normal;
		line-height: 0;
	}
	
	.entry-comment{
		border:2px solid #0F5063;
		border-top: none;
		background-color: #D0E6EC;
		padding: 10px;
		margin: -10px 0 0 0;
	}
	
	.commentlist li{
		margin: 20px 0;
	}
	
/*sidebar*/
div.sidebar{
	float: left;
	width: 300px;
	position: relative;
	left: 5px;
}
.sidebar span{display: none;}
.sidebar h3, .sidebar h4{color: #fff;}

.sidebar li{
	float: left;
	width: 100%;
	border-bottom: 1px solid #0f5063;
	margin-bottom: 10px;padding-bottom: 10px;
}
.sidebar #pizza-info{
	position: relative; 
	clear: both; float: left;
	padding-bottom: 10px; margin-bottom: 10px;
	}
.sidebar #pizza-info ul{
	float: left;
	margin-bottom: 20px;
}
	#pizza-info ul li{
		border: none;
		margin: 0; padding: 0;
		color: #a4a4a4;
	}
	#pizza-info h3{
		font-size: 12pt; line-height: 11pt;
		margin-bottom: 10px;
		width: 210px;
		
	}
	#pizza-info h4{
		margin-top: 5px;
		font-size: 10pt;
	}

a.twitter{
	background: url(img/icon-twitter.gif) left center no-repeat;
	color: #fff;
	padding: 5px 0 5px 30px;
	font-size: 9pt;
	text-decoration: none;
}

a.rss{
	background: url(img/icon-rss.gif) left center no-repeat;
	color: #fff;
	padding: 5px 0 5px 30px;
	font-size: 9pt;
	text-decoration: none;
}
a.print{
	background: url(img/icon-printer.gif) right top no-repeat;
	padding: 0 30px 4px 0;
	position: absolute;
	top: 0; right: 0;
}
form#subscribe input, form#subscribe input.button{
	float: left;
	margin-right: 5px;
}

	form#subscribe p{
		clear: both;
		color: #fff;
		background: url(img/icon-feedburner.gif) center right no-repeat;
		width: 150px;
		}
form label{display: none;}		
.sidebar .entry-meta{margin: 0 0 10px 0; padding: 0; position: relative; z-index: 4}
.sidebar .entry-meta li{
	border: none;
	margin: 0 10px 0 0; padding: 0;
}

.contact-form{
	float: left;
	margin: 15px 0; padding-bottom: 15px;
	border-bottom: 1px solid #0f5063;
}
	.contact-form li{
		border-bottom: none;
		margin: 0 0 5px 0; padding: 0;
	}
/*footer*/
footer{
	clear: both;
	float: left;
	width: 640px;
	padding: 20px;
	background-color: #05354B;
	color: #fff;
	position: relative;
	left: -10px;
	color: #fff;
}

/*form fields*/

form input.text, form textarea{
	padding: 4px;
	border: 3px solid #0f5063;
	position: relative;
	margin: 0;
}

form input.button{
	border: none;
	width: 105px;
	background: url(img/button-red-greenbg.gif) top left no-repeat;
	color: #fff;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0 4px 0;
	position: relative;
	top: 3px;
}

/*rating*/
p.rating{
	position: absolute;
	top: 38px; left: -30px;
	
}
	.single p.rating{
	top: 84px;
	}
p.rating span{display: none;}
	p.rating img{
		position: relative;
		z-index: 10;
	}
	
	p.rating img.s1{left: -10px; top: 5px;width: 20px;}
	p.rating img.s2{left: -5px; top: 0; width: 23px;}
	p.rating img.s3{left: -2px; top: -5px; width: 25px;}
	p.rating img.s4{top: -7px; width: 30px;}
	p.rating img.s5{top: -8px;width: 35px;}
	
#maphold{height: 300px;}
#map{position: absolute; right: -300px;}

#crumb{color: #a4a4a4; margin-left: 0; text-transform: uppercase; font-size: 7pt; position: relative; z-index: 12;}

/* comments */

.commentlist{
	float: left;
	width: 100%;
}
	li.comment{
		border-bottom: 1px solid #a4a4a4;
	}
	
	.comment-meta{
		font-size: 8pt;
	}

ol.ranking{
	list-style:decimal;
	position: relative;
	left: 20px;
	margin: 20px 0 10px 0;
}	
	ol.ranking li{margin: 10px 0;}
	ol.ranking li img{width: 25px;}

.contactform li{margin: 5px 0;}