/*  
Theme Name: Not So Simpla
Theme URI: http://jeffreybarke.net/not-so-simpla/
Description: A clean, minimalist theme based on <a href="http://ifelse.co.uk/simpla/">Simpla</a> 1.01 by <a href="http://ifelse.co.uk/">Phu Ly</a>. Not So Simpla is XHTML 1.0 Strict.
Version: 1.00
Author: Jeffrey Barke
Author URI: http://jeffreybarke.net/
*/

/* structure - general
----------------------------------------------- */
body {
	background: #fff url(./images/bg.png) repeat-x;
	border-top: 5px solid #333;
	margin: 0;
	padding: 0;
	text-align: center;
}
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 70em;
}
#content{
	float: left;
	padding: 0 1em 1em 1em;
	width: 55%;
}
#sidebar{
	float: right;
	width: 30%;
}

/* typography - general
----------------------------------------------- */
body {
	color: #555;
	color: #333;
	font: normal small Helvetica, Arial, sans-serif;
	line-height: 1.5;
}
abbr, acronym {
	border: none;
	cursor: help;
}
h1, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
}

/* links - general
----------------------------------------------- */
a {
	color: #579;
	text-decoration: none;
}
a:hover{
	color: #cc0000;
}


/* header
----------------------------------------------- */
#header{
	margin-bottom: 20px;
	padding: 2.5em 1em;
	position: relative;
}
#header h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 200%;
	letter-spacing: 0.3em;
	margin: 0;
	margin-right: 1em;
}
#header h1 a{ color:#e87830; }
#header h1 a:hover{ color:#cc0000; }
#header p {
	color: #aaa;
	font-size: 150%;
	margin: 0;
	margin-top: -0.5em;
}
#header #searchform {
	position: absolute;
	top: 35px;
	right: 0;
}
#header #searchform input.inputText {
	width: 200px;
}

/* footer
----------------------------------------------- */
#footer{
	background: #333;
	border-top: 1px solid #777;
	clear: both;
	color: #888;
	font-size: 90%;
	padding: 0.5em;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer img {
	border: none;
}

/* entry
----------------------------------------------- */
.entry { margin-bottom: 3em; }
.entrytitle h2 {
	color: #b4c24b;
	font-size: 175%;
	letter-spacing: 0.1em;
}
.entrytitle h2 a { color: #b4c24b; }
.entrytitle h2 a:hover { color: #58bbeb; }
#content .entry-1 .entrytitle h2 {
	margin-top: 0;
	padding-top: 0;
}
.entrytitle h3 {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #6f6f6f;
	font-size: 110%;
	margin: 0.5em 0 1em 0;
	padding: 0.5em 0;
}
.entrymeta { font-size: 0.9em; }
.entrybio {
	border-top: 1px solid #ccc;
	color: #999;
	padding-top: 0.5em;
}
.filedto {
	background: #fff url(./images/post.gif) no-repeat;
	padding: 3px 3px 3px 20px;
}
.commentslink{
	background: #fff url(./images/packaged.gif) no-repeat;
	padding: 3px;
	padding-left: 20px;
}

/* sidebar
----------------------------------------------- */
#sidebar h2 {
	color: #555;
	font-size: 125%;
	letter-spacing: normal;
	margin: 1em 0 0.5em 0;
	padding-left: 0.3em;
}
#sidebar h2.first {
	margin-top: 2px;
}
#sidebar ul {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
}
#sidebar ul li {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 0.3em;
	padding: 0.3em;
}
#sidebar ul li h2 {
	margin: 0;
	padding: 0;
}
#sidebar ul li ul { margin-bottom: 0; }
#sidebar ul li ul li {
	border-bottom: none;
	padding-left: 0;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}




/* mech style
*/
p.img {
	float: right;
	margin: 0 0 5px 15px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after {
	clear: both; 
	content: '.'; 
	display: block; 
	height: 0; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*Hide from IE Mac \*/
.clearfix { display: block; }
/*End hide from IE Mac */