/*
Theme Name: Makembe
Theme URI: http://www.makembe.com
Version: 1.0
Author: Henri makembe
Author URI: http://www.makembe.com
*/
@charset "utf-8";
*{margin:0;padding:0;}
/* general items */
body{
	background: #ebeff2 url(images/bodybg.gif);
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1, h2, h3, h4, h5, h6, form,p, ul, ol, blockquote{
	margin: 0; 
	padding: 0;
}

p {
	margin: 10px;
}
img {
	border: none; 
}
a {
	color: #268ED4; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*header */
#header{
	width: 900px;
	height: 287px;
	background:#f1f1f1 url(images/header.png) no-repeat;
}
#header .siteTitle {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 2px;
	color:#268ED4;
	padding: 15px 0px 20px 0px;
}
#header .siteTitle a:hover{
	text-decoration: none;
}
#header .siteRssUrl{
	float: left;
	background:  url(images/rss.gif) no-repeat;
	width:92px;
	height:56px;
	margin-top: 102px;
}
/*nav */
#nav{
	clear:both;
	position:relative;
	margin-top: -40px;
	width:900px;
	display:block;
	height:40px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-bottom:1px solid #d9d9d9;
}
#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#nav ul li{
	display:block;
	float:left;
	font-variant: small-caps;
	height:30px;
}
#nav ul li a{
	display:block;
	float:left;
	color:#034895;
	text-decoration:none;	
	padding:10px 20px 0px 20px;
	height:30px;
}
#nav ul li a:hover,#nav ul li a.current_page_item,#nav ul li .current_page_item,.current_page_item{
	color:#034895;
	background-color: #c7d0de;
	height:30px;
}
/* Content */
#content {
	clear: both;
	top: 0px;
	width: 900px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#content li{
	list-style-position: inside;
}
#left {
	top: 0px;
	float: left;
	width: 490px;
	padding-left:10px;
	/*border-right: dashed black 1px;*/
	padding-right: 5px;
	/*_padding-right: 10px;*/
	text-align: left;
}
#left blockquote {
	margin: 15px 30px 0 45px;
	padding: 0 0 0 45px;
	background: url('images/blockquote.gif') no-repeat left top;
	font-style:italic;
}
#left .posted{
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color:#999;
	top: 0px;
}
#left .entryBody{
	clear: both;
}
#left .commentLink{
	background: url(images/comment.gif) no-repeat left top;
	padding: 0px 0px 0px 20px;
}
#left .postmetadata{
	padding-top: 10px;
}
#left .entryNav{
	clear:both;
	padding-top: 20px;
}
#left .alignleft{
	float: left;
}
#left .alignright{
	float: right;
}
#left .akst_link{
	padding-top: 10px;
}
#right {
	top: 0px;
	float: right;
	width: 395px;
}

#search-form{ 
	float: left;
	width: 395px;
	padding: 15px 10px 15px 0px;
}
#search-form input.search_input {
	overflow: visible;
	width: 300px;
	border: 0;
	background: #ffffff url(images/input.png) no-repeat;
	padding: 5px 5px;
	color: #666666;
	margin: 0;
	float: left;
	height: 24px
}
#search-form input.submit_input {
	background: url(images/submit.png) no-repeat;
	border: 0;
	height: 24px;
	width: 65px;
	padding: 0px 5px;
	margin: 0 0 0 5px;
	color: #FFF;
	font: bold 0.9em arial, sans-serif;
	float: left;
}
#sidebarTop{
	clear:both;
	width: 370px;
	_width: 395px;
	background-color: #f3f9ff;
	border-top:solid #DADADA 1px;
	border-bottom:solid #DADADA 1px;
	padding: 10px 10px 15px 15px;
}
#sidebarLeft{
	margin-top: 20px;
	float:left;
	width: 180px;
	padding:0px 5px 5px 10px;
	_padding: 0px 10px 10px 10px;
	border-right: dashed black 1px;
	overflow: hidden;
}

#sidebarRight{
	margin-top:10px;
	float:left;
	width: 185px;
	padding: 10px 0px 0px 10px;
}
#sidebarLeft #widget , #sidebarRight div {
	margin-bottom: 30 px;
}

#sidebarLeft div h3, #sidebarRight div h3{
	width: 180px;
	border-bottom: 1px #666666 solid;
	margin-bottom: 10px;
}

#sidebarLeft ul li, #sidebarRight ul li{
	list-style-position: outside;
	list-style-image: url(images/li_arrow.png);
	margin: 0px 0px 5px 15px;
}

#sidebarLeft ul li.aktt_more_updates{
	background: transparent;
	margin-left: 0px;
}

#sharethisdiv{
       padding-top: 10px;
       padding-left: 10px;
}
/* data */
.date {
	background: url(images/date.gif) no-repeat;
	height: 54px;
	margin-bottom: 0px;
	width: 54px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #2C6EC1;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #7397C0;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}
.postTitleWrap{
	float: right; 
	width: 410px; 
	clear: right; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding-top: 10px;  
	margin-left: 5px;
}
.title { 
	font-weight: normal; 
	border-bottom-width: 0; 
	font-size: 24px; 
	text-decoration: none;
}
/* comment form */

#comment-form form { margin-top: 1.5em; }

label.com { float: left; width: 100px; }

input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }

input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }

input.comsubmit { margin-left: 100px; }
/*
ul.archives {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }

ul.archives li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 3px; }

ul.archives li a { color: #224970; }

ul.archives li a:hover { color: #000; background: #eee; }
*/
#commentlist ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#commentlist ul li{
display:block;
	float:left;0 1px 0 0;
	font-variant: small-caps;
	}

.commentbox{
	background-color: #ececec;
	width: 450px;
	padding: 10px;
}

.commentfooter{
	background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
}