/*
Theme Name: bemoko blog
Theme URI: http://blog.bemoko.com/
Description: The theme based on www.bemoko.com
Version: 4
Author: Ian Walsh
*/

div.bodytext, div.sidetext,a, div.PostFoot,h1,h2,h3, #footer{
	font-family:Verdana,Arial,sans-serif;
	color:#414141;
}
/* ----- page structure ----- */
div#body {
	background:#f2f2f2 url(images/drop.png) repeat-x top left;
	padding-top:30px;
	clear:both;
}

div#content_wrapper {
	clear:both;
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
div#content{
	background-color:#fff;
	padding-bottom:20px;
}

div#content_top_trim{
	height:17px;
	background:url(images/article-top.png) top left no-repeat;
}

div#content_bottom_trim{
	height:40px;
	background:url(images/article-bottom.png) top left no-repeat;
}

div#left_column {
	float:left; 
	width:217px;
	padding:0px 0px 0px 15px;
	font-size:0.9em;
	color:#414141;
	text-align:right;
	background:#fff;
}

div#centermerged_column{
	padding:0px 25px;
	float:left; 
	width:648px; 
	z-index:0;
	background:#fff;
}



/* ----- header ----- */
#headerwrapper{
    background-color:#252423;
    clear:both;
    height:106px;
}
#header{
    clear:both;
    width:940px; margin-left:auto;margin-right:auto; 
 }

/* ----- bemoko logo ----- */
#logo img{margin:34px 0px}
div#logo{float:left}

/* menu at top of page */
div#top_menuwrapper{clear:both; background-color:#383735;height:40px; border-top:1px solid #726e6b;border-bottom:1px solid #726e6b}
div#top_menu{width:940px;margin-left:auto;margin-right:auto;}
#top_menu ul {
	position:relative;
	margin-left:2px;
}

#top_menu li {
	float:left;
	list-style:none;
	width:117px;
	background: url(images/menu-seperator.gif) right 50% no-repeat;
}
#top_menu li a {
	text-align:center;
	display:block;
	color:#fff; 
	font-size:0.7em; 
	line-height:40px;
	position:relative;
	z-index:10;
	text-decoration: none;
}
#top_menu ul{
    background: url(images/menu-seperator.gif) left 50% no-repeat;
    padding-left:2px;
    height:40px;
}
#top_menu li.back{
	background:transparent url(images/menu-selected.png) top left no-repeat;
	z-index: 8;
	height:60px;
    position: absolute;
    top:0px;
    overflow-y:visible;
    overflow-x:hidden;
}

#top_menu li.back .left{
    height:40px;
}


/* ----- footer banner and menu ----- */
div#footerwrapper {
	background-color:#252423;
	border-top:4px solid #726e6b;
	clear:both;
	}
div#footer {
	clear:both;
	width:940px;
	margin-left:auto;margin-right:auto;
	padding-top:20px;
}

div#footer>div {
    width:297px;
    float:left;	
    margin-left:20px;
}
div#footer>div:FIRST-CHILD {
    margin-left:0px;
}

div#footer h3 {
    color:#ffffff;
    font-size:0.8em;
    font-weight:bold;
    bordder-bottom:1px solid #ffffff;
    padding-bottom:10px;
    background: url(images/seperator.png) repeat-x bottom left;	
}

#footer ul {list-style:none;  padding-right:12px}
#footer ul li {color:#fff; font-size:0.6em; line-height:28px;vertical-align:middle}
#footer li a {color:#fff; font-size:1em; }

#footer a{
    text-decoration:underline;
}
#footer a:hover{
    color:${linktext};
}

/* ----- generic content styling ----- */
div.clear{clear:both}
h1{color:#ffffff; font-size:1.5em; font-weight:bold}
h2.pagetitle{
	color:#414141; 
	font-weight:bold; 
	font-size:1.2em; 
	margin:10px 0px; 
	padding: 6px; 
	line-height:28px;
	background: url(images/dbl_seperator.png) repeat-x top left;
}
h3{clear:both;color:#E42518; font-weight:bold; font-size:1.0em; margin-bottom:12px; margin-top:16px}

.bodytext{font-size:0.8em; margin-bottom:6px;line-height:1.5em;}
.sidetext{font-size:0.7em; margin-bottom:6px;line-height:1.5em;}
div.bodytext p, div.sidetext p{margin-bottom:12px; font-size:1em}
.bodytext ul {
	padding-left:20px;
}

div.blog-seperator {
	height:30px;
	background: url(images/post-seperator.png) 0% 50% no-repeat;
}

div#sidebar ul {list-style:none; margin-left:0px; padding-left:0px}
div#sidebar li {margin-bottom:5px}
/* Images */
img.border{border:1px solid #555;}
img.largethumbnail{margin:20px}
img.float{float:left;margin-right:20px;margin-bottom:20px;}
img.block{display:block}


/* Follow me */

div.twitlink {float:right;font-size:0.8em}

/* post header */
.PostTime{
	float:left;
	overflow:hidden;
	width:75px;
	margin-right:15px;
	background: #252423;
	font-family:Arial;
	color: #FFF;
}
.PostTime b{
	background:#e31c18 none repeat scroll 0 0;
	clear:both;
	color:#FFFFFF;
	display:block;
	font-size:48px;
	font-weight:bold;
	height:48px;
	line-height:48px;
	overflow:hidden;
	padding:0;
	text-align:right;
	width:75px;
	z-index:999;
}
.PostTime pm, .PostTime am {
	background: #252423;
	color: #FFF;
	padding:0px;
	display: block;
	width:75px;
	left: 0;
	font-size: 14px;
	text-align: right;
}
.PostHead{
	padding-top:10px;
}
.PostHead h2 a{
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	width:540px;
}

.PostHead h2 {
	margin:0px;padding:0px;
}

.PostBody {
	clear:both;
	padding-top:10px;
}

.PostFoot {
	font-size:0.8em; 
}

.PostFoot a{
	text-decoration: none;
}

.PostFoot a:hover{
	text-decoration: underline;
}

.PostFoot span.comments {
	float:right;
	padding-left:20px;
	background: url(images/post-comments.gif) top left no-repeat;
}

.PostFoot ul, .PostFoot ol{
	padding-left:20px;
}

/* ---- left bar widget styles ---*/
#left_column h2 {
	font-size:16px;
	position:relative;
	left:-30px;
	background: #383735 url(images/title-banner.png) top left no-repeat;
	color: #fff;
	height:36px;
	width:237px;
	margin:10px 0px;
	padding:13px 10px 0px 0px;
}
#left_column li>ul, li.widget_tag_cloud>div {
	padding-right:10px;
}