/********************************************************************/
/** Blog module CSS - DarkShades theme 0.1 (sean@silverstripe.com) **/
/********************************************************************/

#BlogContent {
	margin-right: 200px;
	background: url(../images/large_quote-bg.gif) no-repeat top right;
}

.blogSummary {
	margin-bottom: 20px;
	border-bottom: 1px solid #666;
}

.BlogError {
	text-align: center;
}

.BlogError p {
	color: #fff;
	display: inline;
	background:	#f77;
	padding: 7px;
	font-weight: bold;
}

.authorDate,
.tags,
.blogVitals {
	font-size: 10px;
}
	.authorDate {
		margin-bottom: 5px !important;
	}
	
.actionLinks {
	margin-bottom: 0 !important;
}
	.actionLinks li {
		padding: 0 !important;
		list-style-type: disc !important;
	}

.blogTitle {
	overflow: hidden;
	padding-bottom: 10px;
}
	.date,
	.title {
		float: left;
	}
		.date {
			background: url(../images/date_icon.gif) no-repeat top left;
			position: relative;
			height: 51px;
			width: 50px;
			margin-right: 10px;
			text-align: center;
			font-size: 10px !important;
		}
			.date .year {
				display: block;
			}
			.date span,
			.date a {
				font-size: 10px;
				line-height: 1.3;
				font-weight: bold;
				font-family: Georgia, "Times New Roman", serif;
			}
				.date a:hover {
					color: #fff;
				}
			.date .year {
				margin-bottom: 3px;
				padding-top: 2px;
				padding-bottom: 2px;
			}
		.title {
			width: 330px;
		}
			
	.comments {
		float: right;
		font-size: 17px !important;
		text-decoration: underline;
		color: #000;
		font-family: Georgia, "Times New Roman", serif;
		background: url(../images/bubble.gif) no-repeat center center;
		padding: 11px 24px 20px 22px;
	}
		.comments:hover {
			background: url(../images/bubble-on.gif) no-repeat center center;
			color: #fff;
		}
		
#PageComments {
	margin: 0;
}
	#PageComments li {
		margin: 0;
	}

#tagsnote {
	margin-top: 10px;
	display: block;
}

#Content textarea,
#Comment textarea,
#BlogContent input.text {
	width: 60%;
}

form .Actions {
	width: 90%;
}

.tagcloud .not-popular { font-size: 10px !important; }
.tagcloud .not-very-popular { font-size: 13px !important; }
.tagcloud .somewhat-popular { font-size: 16px !important; }
.tagcloud .popular { font-size: 19px !important; }
.tagcloud .very-popular { font-size: 22px !important; }
.tagcloud .ultra-popular { font-size: 25px !important; }