﻿.BlogPost
{
	width: 383px;
	padding: 20px 20px 20px  20px;
	margin: 0px -10px 0px -10px;
}

.BlogPost h3
{
	
}

.BlogPost img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 88px;
}

.BlogPost .LargeImage
{
	float:left;	
	margin:0px;
	max-width:none;
}

.BlogPost p
{
	text-align: justify;
}

.BlogPost span
{
	float: right;
}

.GreenTheme .BlogPost
{
	border-top: solid 1px #d1e56a;
}

.GrayTheme .BlogPost
{
	border-top: solid 1px #d0d0d0;
}

.BlueTheme .BlogPost
{
	border-top: solid 1px #c1e1e4;
}

.RedTheme .BlogPost
{
	border-top: solid 1px #efd4cb;
}

.YellowTheme .BlogPost
{
	border-top: solid 1px #fbdb81;
}

.BlogComment
{
	padding: 10px;
	background-color: white;
	border: solid 1px #dddddd;
	margin-top: 10px;
}

.BlogCommentOwner
{
	padding: 10px;
	background-color: #fafafa;
	margin-top: 10px;
}

.BlueTheme .BlogCommentOwner
{
	border: solid 2px #c1e1e4;
}

.GreenTheme .BlogCommentOwner
{
	border: solid 2px #d1e56a;
}

.RedTheme .BlogCommentOwner
{
	border: solid 1px #efd4cb;
}

.YellowTheme .BlogCommentOwner
{
	border: solid 1px #fbdb81;
}

.GrayTheme .BlogCommentOwner
{
	border: solid 1px #d0d0d0;
}

.BlogComment span
{
	float: none;
	display: block;
	margin-top: 10px;
}

.BlogCommentOwner span
{
	float: none;
	display: block;
	margin-top: 10px;
}

.BlogPostMini
{
	float: left;
	width: 190px; 
	height: 140px;
	cursor: pointer;
	margin:10px 10px 0px 0px;
	border-bottom: 1px dotted #777777;
}

.BlogPostMini span
{
	display: block;
	margin-bottom: 10px;
}

.BlogPostMiniAlt
{
	cursor: pointer;
	float: left;
	width: 210px; 
	height: 140px;
	border-bottom: 1px dotted #777777;
	margin:10px 0px 0px 10px;
}

.BlogPostVertical
{
	float:left;
	width:1px;
	height:120px;
	border-right: 1px dotted #777777;	
	margin-top:10px;
}

.BlogPostMiniAlt span
{
	display: block;
	margin-bottom: 10px;
}

.BlogPostListItem
{
	width: 420px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px dotted #777777;
	height: 200px;
	cursor: pointer;
}

.BlogPostListItem span
{
	display: block;
	margin-bottom: 10px;
}

.BlogPostListItem img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.Pager
{
	height: 40px;
}

.Pager span
{
	color: White;
}
