.blogDetail { padding-bottom: 1em; overflow: auto;}

.blogDetail .zoneTop {padding-right: 20px;}
.blogDetail .zoneLeft {
	width: 71%;
	float: left;
	padding: 1em;
}
.blogDetail .zoneRight {
	width: 24%;
	float: right;
	overflow: hidden;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 0;
}

.BlogPTitle, .BlogPTitleDetail{
	background: #fff url(../../../App_Themes/CommunitySite/Images/bg_blog_header.gif) no-repeat center left;
	padding: 2px 10px 0px 30px;
	font-weight: bold;
	font-size: 1.2em; color: #666; text-transform: uppercase;
	height: 35px;
	line-height: 35px;
	margin: 0px;}

.BlogPTitleDetail h1 {margin-bottom: 0px; padding-bottom: 0px;}
.BlogPTitle a {color: #666;}
.BlogPTitle a:hover { text-decoration: none; color: #333;}

.BlogPDateWhole {font-size: 11px; text-align: right;
	background: #e7e7e7 url(../img/bg_blog_footer.png) repeat-x;
	margin-bottom: 15px; padding: 5px 0 0;}

.BlogTagsWhole {
	font-size: 11px;
	padding: 0px 10px;
	text-align: right;
	background-color: #ededed;
	padding-bottom: 5px;}

.BlogTagsWhole a:hover {}
.BlogPDateWhole a {}

.BlogPDateWhole a:hover {text-decoration: none;}

.BlogPBody {background: #fff; padding: 1em 0.5em; overflow-y: auto; font-size: 12px; line-height: 1.3em;}
.BlogPBody .readMore {font-weight: normal !important;}

.BlogPBody .teaser, .BlogPBodyDetail .teaser, .CommentUserPicture, .blogListTeaser {
	float: left; max-width: 100px; 
	padding: 0.25em 0.25em 1.25em 0.25em; margin: 0 0.5em 0.5em 0;
	background: #ededed; border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #888888; -webkit-box-shadow: 0px 0px 4px #888888;}

.blogListTeaser {padding-top: 2px;}

.BlogPBodyDetail {background: #fff; padding: 1em 0.5em; overflow-y: auto;}
.BlogPBodyDetail .teaser { max-width: 250px; margin: 0 1em 0.25em 0;}

.TrackbackPanel {font-size: 0.9em; margin-bottom: 2em; padding: 0.5em;}
.TrackbackPanel br { display: none;}
.TrackbackLabel { display: block; font-weight: bold;}

.sociable { padding: 0.5em; border-top: 1px dashed #ccc;}
.sociable img { vertical-align: middle;}


/*#Blogs/Comments#*/

#comments { margin: 0 auto; }

.BoardMessageTitle, .BlogCommentsTitle {padding: 1em 0; margin-bottom: 1em; font-size: 2em; font-weight: bold;
	color: #666; }

/* actual comments display */
.CommentDetail {margin: 0; padding: 0.5em; border: 1px solid #ccc;}
.CommentDetail.alt { border-top: 0 none; background: #f1f1f1;} /* applied vai jquery */
td.commentInfo { font-size: 0.9em; color: #999; line-height: 0.9em; padding: 0 0 1em 42px;
	background: url(../img/quotel.png) no-repeat 0 0;}
.CommentUserName { font-size: 2em; line-height: 1em; display: block; color: #666;}
.CommentText { font-size: 1em; line-height: 1.2em; color: #666;}
.buttonpedding {padding: 0 0 0.5em 0;}
.buttonpedding a { padding: 0.25em 0.5em; margin-right: 0.25em; background: #999; color: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.buttonpedding a:hover { background: #666; text-decoration: none;}
br.hide { position: absolute; left: -999em; height: 0; display: none;}

.BlogSubscribe { display: none;} 
/* comment form */
.BlogPanel {  margin: 2em 0;  width: 100%;}

.BlogLeaveComment {font-size: 2em; color: #666; margin-left: 52px;  font-weight: bold;}
.BlogPanel .InfoLabel { text-align: center; display: block;}

.BlogPanel table.commentFormBox { margin-left: 52px;}
.BlogPanel td { padding: 5px;}
.BlogPanel td td td { padding: 0;}

.BlogPanel textarea.TextAreaField {height: 80px; width: 350px !important;}



/*#Blogs/List of blogs#*/

.blogMainList img {float: left; margin: 3px 5px 5px 0px;}
.blogMainList a {}
.blogMainList a:hover {}

a.FeedLink {font-size: 12px; padding-left: 4px;}