.blogDetail { margin-bottom: 1.5em; overflow: auto; padding: 0 1em;}
.blogDetail .zoneLeft { width: 75%; float: left; padding: 1em 0;}
.blogDetail .zoneRight { width: 24%; padding: 1em 0 1em 0; float: right; overflow: hidden; border: 0 none;}

.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 {
	background: #fff url(/App_Themes/CommunitySite/Images/bg_blog_footter.gif) repeat-x top left;
	font-size: 11px;
	height: 24px;
	padding: 0px 10px;
	line-height: 24px;
	text-align: right;}

.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;}
.BlogPBody p {font-size: 12px;}

.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; font-size: 12px;}
.BlogPBodyDetail p {font-size: 12px;}
.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: 12px; 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; background: url(img/ex.png) no-repeat 0px 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 {}