/*
Theme Name:  theme 3
Theme URI: 
Description:  
Author: 
Author URI: 

*/


/*#############################################################

#############################################################*/

/* standard elements */
html{height:100%;}
* {margin: 0; padding: 0;}
a {text-decoration: none;}
a img{border:none;}
body {background: #FFF; color: #444; height:100%; }
p,code {padding-bottom: 1.2em; line-height:20px; font-size:85%}
li {list-style: none;}
h1,h2,h3,h4 {font: normal 1.2em; color: #000;}

/* misc */
.clearer {clear: both;}

/* header */
.header {margin: 0;}
.header h1 a:visited{color: #454545; text-decoration:none;}
.header h2 {border-top: 1px solid #EEE;color: #666;text-align: right;}
.header h2 span {background: #222;color: #EEE;padding: 0 6px;}

/* left side (main content) */
.left {margin: 0 42% 20px 3%;}
.content .descr {color: #999; margin-bottom: 8px; font-size:90%}
.descr a,.descr a:visited{color: #999}
.content li {list-style: url('img/li.gif');margin-left: 18px;}
.content h1 {font-size:1.5em; margin-bottom:8px; color:#000}
.content a,.footer a {color:#999898; text-decoration:none;}
.content a:hover,.footer a:hover {color: #444; border-bottom: 1px solid #F0f0f0;}
/* top nav overright */
.top_navi {margin:65px 0 0 -15px;}
/* nav */
.nav,.right {margin-bottom: 20px; position: absolute; top: 0px;}	
.nav {right: 3%; text-align:center; width: 17%;}
.nav .logo {height: 10px;}
.nav h1 {color: #f0f0f0;margin: 12px 0;}
.nav li a {color: #888;display: block;padding: 8px 0;}
.nav li a:hover {background: #FAFAFA;color: #F06;}

/* subnav */
.right {background: #f2f2f2; right:0%; width: 24%; }
.subnav {padding: 12px 12px 0;}
.subnav h1 {color: #454545; font-size: 1.2em; height: 24px; margin-left: 8px; margin-bottom: 8px; border-bottom: 1px solid #d1d1d1;}
.subnav ul {margin: 0 0 16px; padding: 0;}
.subnav li { font-size: .87em; list-style: none; margin: 2px 0;}
.subnav h1 a{color: #333;}
.subnav li a {color:#6a6a6a; display: block; padding: 3px 6px 3px 8px; text-decoration: none;}
.subnav li a:hover {color: #000;}

/* footer */
.footer {color: #666;border-top: 1px solid #EEE;font-size:70%; margin: 0 3%;padding: 8px 6px;}

/* post stylng */
.post{width:450px; margin:0 0 25px 0;}
.post .info{padding:2px 3px 3px 8px; border:1px solid #e3e4e4; background-color:#f5f5f5; font-size:0.8em; color:#505050; }

/* Comments Styling */
#commentlist li {margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000;}
#commentform {margin: 1em 0; background: #ffffff; width: 280px;}
#commentform textarea {background:#f8f7f6; border:1px solid #d6d3d3; width:280px;}
#commentform textarea:hover {background: #FFFFFF; border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #ffffff; border: 1px solid #939793;}
#commentform #email, #commentform #author, #commentform #url {font-size:1.1em; background:#f8f7f6; border:1px solid #d6d3d3; width:280px;}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {font-size: 1.1em; background: #ffffff; border:1px solid #d6d3d3; width: 280px;}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px;}
#commentform input{ margin-bottom: 3px;}

/* code and blockquote */
code {
	background: url('img/bgcode.gif');
	border: 1px solid #F0F0F0;
	border-left: 6px solid #F06;	
	color: #444;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: normal 0.9em Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}