/**
  * Title:         CSS - Blog
  * Author:        Roman Leinwather
  * Version:       1.0
  * Copyright:     Copyright (c) 2009 thruDIGITAL
  *
  * ====================================================================
  *
  * TABLE OF CONTENTS
  *
  * 1.  Blog Main Content          
  * 2.  Blog Sidebar
  * ====================================================================
  */
 
/** 1. Blog Main Content   
  * ====================================================================
  */
 
#big_blog_header {height:155px;} /* TODO: Add bg image for the Blog Archive  */

.blog_post_page .post {/* Main Blog Post Big header comes in here*/ padding:155px 0 30px 0; float:left; width:650px;} 

.blog_post_page.blog_archive .post {padding-top:0px;}
.blog_post_page .post a {text-decoration: none;}
.blog_post_page .post h2 {float:left; width:650px; background:url(../img/portfolio/bg_portfolio_item_top.png) 0 0 no-repeat; padding:35px 0 5px 0;}
.blog_post_page .post h2 a {text-decoration:none; font-size:25px; font-weight:bold; font-family:Tahoma, Arial, Verdana, sans-serif; text-shadow:none;} 
.blog_post_page .post h2 a:hover {color:#FF3C00;}
.blog_post_page .post .date {color:#939393; font-size:11px;}
.blog_post_page .post .entry {float:left; width:640px; margin-top:20px; overflow:hidden;} 
.blog_post_page .post .entry p {float:left; width:640px;}
.blog_post_page .post .entry p span.bio_text {display:block; float:left; width:545px;}
.blog_post_page .post .entry p span.twitter_link {display:block; float:left; margin-top:10px;}
.blog_post_page .post .entry p img {float:left; margin:0 10px 0 0;}

.blog_post_page .post .entry h3 {float:left; width:640px; clear:both; font-size:17px; font-weight:bold; text-shadow:1px 1px #fff; padding-bottom:10px;}
.blog_post_page .post .entry h4 {float:left; width:640px; clear:both; font-size:15px; font-weight:bold; text-shadow:1px 1px #fff; padding-bottom:10px;}
.blog_post_page .post .entry ul {float:left; width:640px; clear:both;}
.blog_post_page .post .entry li {float:left; width:620px; clear:both; padding-left:20px; background:url(../img/blog/ico_blue_star.png) 0 3px no-repeat; padding-bottom:5px;}

.blog_post_page .post .entry img {float:left; padding: 5px; background:#fff; border:1px dashed #bbb; margin-top:10px;}
.blog_post_page .post .entry a {color:#FF3C00; text-shadow:1px 1px #fff;}
.blog_post_page .post .entry a:hover {border-bottom: 1px dotted #FF3C00;}
.blog_post_page .post .entry a:visited {color:#18909C;}

/* People page adjustments */
#people .blog_post_page .post .entry p {padding-bottom:20px;}


/* Author */
.blog_post_page .post .author {float:left; width:640px; background:#f2f2f2; margin-top:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.blog_post_page .post .author img {float:left; background:#ddd; border:1px dashed #bbb; max-width:70px; max-height:70px; padding:5px; margin:5px 5px 0 5px;}
.blog_post_page .post .author h5 {float:left; font-weight: bold; width:400px; padding:5px; font-size:13px; margin-top:5px; }
.blog_post_page .post .author p.author_image {float:left; width:80px; padding-bottom:5px;}
.blog_post_page .post .author p.author_biography {float:left; width:485px; padding:5px; font-size:11px;}

/* Follow us */
#blog #content_wrapper #columns #follow_us {width:635px; background-color: #f2f2f2;}
#blog #content_wrapper #columns #follow_us ul {width:565px; padding-bottom:0px;}


/* Comments */
.blog_post_page #comments {float:left; width:635px; margin-top:20px;} 
.blog_post_page #comments .commentlist {float:left; width:635px;}
.blog_post_page #comments .commentlist li {float:left; width:635px; clear:both; padding-bottom:30px;}

.blog_post_page #comments h3 {padding-bottom:20px; text-indent:-99999px; background: url(../img/blog/bg_title_comments.png) 0 0 no-repeat; width:318px; height:56px;}

.blog_post_page #comments .col1 {float:left; width:120px;}
.blog_post_page #comments .gravatar {float:left; width:48px; height:48px; display:block; background:#ddd; border:1px solid #ccc; margin-right:10px; padding:5px;}
.blog_post_page #comments .col1 div {font-size:11px; float:left; color:#999; clear:both; margin-top:10px;}
.blog_post_page #comments .col2 {float:left; width:490px; padding:5px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.blog_post_page #comments .col2 p {float:left; width:490px; padding-bottom:10px;}

/* Respond */
.blog_post_page #comments #respond {float:left; width:635px; background: #f5f5f5 url(../img/blog/bg_form_top.png) 0 0 no-repeat;}
.blog_post_page #comments #respond_cover {float:left; width:650px; background: url(../img/blog/bg_form_bottom.png) bottom left no-repeat;}
.blog_post_page #comments #respond h3 {float:left; width:303px; height:290px; background: url(../img/blog/bg_title_form_comments.png) 0 0 no-repeat; margin:35px 0 0 25px; text-indent:-99999px;}

.blog_post_page #comments #respond form {float:left; width:287px; margin-top:35px; padding-bottom:23px;}
.blog_post_page #comments #respond form p {float:left; width:287px;}
.blog_post_page #comments #respond form p label {display:none;}
.blog_post_page #comments #respond form p input {float:left; width:274px; border:1px solid #b6bcbd; padding:2px 5px; color:#6e7376;}
.blog_post_page #comments #respond form p input#submit_comment {border:none; width:72px; height:25px; margin-left:210px; }
.blog_post_page #comments #respond form p textarea {float:left; width:274px !important; height:132px; border:1px solid #b6bcbd; padding:2px 5px; color:#6e7376; background: #fff url(../img/blog/bg_textarea.png) 90px 18px no-repeat;}


/** 2. Sidebar   
  * ====================================================================
  */

#categories {float:left; width:280px;}
#categories_cover {float:left; width:280px; background: url(../img/blog/bg_categories_list_bottom.png) bottom left no-repeat; padding-bottom:39px;}

#categories h3 {background:url(../img/blog/bg_titlte_categories.png) 0 0 no-repeat;  width:280px; height:136px; margin-left:5px; cursor:pointer;}
#categories h3.clicked {background:url(../img/blog/bg_titlte_categories.png) 0 -136px no-repeat;  width:280px; height:136px; margin-left:5px; cursor:pointer;}

#categories ul {float:left; width:231px; background:#fff; margin-left:5px; padding: 0 20px 0 20px;}
#categories ul li {float:left;}
#categories ul li a {float:left; display:block; color:#B5B5B5; background: url(../img/blog/ico_red_star.png) 0 5px no-repeat; padding-left:18px; margin-right:10px; text-decoration:none;}
#categories ul li a:hover {color:#91999d;}


#blog_archive_by_month {float:left; width:280px;}
#blog_archive_by_month h3 {background: url(../img/blog/bg_title_archive.png) 0 0 no-repeat;  width:280px; height:64px; padding-bottom:20px; cursor:pointer;}

#blog_archive_by_month h4 a {display:block; font-size:13px; font-weight:normal; padding:0 0 5px 20px; text-decoration:none; background:url(../img/blog/ico_blue_star.png) 0 2px no-repeat;}
#blog_archive_by_month ul a {font-size:12px; text-decoration:none; margin-top:5px;}
#blog_archive_by_month ul {margin-left:19px;}
#blog_archive_by_month ul li {margin-top:5px;}