.BlogRating
{
	width: 80px;
	height: 80px;
	margin: 5px 10px 0px 0px;
	background-color: #cccccc;
	vertical-align: top;
	text-align: center;
	padding: 8px 2px 2px 2px; 
	font-family:  Arial, Helvetica;
	background-image: url(../images/Common/blog_comment_background.gif);
	line-height: 20px;
	color: #666666;
	display:block;
}


/* Aggregate Blog Post Lists */ 

UL.BlogPostList
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

UL.BlogPostMiniList
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

UL.BlogPostMiniList LI.BlogPostArea
{
	margin: 0px;
	padding:0px;
}

.BlogPostDate
{
    font-weight:normal;
    width:35px;
    color:White;
    font-size:70%;
    padding: 0 2px 0 0;
    text-align:right;
    margin-right: 1.5em;
    background: black url(../images/vistablog/bgMiniDate.png) no-repeat 0 0;
    line-height:normal;
}
.BlogPostDate .m
{
    position:relative;
    top:3px;
}
.BlogPostDate .d
{
    font-size:18px;
    position:relative;
    top:-1px;
    padding-left:5px;
}

.BlogPostAgg 
{
    line-height:125%;
}

H4.BlogPostHeader
{
    display:inline;
    margin-top:0;
    margin-bottom:0;
    font-size:135%;
    position:relative;
    top:-.25em;
    line-height:150%;
}

.Faded H4.BlogPostHeader
{
    font-size:175%;
    top:-4px;
    line-height:125%;
}

H4.BlogPostHeader A 
{
    color:#76D8FF;
    font-weight:bold;
    margin-top:0;
    display:inline;
}

.BlogPostList 
{
    margin:0;
    padding:0;
}


.ReadArticle 
{
    display:block; float:left; /* fix broken background image in IE on postion:relative elements */
    background: transparent url('../images/vistablog/icoReadArticle.gif') no-repeat 0 50%;
    padding: 0 1.5em 0 15px; /*indent for bg image, use px since the img won't scale */
    color:#76D8FF;    

    font-size:80%;
    font-weight:bold;
    
}

.CommentsLink 
{
    display:block; float:left; /* fix broken background image in IE on postion:relative elements */
    background: transparent url('../images/vistablog/icoComments.gif') no-repeat 0 50%;
    padding-left:15px; /*indent for bg image, use px since the img won't scale */
    color:#76D8FF;    
    font-size:80%;
    font-weight:bold;
    z-index:0;
}

.BlogPostContent
{
    line-height:150%;
}

.Faded .BlogPostContent
{
    font-size:90%;
}

.BlogPostArea
{
    padding:.5em 1.5em 0em .5em;
    margin-bottom:1.5em;
    line-height:175%;
}

.Faded .BlogPostFooter
{
    border-bottom:1px solid #999999;
    padding-bottom:15px;
}

.Faded .BlogPostFooter .Tags 
{
    font-size:75%;
}

.BlogPostView .BlogPostFooter
{
    border-bottom:1px solid #999999;
    padding-bottom:15px;
    margin-bottom:20px;
}

.BlogPostView .BlogPostContent
{
    border-bottom:1px solid #999999;
}

/* Comment Form */
#commentform {padding: 0;font-size: 0.95em;}
#commentform h2{margin-bottom:0;}
#commentform h3{
    font-size: 1.3em;margin: 0px 10px 0px 0px;padding: 10px 0px 5px;
	font-family: helvetica, arial, sans-serif;
	font-weight: 600;letter-spacing: 0px;}

#commentform p{	padding: 0em; font-size: 0.95em;}

#commentform dl {margin: 0;	padding: 0;}

#commentform dt {	padding: 5px 0 5px 0; font-size: 1.0em;	margin: 0px;}
	
#commentform dd { color: #777777;margin-left:0;}

#commentform dt em {font-size: 0.95em;}
 
#commentform .smallbox {
	width: 350px;
	padding: 2px;
	border-top: 1px solid #7F8D3E;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
}

#commentform textarea {
	width: 500px;
	height: 150px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #7F8D3E;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
	font-size: 1em;
	}
/* End Comment */


/* Post ToolBar */

#postToolbar
{
    font-size:80%;
    width:860px;
    padding: 20px 20px 20px 20px;
}
#postToolbar[id]
{
    background-image:url(../images/vistablog/bgGreyTrans.png);
}

#postToolbar .CommonSubTitle
{
	margin-bottom:0;
	padding-bottom:0;
	color:#FFCC00;
}
/* END Post ToolBar */


#comments
{
    font-size:80%;
    width:860px;
    padding: 20px 20px 20px 20px;
    background-color: #0F1D2A;
}
#comments[id]
{
    /*background-image:url(../images/vistablog/bgGreyTrans.png);*/
}

#comments h3
{
	color: #FFCC00;
	font-size: 130%;
	font-weight:bold;
}

table.Comment
{
	background: #333333 url(../images/vistablog/comments-top.gif) no-repeat 0 0;
	border-collapse:collapse;
	width:833px;
	margin-bottom:10px;
}

.CommentOwner
{
}

.Comment
{
}
.Comment .PostDate
{
    font-weight:normal;
    width:35px;
    color:White;
    font-size:70%;
    padding:0 2px 0 0;
    text-align:right;
    background: black url(../images/vistablog/bgMiniDate.png) no-repeat 0 0;
    line-height:normal;
}
.Comment .PostDate .m
{
    position:relative;
    top:3px;
}
.Comment .PostDate .d
{
    font-size:18px;
    position:relative;
    top:-1px;
    padding-left:5px;
}
.Comment .CommentTop 
{
	height:15px;
}
.Comment .CommentBottom
{
	background: #333333 url(../images/vistablog/comments-btm.gif) no-repeat 0 0;
	height:13px;
}
.Comment .CommentRight
{
    padding-left:13px;
}

.CommentAvatar
{
	border-right-width: 0px;
	padding-right: 0px;
	padding-top:0px;
	padding-left:8px;
}

.CommentAvatar img
{
	border:0;
}

.CommentContent
{
	border-left-width: 0px;
	background-color:#CCCCCC;
	color:Black;
	padding:15px;
}

.CommentTitle
{
	font-size: 110%;
	margin: 0px;
	padding: 0px;
	color:#666666
}

.CommentTitle A, .CommentContent A
{
    color: #666666;
}
.CommentTitle HR
{
    color:White;
}

.CommentText
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.CommentFooter
{
	font-size: 80%;
	color: #999999;
}


UL.BlogLinkCategoryLinkList
{
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	margin-left: 24px;
	padding-left: 0px;
}

UL.BlogLinkCategoryLinkList li
{
	padding-top: 4px;
}

UL.BlogLinkCategoryLinkList li a
{
	font-weight: bold;
}

.BlogLinkCategoryArea
{
	padding: 4px;
}



/*  Blog Post Full View */
.headermaintitle 
{
    font-size:70%;
    line-height:250%;
}

.BlogPostView  /*see ieDownlevel.css for LTE IE 6 hacks */
{
    font-size:80%;
    width:860px;
    padding: 20px 20px 20px 20px;
}
.BlogPostView[class]
{
    background-image:url(../images/vistablog/bgGreyTransBig.png);
}

.BlogPostView H4.BlogPostHeader
{
    display:block;
    color:#FFCC00;
    font-size:200%;
    
}

.BlogPostView .BlogPostFooter .detailColumn 
{
    margin-top:15px;    
    padding-right:20px;
}

.BlogPostView .BlogPostFooter .Small
{
    font-size:80%;
}