/* B Styles */

.input200{width:200px;}
.input300{width:300px;}
.input400{width:400px;}



.text10{font-size:10px;}

#blog-column{float:left; width:560px;}
#blog-nav{float:left; width:160px; padding-left:15px;}


.blog-item{clear:left; border-bottom:2px solid #DDDDDD; margin-bottom:20px; padding-top:5px; overflow:auto;}
.blog-title{clear:left; font-weight:bold; font-size:16px; padding-bottom:0px; color:#AA0000;}
.blog-date{clear:left; font-weight:bold; font-size:11px; padding-bottom:5px;}
.blog-text{clear:left; padding-bottom:10px;}
.blog-pic{float:right; border:2px solid #DDDDDD; padding:1px; margin-right:5px; margin-left:15px; margin-bottom:10px;}

.blog-footer{clear:left; padding-bottom:10px; overflow:auto;}
.blog-comment-count{float:left; width:150px;}
.blog-comment-postlink{float:left; width:150px;}


.blog-nav-section{clear:left; margin-bottom:15px; border-bottom:1px solid #CCCCCC;}
.blog-nav-head{clear:left; color:#FFFFFF; background-color:#AA0000; padding-top:2px; padding-bottom:3px; padding-left:5px; font-weight:bold; border-bottom:2px solid #BBBBBB;}
.blog-nav-listitem{clear:left; border-bottom:1px dotted #DDDDDD; padding-top:2px; padding-bottom:3px; padding-left:5px; overflow:auto; font-size:11px;}


#blog-comments-head{font-size:16px; font-weight:bold;}

.blog-user-comment{clear:left; padding-top:20px; padding-bottom:20px; border-bottom:1px dotted #DDDDDD; overflow:auto;}
.blog-user-icon{float:left; width:95px;}
.blog-user-content{float:left; width:465px;}
.blog-username{font-weight:bold; font-size:14px;}



.blog-comments-box{clear:left;}
.blog-comments-title{clear:left; font-weight:bold; font-size:16px; padding-bottom:4px;}
.blog-comments-row{clear:left; padding-bottom:5px; overflow:auto;}
.blog-comments-field{float:left;}
.blog-comments-value{float:left; padding-top:2px; padding-left:5px;}