@import url("base.css");

/* BLOG * /

/* blog side bar */
body.blog #content #sideBar {width:334px; float:left;}
body.blog #content #sideBar h2 {font-size:12px; padding-left:10px;}
body.blog #content #sideBar p {font-size:11px; padding:4px 100px 4px 10px; color:#727c70;}
body.blog #content #sideBar a {background-color:#fff; color:#f60; padding:0; text-decoration:none;}
/*body.blog #content #sideBar a:hover {color:#727c70;}*/
/* blog content */
body.blog #content #blogContent {width:591px; float:left;}
body.blog #content #blogContent h2 {font-size:26px; color:#222; text-transform:none; font-weight:normal; line-height:30px; padding-left:0;}
body.blog #content #blogContent h2 a {color:#222; text-decoration:none;}
body.blog #content #blogContent h3 {font-size:18px; color:#727c70; font-weight:bold; line-height:30px; padding-bottom:15px;}
body.blog #content #blogContent h4 {font-size:18px; color:#222; font-weight:normal; line-height:30px; padding-bottom:15px;}
body.blog #content #blogContent p {padding-left:0; line-height:24px; padding-right:25px;}
body.blog #content #blogContent p a.more-link {color:#fff; background-color:#f60; text-decoration:none; padding:2px 4px;}
body.blog #content #blogContent small {font-size:11px; color:#8f8f8f; line-height:18px; padding-bottom:10px; display:block;}
/*body.blog #content #blogContent a:hover {color:#727c70;}*/

body.blog #content #blogContent ul {padding-left:35px; padding-bottom:20px; list-style-type:square;  }
body.blog #content #blogContent li {line-height:24px; padding-left:0px; top left no-repeat; font-size:12px;}

/* blog content metadata */
body.blog #content #blogContent p.postmetadata {font-size:11px; color:#8f8f8f; line-height:18px; padding-bottom:0px;}
body.blog #content #blogContent p.postmetadata a {background-color:#fff; color:#f60;}
/* blog content post links */
body.blog #content #blogContent div.links {display:block; width:582px; height:24px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; margin-top:15px; margin-bottom:50px;}
body.blog #content #blogContent div.links p {line-height:24px; font-size:11px; color:#97a595; display:inline; float:left; padding-left:11px; padding-right:15px;}
body.blog #content #blogContent div.links p a {color:#97a595; text-decoration:none; background-color:#fff;	}
body.blog #content #blogContent div.links img {display:inline; float:left;}
/* blog content previous and next links */
body.blog #content #blogContent .navigation {width:591px; font-size:12px; display:block; float:left; margin-bottom:15px; color:#f60;}
body.blog #content #blogContent .navigation .alignleft {width:280px; float:left;}
body.blog #content #blogContent .navigation .alignright {width:280px; float:right; text-align:right;} 
/* blog content comments */
body.blog #content #blogContent #commentList .commentText p {font-size:11px; line-height:24px; padding-bottom:0;}
body.blog #content #blogContent div.commentMeta {display:block; width:582px; height:40px; border-bottom:1px #ddd solid; margin-bottom:30px;}
body.blog #content #blogContent div.commentMeta p {line-height:30px; font-size:11px; color:#97a595; display:inline; float:left; padding-bottom:10px;}
body.blog #content #blogContent div.commentMeta p a {color:#f60; text-decoration:none; background-color:#fff;}
body.blog #content #blogContent div.commentMeta img {display:inline; float:left;}