/*  
Theme Name: Blog By Day
Theme URI: http://blogbyday.com
Description: The official theme for Blog By Day.
Version: 1.1.4
Author: Jamie Le Souef
Author URI: http://www.jamielesouef.com
*/


body,html{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	margin:0;
	padding:0;
	background:url(images/main-body-background.gif) 0 0 repeat-x;
	border-bottom:5px solid #595959;

}
img{
	border:none;
}
.imgLogo{
	width:100%;
	height:auto;
}
h1,h2,h3{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}
.MainSidebar{
	background:#e9e9e9;
	height:100%;
}
.MainSidebar ul{
}
.MainSidebar ul,
.MainSidebar li{
	list-style:none;
	margin:0;
	padding:0;

}
.MainSidebar li a{
	display:block;	
	padding:3px;
	margin:3px;
	border-bottom:1px solid #666;
	color:#000;
	text-decoration:none;
}
.MainSidebar li a:Hover{
	background:#535353;
	border-right:6px solid #8bbb28;
	text-align:right;
	color:#FFF;
}
.widget{
	margin:3px 0 15px;
	padding: 3px 0;
}
#tag_cloud, #ctc{
}
#tag_cloud a, #ctc a{
	display:inline;
	border:none;
	margin:0;
	padding:0;
}
.page_item{
	float:right;
	list-style:none;
	margin:-4px 0 0;
	padding:0 5px;
}
.page_item a{
	display:block;
	text-decoration:none;
	color:#FFF;
	background:#8bbb28;
	padding:5px 5px;
}
.page_item a:Hover{
	background:#5a5a5a;

}
#recentcomments li{
	display:block;
	padding:3px;
	margin:3px;
	border-bottom:1px solid #666;
	color:#000;
}

#recentcomments li a{
	border-bottom:none;
	text-decoration:none;
	color:#8bbb28;
	
}

#recentcomments li a:Hover{
	background:#8bbb28;
	text-align:right;
	border-right:none;
	color:#FFF;
}
.widgettitle{
	background:#535353;
	border-top:3px solid #8bbb28;
	color:#FFF;
	padding:2px 5px;
}
.postheading{
	margin:4px 0;
	padding:4px 0;
	border-bottom:1px dashed #8bbb28;
}


#wrapper {
	width:85%;
	margin:0 auto;
}
#header {
	height:125px;
	margin:0 0 10px 0;
	background:url(images/header-background.gif) 0 0 repeat-x;
}
#searchbox{
	float:right; 
	width:318px;
	background:url(images/search-background.jpg) 0 100% no-repeat;
	height:31px;
	width:295px;
	margin:0 0 0 0;
	padding:60px 0 0 23px;
}
#headerrss{
	float:right;
	width:111px;
	padding:20px 10px 0;
}
.headerSearchBox{
	background:none;
	border:none;
	padding:3px 0 0 30px;
	height:auto;
	width:175px;
}
.headerSubmitButton{
	background:none;
	border:none;
	margin-left:5px;
}
#left-sidebar,
#content,
#right-sidebar{
	float:left;
}
.postentry{
	padding:0 1% 10px;
	border:1px solid #e9e9e9;
}
#left-sidebar{
	width:18%;
}
.sidebarTop{
	width:18%;
	background:#e9e9e9 url(images/gray-box-cnr-left.gif) 0 0 no-repeat;
}
#content{
	width:53.5%;
	/*margin:0 1%;*/
	padding:0 1%;
	min-height:650px;
	background:#FFF;
}
#body-container{
	background:#e9e9e9;
}

.postentry{
	margin:3px 0 20px;
	padding-bottom:5px;

}
#right-sidebar{
	width:24%;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0;
	padding:0;

}
#postmetadataholder{
	margin:2px;
	padding:5px 2px;
	width:85%;
	float:left;
	border:1px solid #8bbb28;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
	.postmetadata,
	.socialposter{
		float:left;
	}
	.socialposter{
		float:right;
	}
	.postmetadata{
		width:33%;
	}
	.socialposter{
		width:13%;
		text-align:center;
	}
	
	.postmetadata ul{
		list-style:none;
		margin:0;
		padding:0;
	}
.permanlinkH2{
	margin-top:0;
	padding-top:0;
}
.permanlinkH2 a{
	text-decoration:none;
	color:#2800aa;
}
.permanlinkH2 a:Hover{
	text-decoration:underline;
}
.postdateauthor{
	float:right;
}
#footer{
	background:#4d4d4d url(images/footer-background.jpg) 0 0 repeat-x;
	height:41px;
	font-size:10px;
	color:#FFF;
	margin:10px 0 0 0;
}
#footer a{
	color:#8bbb28;
	text-decoration:none;
}
#footer a:Hover{
	text-decoration:underline;
}
#footer div{
	float:left;
}
#footer-xml{
	background:url(images/footer-xml.jpg) 0 0 no-repeat;
	width:319px;
	height:26px;
	margin:0 50px 0 0;
	text-align:center;
	padding:13px 0 0;
	color:#4d4d4d;
}
#footer-xml a{
	color:#4d4d4d;
}
#left-sidebar,
#right-sidebar{
	padding:0;
	margin:0;
}
.logoImg{
	padding:0 0 0 5%
}

#left_side_bar{
	float:left; 
	width:20%;
}

#right_side_bar{
	float:right;
	width:24%;
}