@charset "utf-8";
/* CSS Document for blog */

.BlogList {
	width: 600px;
	padding: 15px;
	margin: 20px;
	border: 1px dotted #999;
	background: #FFF;
	font-family: 11px Verdana, Arial, Helvetica, sans-serif;
}
	.BlogList a {
		color: #000;
		text-decoration: none;
	}
	.BlogList .Blog {
		width: 580px;
		padding: 10px;
		margin: 5px 0;
		background: #F5F5F5;
		border: 1px dotted #F5F5F5;
	}
	.BlogList .Blog:hover {
		background: #F5F5F5;
		border: 1px dotted #CCC;
	}
		.BlogList .Blog .Name {
			font: bold 13px/20px Verdana, Geneva, sans-serif;
			width: 400px;
			float: left;
		}
		.BlogList .Blog .LastPost {
			float: right;
			width: 160px;
			padding: 0 10px 0 0;
			text-align: right;
			font: 10px/20px Verdana, Geneva, sans-serif;
			clear: right;
		}
		.BlogList .Blog .Description {
			font: 12px Verdana, Geneva, sans-serif;
		}
.BlogHeader {
	width: 740px;
	margin: 10px 0 30px 20px;
	font: bold 200% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background: url(../images/rubrik_line_red.gif) repeat-x;
}
	.BlogHeader span {
		font: bold 50% Georgia, "Times New Roman", Times, serif;
		background: #FFF;
		padding: 0 8px;
		margin: 0 8px;
	}
	.BlogHeader img { border: none; }
	.BlogHeader a {
		color: #000;
		text-decoration: none;
	}
	.BlogHeader .TopRightFunction {
		float: right;
		margin: 15px 0 0 0;
		font: normal 50% Verdana, Geneva, sans-serif;
	}
.Blog {
	width: 740px;
	margin: 0 0 0 20px;
	font-family: 11px Verdana, Arial, Helvetica, sans-serif;
}
	.Blog img { border: none; }
	.Blog h1 { font: bold 170%/200% Georgia, "Times New Roman", Times, serif; }
	.Blog .TopRightFunction { float: right; }
	.Blog .FormTable td { padding: 2px; }
		.Blog .TopRightFunction img { vertical-align: middle; }	
		.Blog .TopRightFunction a:link, .Blog .TopRightFunction a:visited, .Blog .TopRightFunction a:active {
			color: #000;
			text-decoration: none;
		}
		.Blog .TopRightFunction a:hover { color: #4B7C9A; }
	.Blog .BlogPosts {
		width: 500px;
		padding: 0 20px 0 0;
		margin: 0 20px 0 0;
		float: left;
		font-family: 11px Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/1x1_cccccc.gif) repeat-y right top;
	}
		.Blog .BlogPosts .Post {
			margin: 0 0 15px 0;
			padding: 0 0 15px 0;
			border-bottom: 2px dashed #4B7C9A;
			font: 11px Verdana, Geneva, sans-serif;
		}
			.Blog .BlogPosts .Post .PostCreated { color: #999; }
			.Blog .BlogPosts .Post .PostHeader { font: bold 170%/200% Georgia, "Times New Roman", Times, serif; }
			.Blog .BlogPosts .Post .PostHeader2 { font: normal 80%; }
				.Blog .BlogPosts .Post .PostHeader2 .AddThisButton { float: right; }
					.Blog .BlogPosts .Post .PostHeader2 .AddThisButton img { vertical-align: middle; }
					.Blog .BlogPosts .Post .PostHeader2 .AddThisButton a { color: #666; text-decoration: none; }
			.Blog .BlogPosts .Post .PostContent { margin: 15px 0 0 0; }
			.Blog .BlogPosts .Post .Comments {  }
				.Blog .BlogPosts .Post .Comments .CommentsHeader { font: bold 150% Georgia, "Times New Roman", Times, serif; }
				.Blog .BlogPosts .Post .Comments .Comment { margin: 6px 0; }
					.Blog .BlogPosts .Post .Comments .Comment .CommentSender { font-weight: bold; }
			.Blog .BlogPosts .Post .WriteComment { margin: 20px 0 0 0; }
				.Blog .BlogPosts .Post .WriteComment .WriteCommentHeader { font: bold 150% Georgia, "Times New Roman", Times, serif; }
				.Blog .BlogPosts .Post .WriteComment .InputElement, .BlogInputElement { font-size: 80%; margin: 2px 0 8px 0; }
				.Blog .BlogPosts .Post .WriteComment .InputBox, .BlogInputBox {
					font: 11px Verdana, Geneva, sans-serif;
					padding: 2px 3px;
					width: 300px;
					border: 1px solid #8a919a;
				}
				.Blog .BlogPosts .Post .WriteComment .InputBoxSmall, BlogInputSmall {
					font: 11px Verdana, Geneva, sans-serif;
					padding: 2px 3px;
					width: 100px;
					border: 1px solid #8a919a;
				}
				.Blog .BlogPosts .Post .WriteComment .InputTextarea, .BlogInputTextarea {
					font: 11px Verdana, Geneva, sans-serif;
					padding: 2px 3px;
					width: 300px;
					height: 150px;
					border: 1px solid #8a919a;
				}
				.Blog .BlogPosts .Post .WriteComment .InputButton, .BlogInputButton {
					font: 11px Verdana, Geneva, sans-serif;
					padding: 2px 3px;
					background: #cccccc;
					border: 1px solid #58676c;
				}
	.Blog .BlogInfo {
		width: 200px;
		float: right;
		font: 11px Verdana, Geneva, sans-serif;
	}

a:link.BlogBlueLink, a:visited.BlogBlueLink, a:active.BlogBlueLink {
	color: #4B7C9A;
	text-decoration: none;
}
a:hover.BlogBlueLink {
	color: #4B7C9A;
	text-decoration: underline;
}
a:link.BlogBlackLink, a:visited.BlogBlackLink, a:active.BlogBlackLink {
	color: #000;
	text-decoration: none;
}
a:hover.BlogBlackLink {
	color: #000;
	text-decoration: underline;
}

table.ListTable {
	width: 100%;
}
	table.ListTable td.tdHead {
		background: url(../Admin/img/TopContainerBG.png) repeat-x;
		font-weight: 700;
		color: #FFF;
		padding: 3px;
	}
	table.ListTable td {
		padding: 2px 3px;
	}
.BlogClear {
	clear: both;
	font-size: 0px;
}