/*  
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/

/*************************************
 +Containers
 *************************************/
body{
	color:#000;
	background-color:#FFF;
        font: 100%/1.5 "Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	margin:0;
	padding:0;
	text-align:center;
}
#wrap{
	margin:0 auto;
	text-align:left;
/*	width:45em;	*/
width: 51em;
/* width: 800px; */
}
#content{
	float:left;
/*	width:33em;*/
	width:40em;

}
#sidebar{
	float:right;
	width:10em;
}
#header{
/*	border-bottom: 15px solid #FF9500;*/ /*#00A42F;*/
	padding-top: 2em;
}
#footer{
	background:#00AFFF;
	border-top:2px solid #000;
	color:#000;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
}
/*************************************
 +Hn and p
 *************************************/
#header a, h1, h2, h3 {
	font-family: 'Chaparral Pro', Tahoma, Verdana, Arial, Helvetica, sans-serif;
//	font-weight:normal;
}

#header a img {
height:100px;
border:none;
}

.green {
  color: #00A42F;
}
.blue {
  color: #008ADE;
}
.orange {
  color: #FF9F00;
}

#header a {
  font-size: 1.9em;
  padding: 10px;
}

.entrytitle a,
#header a
{
  color: #008ADE;
}
.entrytitle a:hover,
#header a:hover {
  color: #00A42F;
}

#header p{
	color:#000;
	font-size:1em;
	display: inline;
	padding: 0;
}
#header hr {
    color: #00A42F;
    background-color: #00A42F;

/*    color: #000;
    background-color: #000; */
    height: 2px;
    padding:0;
    margin: 0;
    border: 0;
}
.entrytitle h2{
	font-size:1.5em;
	border-bottom: 1px solid #FF9500; /*#00AFFF;*/
	padding-bottom: .2em;
}
.green {
  color: #00A42F;
}
.blue {
  color: #008ADE;
}
.orange {
  color: #FF9F00;
}
a { color: #00A42F }
a:hover {color: #FF9F00; }

.entrytitle h3{
	font-size:1.8em;
}

#sidebar h3{
	color:#555;
	font-size:1.5em;
	padding: 0;
	margin: 0;
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}
.entrymeta{
	font-size:0.7em;
	border-left: 1px solid #FF9500; /*#00AFFF;*/
	width: 12em;
	float: right;
	margin-left: .5em;
	padding-left: 1em;
}
.entrymeta p{
    display: inline;
}
.postedby, .filedto, .date{
	padding:0;
	margin:0;
}
.commentslink{
	background:#fff;
	padding:0;
}

.entrybody p {
    font-size: 1em;
    line-height: 1.2em;
    padding-left: 0.6em;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
    font-size: .7em;
	border-bottom:1px solid #00AFFF;
	padding: .2em 0 .2em 0;
}
#searchBox {
    background: #D7F1FD;
}

#sidebar ul a {
    font-weight: normal;
}

#sidebar h2 {
    padding-top: 1em;
    margin: 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;
}

/*************************************
 +Misc
 *************************************/
a{
/*	color:#000; */
	text-decoration:none;
	font-weight: bold;
}
/*
a:hover{
	color:#00AFFF;
}

#footer a:hover {
	color: #FFF;
}	
*/



/********************************
ruby code syntax highlighting
*********************************/
pre {
  clear: both;
  padding: 5px;
  margin-bottom:15px;
  background-color: black;
  background: black none repeat scroll 0%;
  border: 1px solid #E1E1E1;
  color: white;
  overflow: scroll;
}
code, code.unmoused {
  font-family: monaco,verdana,arial,sans-serif;
  font-size: 11px;
  line-height: 17px;
/*  background:black none repeat scroll 0%;*/
  width: 500px;
}

pre code.moused {
  width: 673px;
  z-index: 3;
}

/* code highlighter stuff */

code { color: white; }
.ruby .keywords,
.ruby .rails { color:#FFE100;}
.ruby .comment { color: #AEAEAE;}
/*code.ruby .brackets { color:white; }*/
/*code.ruby .method { color:#FF5D00; }*/
.ruby .string,
.ruby .regexp { color:#00D411;}
.ruby .symbol,
.ruby .boolean,
.ruby .digits { color:#C6FF00; }
.ruby .klass { color:#86A5D4; }

.javascript .comment { color: #AEAEAE;}
.javascript .string { color:#00D411;}
.javascript .keywords { color:#FFE100;}
.javascript .global { color : #86A5D4; }
/*.javascript .brackets { color : navy; }*/

.css .comment { color : gray; }
.css .properties { color : navy; }
.css .selectors { color : maroon; font-weight : bold; }
.css .units { color :red; }
.css .urls { color :green; }

.html .tag { color : purple; }
.html .comment { color : gray; font-style: italic; }
.html .string { color : navy; }
.html .doctype { color : teal; }