/*  
Theme Name: Green Peel
Theme URI: http://www.mylifeinposts.come/
Description: A free theme provided by; <a href="http://www.sixmode.com/">Sixmode</a> and <a href="http://www.xhtmlthis.com/">XHTML This</a>.
Version: 1.0
Author: Garrett Bjerkhoel, Christopher Welch
Author URI: http://www.sixmode.com/
*/
/*===================================*/
/*= This code was written by: =======*/
/*= XHTMLThis.com ===================*/
/*===================================*/
body{
background: #999966 url(images/background/background.gif) repeat-x top;
font: 12px/18px Arial, Tahoma, sans-serif;color:#333300;
}
h1, h2, h3, p, ul, li{
margin: 0; padding: 0;
}
li{
list-style: none;
}
a{
text-decoration: underline;
color: #0092d7;
}
a:hover{
text-decoration: none;
color: #0092d7;
}
a img{
border: 0;
}
	#wrapper{
	width: 800px;
	margin: 0 auto;
	}
		.badge{
		background: url(images/header/garrett.gif) no-repeat;
		width: 172px; height: 97px;
		position: absolute;
		margin: 9px 0 0 606px;
		}
		#logo{
		width: 185px; height: 45px;
		overflow: hidden;
		margin: 31px 0 19px 0;
		}
			#logo a,
			#logo a:hover{
			text-decoration: none;
			background: url(images/header/logosmall.png) no-repeat;
			position:absolute;
			left: 750px; top: 10px;
			width: 185px; height: 200px;
			display: block;
			text-indent: -100000px;
			}
		#content{
		background: #fff url(images/content/background.gif) repeat-x top;
		padding: 30px 31px 0 20px;
		width: 749px;
		}
			#left-side{
			width: 183px;
			float: left;
			margin: 0 25px 0 0; padding: 12px 0 0 0;
			}
				.search-bar{
				background: url(images/content/search.gif) no-repeat;
				width: 140px; height: 18px;
				margin: 20px 0; padding: 5px 5px 0 30px;
				border: 0;
				font: 11px/18px Arial;
				color: #666;
				font-weight: bold;
				}
				#left-side ul li{
				text-align: right;
				padding: 5px 0;
				color: #959595;
				}
					#left-side li a, #left-side li a:hover{
					color: #3f6a21;
					}
			#right-side{
			width: 541px;
			float: left;
			}
				.title{
				font: 24px/36px Helvetica, 'Helvetica';
				float: left;
				margin: 12px 25px 0 0;
				}
					.title a{
					text-decoration: none;
					color: #333300;
					}
					.title a:hover{
					text-decoration: underline;
					color: #333300;
					}
				.opinions{
				width: 89px; height: 26px;
				overflow: hidden;
				float: left;
				margin: 20px 0 0 0;
				}
					.opinions a{
					background: url(images/content/opinions.gif) no-repeat left;
					text-decoration: none;
					display: block;
					width: 89px; height: 26px;
					text-indent: -100000px;
					}
					.opinions a:hover{
					background-position: right;
					text-decoration: underline;
					color: #000;
					}
				#right-side p{
				color: #363636;
				font: 12px/24px Arial;
				padding: 10px 0;
				}
				#right-side blockquote{
				background: #f1f4ee url(images/content/blockquote.gif) no-repeat top left;
				margin: 0; padding: 15px 25px;
				border-top: 1px solid #c7d3bb;
				border-bottom: 1px solid #c7d3bb;
				color: #363636;
				}
		#footer{
		background: url(images/content/footer.gif) repeat-x;
		width: px; height: 21px;
		}
		#comments{
		background: #a4c2c2;
		}
			.comment{
			border-top: 3px solid #336666;
			border-bottom: 1px solid #336666;
			padding: 10px 60px;
			}
				.comment a{
				text-decoration: underline;
				color: #fff;
				}
				.comment a:hover{
				text-decoration: none;
				color: #fff;
				}
				.comment-name{
				float: left;
				color: #336666;
				text-align: right;
				margin: 0 50px 0 0;
				width: 120px;
				}
					.comment-name a{
					display: block;
					}
				.comment-text{
				width: 510px;
				color: #336666;
				float: left;
				}
			.comment-box{
			padding: 10px 20px;
			}
				.first-column{
				width: 177px;
				float: left;
				color: #336666;
				margin: 0 35px 0 0;
				}
					.first-column input{
					background: url(images/content/input.gif) no-repeat;
					width: 157px; height: 14px;
					margin: 0 0 5px 0; padding: 5px 10px;
					text-align: right;
					border: 0;
					border-top: 1px solid #294616;
					border-left: 1px solid #294616;
					font-size: 11px;
					}
				.text-box{
				width: 510px;
				color: #a8c08c;
				float: left;
				}
					.text-box textarea{
					background: url(images/content/text-box.gif) no-repeat;
					width: 489px; height: 84px;
					border: 0;
					border-top: 1px solid #294616;
					border-left: 1px solid #294616;
					font: 11px Arial;
					padding: 10px;
					}
					.text-box input{
					float: right;
					padding: 3px 25px;
					}
			.copyright{
			text-align: center;
			color: #a8c08c;
			padding: 10px;
			font: 11px/18px Arial;
			}
				.copyright a{
				text-decoration: underline;
				color: #a8c08c;
				font-weight: bold;
				}
				.copyright a:hover{
				text-decoration: none;
				color: #a8c08c;
				font-weight: bold;
				}