/*  
Theme Name: Roots
Theme URI: http://www.olivierlacan.com/
Description: Customized theme based of Green Love by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave a credit under your footer.
Version: 
Author: Olivier Lacan 
Author URI: http://www.olivierlacan.com/
*/

body { 
	background: #000 url("../../../../img/code_background.png") no-repeat top left; 
	font-family: "vera-sans-1","vera-sans-2", Verdana, sans-serif;
	letter-spacing: 1px; 
	font-size: 62.5%; 
	color: #ccc; 
	margin: 0; 
	padding: 0;
}
#wrap { background:#000; color: #fff; padding: 0; margin: 0; width:960px;  }

/* === General Links === */
a:link, a:visited { text-decoration: none; color : #949611; border: none;}
a:active { text-decoration: none; color : #949611; border: none;}
a:hover	{ text-decoration: none; color : #804832; border: none; /*cursor: crosshair;*/ } 

/* === Header === */
#top { float:left; width:300px; margin: 2em 0 0 3em;}
#menu { 
	clear: left; 
	width: 280px; 
	padding: 0; 
	margin: 2em 0 .7em 0; 
	font-size: 1.4em; 
	letter-spacing: 2px; 
	line-height: 1.5em; 
	font-variant: small-caps; 
	list-style-type: none; 
}
#menu li { clear:left; margin: 0 0 0 12px; padding: 0 11px; border-left: 21px #99a561 solid; }
#menu li.last { border: none;}
#menu li:hover { background-color: #734022; border-left: 23px #000 solid; }
#menu li.last:hover { border:none;}
#menu li:hover a { background-color: #734022; color: white; }
#menu li a:active { text-decoration: none; color : #CCC; border: none;}
#menu li a:visited { text-decoration: none; color : #CCC; border: none;}

#blogtitle { height:219px; width:284px; margin: 0; padding: 0; background-image: url("../../../../img/roots.png"); background-repeat:none; }
#blogtitle a { display: block; width:100%; height:100%; text-indent: -9999px; }
#blogtitle a:link { text-decoration: none; color : #1d2224; border: none; }
#blogtitle a:active { text-decoration: none; color : #1d2224; border: none; }
#blogtitle a:visited { text-decoration: none; color : #1d2224; border: none; }
#blogtitle a:hover	{ text-decoration: none; color : #555353; border: none; /* cursor: crosshair; */ } 
#blogdesc { float: left; }*/

/* === Sidebar === */
#search { float: right; height: 30px; width: 300px; margin-top:35px; }
.right { position: absolute; left: 35px; top: 350px; margin: 10px 0 10px 0; padding: 10px 0; width: 285px; }
.right h2 { 
	font-size: 1.3em; 
	font-weight: normal; 
	padding: 3px 0 4px ; 
	margin: 0 7px 3px 7px; 
	color: #ccc; 
	border-bottom: solid 1px #333;
}
.right ul { list-style-type: none; margin: 0 ; padding: 0; }
.right ul li { font-size: 1.1em; list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.right ul li ul { list-style-type: square; margin: 10px 0 0 0; padding: 0 3px; }
.right ul li ul li { list-style-type:none;  background: /* transparent url(images/bullet.gif) */ no-repeat 0 4px; padding: 4px 0px 4px 14px; border: 0; margin: 0 0 4px 0;  }
.right ul li ul li:hover { background: #33241E;  }

.right a:link { text-decoration: none; color : #95963e; border: none;}
.right a:active { text-decoration: none; color : #95963e; border: none; outline:none; }
.right a:visited { text-decoration: none; color : #95963e; border: none; outline:none; }
.right a:hover	{ text-decoration: none; /*color : #4d3125; */border: none; /*cursor: crosshair; */}


/* === Content === */
.left { float: left; margin: 1em 0 10px 2em; padding: 10px; width: 500px; overflow:hidden; }
.left h2 { font-size: 20px; line-height: 22px; padding: 8px 0px 0px 0px; margin: 0px 7px 0px 0px; border-bottom: dashed 0px #ccc;}
.left img { border: none; margin-bottom:10px; display:block; }
.left ul, .left ol { list-style-position: inside; padding: 0 0 0 1em; }
.left ul li, .left ol li{ font-size: 1.2em; padding-bottom: .5em; }
img.wp-smiley { border:0px;}
.navigation { display: block; font-size: 1.2em; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.navigation a { background: #33241e; color: #fff; padding: 5px 10px; margin: 0 0 5px 0; display: block; }
.navigation a:hover { background: #734022; color: #fff; z-index: 99; }
.navigation a:active { background: #95963e; color: #000; }
.alignright { float: right; }
.alignright a { 
	padding-right: 2em; 
	border-radius: 0 5px 5px 0; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
}
.alignleft { float: left; }
.alignleft a { 
	padding-left: 2em; 
	border-radius: 5px 0 0 5px;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
}

/* === Post === */
.left .postmetadata { 
	font-size: 1em; 
	background: #33241e; 
	padding: 7px 15px; 
	margin-top: 2em; 
	border-bottom: #1a120f 1px solid; 
	border-top:#1a120f 1px solid; 
	clear:both; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
.post h2 { margin-bottom: 10px; font-weight: bold; font-size: 2em; }
.post h3, .post h4, .post h5, .post h6 { font-weight: normal; letter-spacing: 1px; }
.post h3 { margin: 1.5em 0 1em 0; font-size: 1.8em; }
.post h4 { margin: 1.5em 0 1em 0; font-size: 1.6em; }
.post h5 { margin: 1.5em 0 1em 0; font-size: 1.4em; }
.post h6 /*Tags*/ { 
	float: left; 
	clear: left; 
	font-size: 1.1em; 
	font-weight: bold; 
	padding: 5px 5px; 
	margin: 1em 1em; 
}
.post p { font-weight: normal; font-size: 1.2em; text-align: justify; line-height: 1.7; }
.post p:first-child { margin-top: 0; }
.post p a img.alignleft { margin: 0 15px 15px 0; }
.post p a img.alignright { margin: 0 0 15px 15px; }
.post small { float:right; font-size: 1em; }
blockquote { 
	overflow: hidden; 
	color: #999; 
	margin: 15px 30px 0 20px; 
	padding: 0 0 0 1em; 
	font-size: .95em; 
	text-align: left; 
	border-left: 10px solid #33241e; 
}
blockquote p { margin: 0 0 1em 0; }
blockquote cite { margin: 5px 0 0; display: block; }
div.comments { clear: both; margin: 3em 0 0 0; }
.comments h3 { clear: both; font-size: 1.3em; font-weight: normal; letter-spacing: 1px; padding: 3px 0px; margin: 1em 7px 0; border-bottom: solid 1px #444;}
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist a:link, ol.commentlist a:visited { color: #734022; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
ol.commentlist li div p { font-weight: normal; font-size: 1em; color: #ccc; line-height: 1.5; letter-spacing: 1px; }
#commentform {
	font-size: 1.1em;
	margin: 0 0 0 1em;
}
#commentform textarea {
	width: 100%;
	height: 50px;
	background: #1d2224;
	color: #aaa;
	font: 1.2em/1.5 "vera-sans-1","vera-sans-2", Verdana, sans-serif;
	letter-spacing: 1px;
	border: 1px solid #444;
}
#commentform textarea:focus {
	background: #222;
	color: #ccc;
}

#taglist { list-style: none; padding: 1em 0 2em; }
#taglist li { float: left; clear: right; margin: 0 1em 0 0; font-size: 1.1em; }
#taglist li a { 
	display: block; 
	padding: 5px 10px; 
	margin: 0 0 5px 0; 
	background: #1d2224; 
	color: white; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
#taglist li a:hover { background: #734022; color: #fff; }
#taglist li a:active { background: #95963e; color: #000; }

.more-link { float: right; font: 15px Arial; margin-bottom:1em;}


input#searchsubmit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
input#submit{ background:#33241e; border: none; box-shadow: 1px 1px 2px #666; color:#ccc; font-size:13px; float: right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 10px; margin: 0; }
input#submit:hover { background: #734022; color: #fff; }
input#submit:active { background: #95963e; color: #000; }
input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc; margin-top: 2px;}
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
#footer { display:none; float:right; font-size: .8em; color: #fff; background: #99a561; height: 35px; padding: 0px; margin: 0px; text-align:right; clear:both; }
#footer p { color: #000; padding: 0 7em;}
#footer p a {color: #ccc;}


img.alignleft {float: left; margin-right:10px;}
img.alignright {float: right; margin-left:10px;}