/*  
Theme Name: Pass the Relish
Theme URI: http://passtherelish.com
Description: relish's blog
Version: 1.0
Author: steve palmer
Author URI: http://relishinteractive.com

So begins an enchanted tale of how the lonely relish traveled through the haunted forest of CSS Hackery,
defeated the evil wizard Internet Explorzarus VI, and rescued the beautiful princess...
*/

body,html,img,ul,ol,li,form,input,select,h1,h2,h3,p,blockquote {
	border: none;
	margin: 0;
	padding: 0;
}

html {
	background: #4f832d url("images/html_bkg.gif") repeat-x top;
}

body {
	font: normal 13px/130% 'lucida grande', 'lucida sans unicode', 'lucida sans', verdana, arial, sans-serif;
	background: url("images/body_bkg.jpg") no-repeat top center;
	color: #fff;
	text-align: center;
	margin: 0 0 20px;
}

a {
	color: #fff000;
	text-decoration: none;
}

a:hover {
	border-bottom: solid 1px #729c57;
}

h2.pagetitle {
	font-weight: normal;
	margin: 15px 0 15px 170px;
	color: #c9f0ab;
	font-size: 150%;
}

h2.pagetitle em {
	color: #fff;
	font-style: normal;
}

.nobullet {
	list-style: none;
}

small {
	font-size: 85%; 
}

input {
	font: normal 85%/130% 'lucida grande', 'lucida sans unicode', 'lucida sans', verdana, arial, sans-serif;
}

/*********************************************
	page layout
*/

#page {
	text-align: left;
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#content {
	margin: 30px 0 0;
	float: left;
}

#content.narrowcolumn {
	width: 680px;
}

#sidebar {
	float: left;
	margin: -29px 0 0 10px;
	width: 220px;
	overflow: hidden;
}

#footer {
	clear: left;
	padding: 15px 0 70px;
	font-size: 85%;
}

/*********************************************
	header
*/

#header {
	width: 100%;
	height: 185px;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 87px;
	left: 0;
	width: 311px;
	height: 63px;
	overflow: hidden;
	background: url("images/header_logo.gif") no-repeat top left;
	text-indent: -9999px;
	z-index: 100;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#header h2 {
	position: absolute;
	top: 162px;
	left: 141px;
	text-transform: lowercase;
	color: #8cb742;
	width: 510px;
	font-size: 117%;
}

#header h2 a {
	color: #a2cf54;
}

#header #relish-heads {
	width: 620px;
	height: 150px;
	position: absolute;
	top: 0;
	right: 0;
}

/*********************************************
	post
*/

.post {
	margin: 0 0 35px;
}

.post .header,
.post .body {
	padding: 0 0 0 170px;
	border-bottom: solid 1px #729c57;
}

.post .header .comments {
	float: left;
	width: 152px;
	margin: 4px 0 0 -170px;
	_margin-left: -85px;
	font-size: 85%;
}

.post .header .comments a {
	float: right;
	display: block;
	width: 89px;
	height: 28px;
	text-align: center;
	padding: 1px 0 3px;
	color: #fff;
	background: url("images/comments_bubble.gif") no-repeat top center;
	border: none;
}

.post h2 {
	font-size: 225%;
	line-height: 100%;
	font-weight: normal;
	padding: 0 0 8px;
	letter-spacing: -1px;
	color: #8cb742;
}

.post h2 a:hover {
	border: none;
}

.post .body .postmetadata {
	float: left;
	width: 150px;
	margin: 24px 0 0 -170px;
	_margin-left: -85px;
	font-size: 85%;
	text-align: right;
	color: #c9f0ab;
}

.post .author {
	font: italic 100% georgia, "times new roman", serif;
	color: #c9f0ab;
	padding: 0;
}

.post .body .entry {
	border-top: solid 7px #558d31;
	padding: 6px 0 20px;
}

.entry p {
	margin: 0.8em 0;
}

.entry ul,
.entry ol {
	padding: 0 0 0 30px;
}

.entry ul.nobullet {
	padding: 0;
}

.entry blockquote {
	padding: 0 20px;
}

.navigation {
	margin: 25px 0 15px;
	overflow: hidden;
}

.navigation .alignleft {
	float: left;
}

.navigation .alignright {
	float: right;
}

SPAN.comments {
	background: url("images/comments_bubble_sm.gif") no-repeat top center;
	font-size: 85%;
	padding: 1px 8px 5px;
	margin: 0 0 -3px;
	color: #fff;
	text-align: center;
}

SPAN.comments A {
	color: #fff;
}

/*********************************************
	page
*/

.page .entry {
	padding: 15px 0 15px 170px;
	border-top: solid 1px #729c57;
}


.page.author {
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 100px;
}

.page.author .profile,
.page.author .posts {
	margin: 0 0 40px;
}


.page.author .posts h3 {
	font-size: 120%;
	padding-bottom: 8px;
	border-bottom: solid 1px #729c57;
}

.page.author .posts ul {
	list-style: none;
	margin: 9px 0;
	padding: 0;
}

.page.author .posts ul li {
	margin: 5px 0;
}

/*********************************************
	sidebar
*/

#sidebar {
	position: relative;
}

#sidebar ul {
	list-style: none;
	padding: 0 18px;
}

#sidebar ul ul {
	padding: 0;
}

#sidebar ul li h2 {
	font-size: 100%;
	margin: 0 0 3px;
}

#sidebar ul li ul li {
	line-height: 125%;
	padding: 0;
}

#searchform {
	padding: 5px 0;
}

#searchform #s,
#commentform #author,
#commentform #email,
#commentform #url,
#commentform #bleh {
	width: 130px;
	border: solid 3px #38631c;
	background: #5ba729;
	padding: 2px;
	color: #000;
}

#searchform #s {
	width: 115px;
}

#commentform #author,
#commentform #email,
#commentform #url,
#commentform #bleh {
	width: 124px;
	margin: 5px 10px 0 0;
	float: left;
}

#searchform #searchsubmit {
	width: 53px;
	height: 22px;
	vertical-align: middle;
	margin: 0 0 2px;
}	


/*********************************************
	sidebar > nutrition label
*/

#sidebar .label {
	background: url("images/sidebar_bkg.gif") repeat-y top left;
	color: #3a3a3a;
}

#sidebar .label .top,
#sidebar .label .bot {
	width: 100%;
}

#sidebar .label .top {
	height: 47px;
	background: url("images/sidebar_top.gif") no-repeat top left;
}

#sidebar .label .bot {
	height: 96px;
	background: url("images/sidebar_bot.gif") no-repeat bottom left;
}

#sidebar .label .middle {
	padding: 0 18px;
	margin: 0 0 -15px;
	font-size: 10px;
	line-height: 130%;
}

#sidebar .label small {
	color: #4f832d;
	display: block;
	margin: 0 0 3px;
	font-size: 100%;
}

#sidebar .label ul {
	border-top: solid 4px #3a3a3a;
	padding: 0;
}

#sidebar .label ul li {
	padding: 0;
}

#sidebar .label ul ul {
	border-top: none;
	border-bottom: solid 3px #3a3a3a;
	overflow: hidden;
}

#sidebar .label ul ul li {
	border-bottom: solid 1px #3a3a3a;
	color: #000;
	overflow: hidden;
	padding: 2px 0;
	width: 100%;
	float: left;
}

#sidebar .label ul ul li.heading {
	color: #999;
}

#sidebar .label ul ul li.heading strong {
	font-weight: normal;
	float: left;
}

#sidebar .label ul ul li a {
	color: #000;
	text-decoration: none;
	float: left;
}

#sidebar .label ul ul li span {
	float: right;
}

#sidebar .label p {
	margin: 6px 0;
	line-height: 120%;
}

#sidebar .label a {
	color: #418113;
	text-decoration: underline;
}

#sidebar .label a:hover {
	border: none;
	background: #ffb;
}



/*********************************************
	comments
*/

h3#comments,
h3#respond {
	font-weight: normal;
	font-size: 130%;
	margin: 0 0 10px 170px;
	color: #c9f0ab;
}

ol.commentlist {
	list-style: none;
	margin: 0 0 15px;
	border-top: solid 1px #729c57;
}

ol.commentlist li {
	border-bottom: solid 1px #729c57;
	padding: 20px 0;
	line-height: 120%;
	font-size: 85%;
}

ol.commentlist li.alt {
	//
}

ol.commentlist li em {
	font-style: normal;
	color: #000;
}

ol.commentlist li .commentmetadata {
	float: left;
	width: 150px;
	text-align: right;
	color: #c9f0ab;
}

ol.commentlist li .commentbody {
	padding: 0 0 0 170px;
}

#commentform {
	padding: 0;
}

#comment {
	width: 444px;
	height: 60px;
	margin: 8px 0 8px 170px;
	border: solid 3px #38631c;
	background: #5ba729;
	padding: 5px;
	color: #000;
	font: normal 100% 'lucida grande', 'lucida sans unicode', 'lucida sans', verdana, arial, sans-serif;
}

h3#respond {
	margin-bottom: 10px;
}

#commentform p {
	clear: left;
}

#commentform em {
	font-style: normal;
	color: #fc0;
}

#commentform label {
	clear: left;
	float: left;
	display: block;
	width: 130px;
	padding: 8px 20px 2px;
	text-align: right;
	color: #c9f0ab;
}

#commentform .hint {
	font-size: 85%;
	margin: 8px 0 0 0;
	display: block;
	float: left;
}

#submit {
	color: #000;
	background: #6ec720;
	padding: 3px;
	border-bottom: solid 1px #38631c;
	border-right: solid 1px #38631c;
	border-top: solid 1px #87e336;
	border-left: solid 1px #87e336;
	font-size: 13px;
	margin: 5px 0 0 170px;
}	

/*********************************************
	footer
*/

#footer {
	padding-left: 170px;
}

#footer .feed {
	background: url("images/feed_icon.png") no-repeat left;
	padding: 0 0 0 16px;
	margin: 0 0 0 15px;
}