/*
 * Web Design and Web Development by Goran Beko
 * September 2010
 */

/* BLOG ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.browserBlogs,.browserPosts{border-bottom:1px dashed #999;display:block;margin-bottom:20px;padding-bottom:20px}
.browserPostsSmall{border-bottom:1px dashed #C35101;display:block;margin-bottom:10px;padding-bottom:10px}
.browserPostsSmall p.commentsNumber{color:#FFF;font-size:11px;padding:0}
.browserPostsSmall p.blogName_commentsNumber{border:none;margin:0;padding:0}
h2.blogName,h3.title{font-size:18px;font-weight:400;line-height:125%;margin:0 0 5px}
h2.blogName a:hover,h3.title a:hover{color:#C80000;text-decoration:underline}
p.fullName,p.userName{border-bottom:1px solid #ccc;color:#999;font-size:11px;margin:0 0 20px;padding:0 0 5px}
p.blogName_commentsNumber{border-bottom:1px solid #ccc;color:#999;font-size:12px;margin:0 0 20px;padding:0 0 5px}
span.blogName a{color:#C80000}
.browserPosts p.lead{color:#000;font-size:13px;font-style:italic;line-height:150%;margin:0 0 15px 120px;padding:0}
p.lead{color:#5D5D5D;font-size:13px;font-style:italic;line-height:150%;margin:0 0 20px 120px;padding:0}
p.readMore a:hover{text-decoration:underline}
a.smallThumb{display:block;float:left;margin-right:20px;text-align:center;width:100px}
a.mediumThumb{display:block;float:left;margin-right:20px;text-align:center;width:150px}
a.largeThumb{display:block;float:left;margin-right:20px;text-align:center;width:300px}
a.smallThumb img,a.mediumThumb img,a.largeThumb img{border:1px solid #C80000}
h2.blogName a,h2.blogName a:visited,h3.title a,h3.title a:visited,p.readMore a,p.readMore a:visited{text-decoration:none}
div.description,p.readMore{margin-left:120px}
span.releaseDate,span.blogName{border-right:1px solid #999;margin-right:4px;padding-right:5px}