/*
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: #768589 url(/images/bkg_page.png);
 	/* background:#2D2D2D; */
	font-family : Verdana, Arial, Helvetica, sans-serif; 
        color : #798286;
	font-size:62.5%;
	line-height:1.6;
	margin: 0;
}

/*mybloglog override */
body table#MBL_COMM td.mbl_h {	font-size:1.1em;
	border-bottom:1px solid #434848;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	padding:3px 5px;
}

/* General Links */

a:link { text-decoration : none; color : #6699cc; border: 0px;} 

a:active { text-decoration : underline; color : #6699cc; border: 0px;} 

a:visited { text-decoration : none; color : #6699cc; border: 0px;} 

a:hover { text-decoration : underline; color : #99cc33; border: 0px;} 

/* html>body{
}*/
#content{
	width:63em;
	background:#fff url(/images/bkg_content_top.png) repeat-x left top;;
	margin-top:4px;
	color:#333;
	float:left;
	padding-bottom:30px;
}

#content img { padding: 3px; border: solid 1px #ccc; background: #fff;}

#footer{
	clear:both;
        margin-top:30px;
        margin-left:60px;
	/* margin:10px; 40px; */
	width:58em;
	padding: 2em 0;
        color:#E5E5E5
}

#sidebar{
	width:22em;
	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 0px;  background: url(/images/logo_symbol.png) no-repeat left top; }

#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:0px;
	font-size:1.1em;
	color:#CCCCCC;
	letter-spacing:-1px;
}

#thebanner {
        
height: 120px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 85px;
}

#thebanner h1 { text-indent: -10000px; margin: 0; padding: 0;}

#thebanner h1 a { display: block; width: 541px; height: 120px; background: url(/images/logo_text.png) no-repeat bottom; cursor: hand; }

#thebanner h1 a:hover { color: #285562; background: url(/images/logo_text.png)no-repeat bottom; cursor: hand; text-decoration: none;}

#thebanner h2 { text-indent: -10000px; margin: 0; padding: 0;}

#thebanner a {color:#E5E5E5;}
#thebanner a:visited {color:#E5E5E5;}
#thebanner a:hover {color:#cccccc;}

h1, h2, h3, h4{font-weight:normal;}
/*********************************************************
 +Entry
*********************************************************/

.entry{margin:0 2em;}
.entry h2{
	font-size:2.0em;
	margin-left:5px;
	margin-top:30px;
	line-height: 1.4;
font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;
}
.entry h2 a{color: #9ac427;}
.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;}

#content a:link { text-decoration : none; color : #6699cc; border: 0px;} 

#content a:active { text-decoration : underline; color : #6699cc; border: 0px;} 

#content a:visited { text-decoration : none; color : #6699cc; border: 0px;} 

#content a:hover { text-decoration : underline; color : #99cc33; border: 0px;} 

.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;
        margin-right:20px;
	background:#f5f5f5;
	border:1px solid #eee;
	padding:8px 16px 8px 8px;
	margin-bottom:5px;
}
#commentlist li p{
	margin-left:20px;
        margin-right:20px;
        padding-right: 20px;
}
#comment{
        margin-left: 35px;
        margin-right:20px;
	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;}


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;
}

*/