/*

	Template Name: Simplicitly

	Template Description: A super simple Wordpress theme from the Diamond Giezers at the449.com.

	Template Author: The449.com

	Author URI: http://the449.com

*/



html{

	background: #EEE url(images/stripe-grad.jpg) top repeat-x fixed;

}



body{

	margin: 20px auto;

	padding: 10px;

	width: 900px;

	background: #FFF;

	color: #2B2B2B;

  	font: 0.75em/1.5 helvetica, "Lucida Grande", Arial, sans-serif;

}



p{

	margin: 1em 0;

	padding: 0;

}



a{

	text-decoration: none;

	font-weight: bold;

	color: #41A605;

	overflow: hidden;

}



a:hover, a:active{

	color: #C03;

}



code{

	font-size: 11px;

	color: #555;

}



h1{

	margin-top: 5px;

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 1px;

	color: #FFF;

}



h2{

	font: 2em/1.5 sans-serif, Georgia;

	letter-spacing: -1px;
        color: #333;

}



h3{

	font: 2em/1.5 sans-serif, Georgia;

	letter-spacing: -1px;

}



h2, h2 a, h3, h3 a{

	font-weight: normal;

}



p.segment-title, .pseudo-sidebar h2, #right-col h2{

	margin: 1em 0 0 0;

	font-family: "Lucida Grande", Arial, helvetica, sans-serif;

	font-size: 1.5em;

	color: #222;

}



#comments-wrap .segment-title{

	border-bottom: 2px solid #DDD;

}



p.browse{

	margin: 0;

	padding: 1em 20px;

	border-top: 5px solid #41A605;

	border-bottom: 2px solid #41A605;

}



#header{

	position: relative;

	padding: 30px 20px;

	background: #333;

}



p#logo{

	margin: 0;

	font: 5em/1.0 "Gill Sans", sans-serif, , Arial;

}



p#logo a, p#logo a:hover{

	color: #ffffff;

	font-weight: normal;

}



#header form{

	position: absolute;

	top: 48px;

	right: 20px;

	_left: 560px;

}



input#s{

	padding: 7px 10px;

	width: 270px;

	height: 17px;

	overflow: hidden;

	border: 0;

	background: transparent url(images/search-bg.gif);

}



#header fieldset legend, #header fieldset button{

	display: none;

}



#nav{

	width: 900px;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

	background: #EEE url(images/nav-grad.jpg) center repeat-x;

}



#nav li{

	float: left;

}



#nav li a{

	display: block;

	padding: 8px 20px;

	color: #C03;

}



#nav li a:hover{

	background: #41A605 url(images/nav-hover.jpg) center repeat-x;

	color: #FFF;

}



#nav li.current_page_item a{

	background: #666 url(images/nav-active.jpg) center repeat-x;

	color: #FFF;

	cursor: default;

}



#content{

	padding: 20px 0;

	background: url(images/content-grad.jpg) top repeat-x;

}



#left-col{

	margin-right: 20px;

	width: 580px;

	float: left;

}



#latest{

	padding: 20px;

	border-top: 5px solid #41A605;

	border-bottom: 2px solid #41A605;

	background: #F5F5F5 url(images/latest-grad.jpg) top repeat-x;

}



p.meta{

	margin: 5px 0 0 0;

	font-size: 11px;

}



span.date{

	padding-left: 15px;

	background: url(images/date-icon.gif) left no-repeat;

}



a.comments-link{

	padding-left: 15px;

	background: url(images/comment-icon.gif) left no-repeat;

}



dl.tags{

	padding: 0 1em 20px 20px;

	float: right;

}



dl.tags dt{

	margin-bottom: 5px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

}



dl.tags dd{

	padding: 2px 0;

}



dl.tags dd a{

	padding-left: 20px;

	background: url(images/tag-icon.gif) left no-repeat;

}



.entry-content img{

	padding: 4px;

	border: 1px solid #DDD;

	background: #FFF;

}



a.read-on{

	display: block;

	margin-top: 10px;

	padding: 5px 10px;

	width: 120px;

	text-align: right;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: #EEE;

	color: #C03;

}



.pagination{

	padding: 0 20px;

}



.pagination a{

	margin-right: 10px;

	padding: 5px 10px;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: #EEE;

	color: #C03;

}



.previous-post{

	padding: 20px;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #DDD;

	background: url(images/content-grad.jpg) top repeat-x;

}



#comments-wrap, #commentform{

	padding: 20px;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #DDD;

	background: url(images/content-grad.jpg) top repeat-x;

}



.gravatar{

	border: 3px solid #555;

	float: left;

}



ol#comments{

	margin-top: 20px;

}



ol#comments li{

	margin-bottom: 20px;

}



.comment-wrap{

	padding-left: 20px;

	width: 470px;

	float: left;

	background: url(images/comment-arrow.jpg) 14px 18px no-repeat;

}



.comment-wrap p{

	margin: 0;

}



.comment-meta{

	padding: 10px 10px 0 10px;

	background: #F2F2F2 url(images/comment-top.jpg) top no-repeat;

}



.comment-text{

	padding: 10px 10px 10px 10px;

	background: #F2F2F2 url(images/comment-bottom.jpg) bottom no-repeat;

	font-size: 11px;

	color: #666;

}



#right-col{

	width: 260px;

	padding: 0 20px 20px 20px;

	float: right;

	background: #F5F5F5 url(images/latest-grad.jpg) top repeat-x;

	border-top: 5px solid #AAA;

	border-bottom: 2px solid #AAA;

}



.widget ul{	

	border-top: 1px solid #DDD;

}



.widget ul li{

	padding: 5px 5px 5px 15px;

	background: url(images/raquo.gif) 2px 12px no-repeat;

	border-bottom: 1px solid #DDD;

}



#footer{

	position: relative;

	padding: 20px;

	border-top: 5px solid #666;

	background: #333;

	color: #FFF;

}



#footer p{

	margin: 0;

}



#footer a{

	color: #CCC;

}



p.theme-credit{

	position: absolute;

	top: 10px;

	right: 10px;

}



p.theme-credit a{

	display: block;

	text-indent: -9000px;

	width: 171px;

	height: 35px;

	background: url(images/449credit.jpg);

}



.error{

	padding: 10px 10px 10px 50px;

	font-weight: bold;

	background: #C03 url(images/error-icon.gif) 10px center no-repeat;

	color: #FFF;

}



button{

	margin: 0;

	padding: 0;

	border: 0;

	background: transparent;

	cursor: hand;

	cursor: pointer;

}



p.comment-entry span{

	display: block;

	width: 180px;

	float: right;

}



p.comment-entry textarea{

	width: 300px;

	height: 140px;

}



#nav, #content, .previous-post, #respond, ol#comments li, p.comment-entry{

	_height: 1%;

	display: inline-block;

}



#nav:after, #content:after, .previous-post:after, #respond:after, ol#comments li:after, p.comment-entry:after{

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}