/*
Theme Name: LifeBits
Theme URI: http://guillaumeb.com
Description: Minimalist theme designed for Wordpress with smart screen-resolution detection and ajax search
Version: 1.0
Author: GuillaumeB
Author URI: http://www.guillaumeb.com
*/

/*********************************************************
 +Containers
*********************************************************/
#thebody{
	background:#191919 /*url(images/bkg.gif) repeat-x*/;
 	/* background:#2D2D2D; */
        background-image: url(http://blog.early-adopter.com/wp-content/uploads/2008/06/space.jpg);
   
	color: #ffffeb;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.6;
	margin:0;
}
/* html>body{
}*/
#content{
	width:64em;
	background:#f7f7f7 /*url(images/bg.gif) repeat-y*/;
	margin-top:4px;
	color:#333;
	float:left;
	padding-bottom:30px;
}
#footer{
	clear:both;
        margin-top:30px;
        margin-left:60px;
	/* margin:10px; 40px; */
	width:58em;
	padding: 2em 0;
        color:#E5E5E5

}
#sidebar{
	width:21em;
	float:left;
        margin-top:5px;
	padding:0 1em;
}

div.narrow #sidebar{
	width:59em;
        /*background:#444 url(images/narrowside.gif) repeat-x;*/
	float:left;
        padding-top:15px;
	padding-bottom:30px;
	margin-left:25px;
}

#wrap{
	width:870px;

	 margin:0 auto; 
}

div.narrow #wrap{
	width:700px;
	
}
/*********************************************************
 +Header
*********************************************************/
#header{margin:0px 10px 0px 25px;}

#header h1#title{display:inline;}
#header h1#title a{color:#a97;}
#header h1#title a:hover{color:#675;}
#header h2#description{
	display:inline;
	margin-left:20px;

	font-size:1.1em;
	color:#CCCCCC;
	letter-spacing:-1px;
}

#thebanner {
        
        margin-top:0px;
        height:76px;
}
#thebanner a {color:#E5E5E5;}
#thebanner a:visited {color:#E5E5E5;}
#thebanner a:hover {color:#cccccc;}
#thebanner h1 a {font-size: 2.4em;}

h1, h2, h3, h4{font-weight:normal; font-family:ocr, "OCR B", courier, "MS Courier New", prestige, "Everson Mono", monospace; text-transform: lowercase;}
/*********************************************************
 +Entry
*********************************************************/

.entry{margin:0 4em;}
.entry h2{
	font-size:2.6em;
	margin-left:10px;
	margin-top:40px;
	line-height: 1.4;
}
.entry h2 a{color:#333333}
.entry h2 a:hover{color:#535353}
.entry h3{
	font-size:2em;
	margin:0;
	color:#64645C;
}
.entrybody p{
	font-size:1.3em;
	margin-left:10px;
	margin-bottom:1em;
}
.entrybody ul, .entrybody ol{
	margin:0 0 20px 40px;
	font-size:1.2em;
}
.entrymeta { margin-left:10px;}
.entrymeta a{color:#A4A49C;}

#content p a{font-weight:bold;}
.entryauthor{font-size:1.4em;line-height:1;
	margin:0;margin-bottom:0.5em;
	color:#64645C;}
.entrydate{
	font-size:1.2em;
	margin-left:10px;
	color:#a4a49C;
	font-weight:bold;

	border-top:1px solid #eee;
}
.featurebox{
float:right;
width:150px;
padding:0 20px;
border:1px solid #ddd;
background:#f3f3f3;
margin:0 10px;
}
.featurebox ul{
font-size:1em;
margin:0;
padding:0;
}
.featurebox ul li{
margin-left:1.4em;
}
.featurebox h3{
font-size:1.5em;
}
/*********************************************************
 +Sidebar
*********************************************************/

#sidebar {color:#E5E5E5;}
#sidebar a{color:#CCCCCC;}
#sidebar a:hover{color:#E5E5E5;}
#sidebar h2{font-size:1.1em;font-weight:bold;margin: 0;

}
#sidebar ul{
	list-style-type:none;	
}
#sidebar ul li{
	font-size:1.1em;
	border-bottom:1px solid #434848;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	padding:3px 5px;
}

#sidebar li:hover {
        background:#444;
        color:#F5F5F5;
}


div.narrow #sidebar li:hover {
        background:#333;
         
}

.right{
float:right;
}

.left{
float:left;
}

.about  {
font-size:1.1em;
}

/*********************************************************
 +Comments
*********************************************************/
.respond h3{ margin-left:50px;}
h3#comments{margin:30px 20px 10px 0;}
#commentlist {
	margin:20px;
	padding:10px;
	list-style-type:none;
	color:#666;
	font-size:1.1em;
}
.commentmeta{
	font-size:0.9em;
	background:#f1f1f1;
	border:1px solid #eee;
	margin:-5px;
	padding:3px;
	margin-bottom:5px;
}
#commentlist li{
	margin-left:20px;
	background:#f5f5f5;
	border:1px solid #eee;
	padding:8px;
	margin-bottom:5px;
}
#commentlist li p{
	margin-left:20px;
}
#comment{
        margin-left: 35px;
	width:90%;
}
#author, #email, #url{
	width:50%;
        margin-left: 35px;
}

/*********************************************************
 +Code
*********************************************************/
ol.codelist {
        list-style:none;
	border: 1px solid #DDD;
	color: #C63;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	line-height: 130%;
	padding: 12px 12px 12px 45px;
	margin: 1.5em 0;
	background:#FFFFFF;
}

ol.codelist li {
	margin: 0;
	padding: 1px 2px;
}

ol.codelist li.tab0 { padding-left: 2px; }
ol.codelist li.tab1 { padding-left: 26px; }
ol.codelist li.tab2 { padding-left: 50px; }
ol.codelist li.tab3 { padding-left: 74px; }
ol.codelist li.tab4 { padding-left: 98px; }
ol.codelist li.tab5 { padding-left: 122px; }
ol.codelist li.tab6 { padding-left: 146px; }
ol.codelist li.tab7 { padding-left: 170px; }

ol.codelist li.odd { background-color: #fafafa; }
ol.codelist li.even { background-color: #F0F0F0; }

ol.codelist li.sourcelink {
	color: #000;
	font: 115% 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	list-style: none;
	margin-left: -32px;
	padding-top: .85em;
	text-align: center;
}
ol.codelist li code { color: #222; }
/*********************************************************
 +Misc
*********************************************************/
code {font-size:1.3em;}

a{color:#675;text-decoration:none;}
a:hover{color:#a97;}
ul{margin:0;padding:0;}
#wrap:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
blockquote{
	background:transparent url(images/blockquote.png) no-repeat 10px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:5px;
	padding-left:40px;
	margin:5px 0;
}
#content .entry blockquote p{font-size:1.4em;letter-spacing:1px;}
.note{
	padding:5px;
	border:1px solid #ddd;
	background:#f3f3f3;
	margin:10px 0;
	font-size:1.1em;
}
.navigation{margin:20px;text-align:center;}
#footer a{color:#aaa;}

/*********************************************************
 SEARCH
*********************************************************/

#search input#search_input:focus{
	background:#bbb;
	color:#333;
}
#search input#search_input{
	background:#888;
	border:1px solid #aaa;
	color:#fff;
	padding:3px;
	font-size:10px;
}
#search{
	clear:both;
	background:#383a3a;
	/* border-bottom:1px solid #E5E5E5; */
	float:left;
	line-height:16px;
	/* margin-right:-5px; */
	padding:5px 4px 5px 5px;
	text-align:left;
	width:96%;
}
#search>.searchsubmit{
	vertical-align:-3px;


}

div.narrow #search input#search_input{
	width:270px;

}
/*
div.narrow #search{
	width:733px;
}

div.narrow #search input#s, div.wide #search input#search_input{
	width:270px;
}
div.medium #search input#search_input{
	width:210px;
}
#searchresults a.more:hover{
	color:#8D8765;
*/


}
#searchresults{
	padding:10px;
	width:200px;
}
.narrow #searchresults{
	width:59.5em;
}
#sidebar>#searchresults{
	float:left;
	padding:0 10px;
	padding-top:10px;
	margin-bottom:20px;
}
#search input#search_input{
background:#616161;
border:1px solid #777;
}



closeresults a {
     float:right;
}


/* ORIGINAL SEARCH CSS

#searchform input#s:focus{
	background:#bbb;
	color:#333;
}
#searchform input#s{
	background:#888;
	border:1px solid #aaa;
	color:#fff;
	padding:3px;
	font-size:10px;
}
#searchform{
	clear:both;
	background:#383a3a;
	/* border-bottom:1px solid #E5E5E5; */
	float:left;
	line-height:16px;
	/* margin-right:-5px; */
	padding:5px 4px 5px 5px;
	text-align:left;
	width:96%;
}
#searchform>.searchbutton{
	vertical-align:-3px;
}
div.narrow #searchform{
	width:733px;
}
div.narrow #searchform input#s, div.wide #searchform input#s{
	width:270px;
}
div.medium #searchform input#s{
	width:210px;
}
#search-results a.more:hover{
	color:#8D8765;
}
#search-results{
	padding:10px;
	width:280px;
}
.narrow #search-results{
	width:700px;
}
#sidebar>#search-results{
	float:left;
	padding:0 10px;
	padding-top:10px;
	margin-bottom:-20px;
}
#searchform input#s{
background:#616161;
border:1px solid #777;
}


*/