/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*- Header -*/
#header{
	height: 100px;
	background-color: #ffffff;
	margin: 0 15px;
	padding: 0px;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
	line-height: 100px;
	font-size: 24px;
        
}
#header h1 a{
	display: block;
	height: 93px;
	width: 389px;
	color: #000000;
	font-size: 28px;
}

.author_photo {
	float: left;
	margin-right:  10px;
	background-color: #ffffff;
}

/* Related Posts */
.related-post { width: 572px; padding: 10px; margin-left: 1px; margin-top: 5px; margin-bottom: 5px;}
.related-post { border:1px solid #B9B9B9; background:#ECECEC}
.related-post ul {border-top:1px solid #B9B9B9; margin-bottom: 5px;}
.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #B9B9B9}
.img_related_post{
float:left;
}
.related_post img {
float: left;
align:left; width: 52px; height: 60px;
border: 0px solid #ccc;
margin: 0px 6px 0px 0px;
padding: 2px 2px 2px 2px;
}
#scontent {
position:absolute;
left: 0;
top: 221px;
width: 150px;
padding: 5px 5px 5px 10px;
font-size: 11px;
color: #333;
}

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
	margin: 0;
}
.post h2{
	font-size: 18px;
	padding: 0 0 5px;
}
.post h3{
	font-size: 14px;
}
.post h3 a{
	color: #000000;
}
.post p{
	padding: 0 0 15px;
	line-height: 15px;
}

/*- Box -*/
.box{
	clear: both;
	height: 1%;
	padding: 0;
	margin: 0;
}
.box .post{
	width: 288px;
	background-color: #ffffff;
	border:1px solid #ddd;
}
.box .post h2 a{
	color:#333333;
}
.box .post h2{
	font-size: 18px;
	padding: 10px;
	line-height: 20px;
}
.box .post p{
	font-size: 11px;
	padding: 5px 10px;
}

.box .post img{
	border: 1px solid #dddddd;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 10px;
	float: right;
}

/*=== Traditional Blog Post ===*/
.post-alt{
	margin: 0 0 15px 0;
	
}
.post-alt h2{
	font-size: 16px;
	padding: 0;
	color:#000000;
	line-height: 26px;
}
.post-alt h3{
	font-size: 13px;
	padding-bottom: 5px;
	line-height: 18px;
	color: #000000;
}
.post-alt h4{
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a{
	color: #000000;
}
.post-alt p{
	padding: 0 0 15px;
}
.post-alt p.post_date{
	color: #999999;
	padding: 5px 0px 10px;
	font-size: 11px;
	font-weight: normal;
}
p.posted{
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	background-color: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	text-align: right;
	border-top:1px solid #ddd;
	/*border-bottom:1px solid #ddd;*/
	clear:both;
}
h3.posted a {
	color: #000000;
	font-size:11px;
}

.box .post h3.posted {
	border-bottom:none;
}

.author_info {
	float: left;
	width: 573px;
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}

.author_info h3 {
	margin-bottom: 10px;
}

.author_photo {
	float: right;
	margin:  0 0 0 10px;
	background-color: #ffffff;
}

.author_photo img {
	border: 1px solid #666666;
}
