.clear {
	clear: both;
	display: block;
	height: 1px;
	text-indent: -500em;
}

/*
=LAYOUT CSS
*/

#blogposts {
	/*width: 450px;*/
	margin: 0 auto;
}

#blogcontent {
			font-family: "Tahoma";
			font-size: 12px;
			color: #333;
			padding: 10px;
		}

#blogcontent img.avatar {
				border: 4px solid #F0F0F0;
				float: left;
				margin-right: 10px;
			}

#blogcontent h1 {margin:0 0 1em 0; color:#000;}
#blogcontent h2 {margin:0; padding:0; text-align:left; font-size:20px; color:#000;}
#blogcontent h3 {font-size: 16px; color: #555;}
#blogcontent h4 {font-size: 14px; color: #F6740E;}
#blogcontent a:active, 
#blogcontent a:visited, 
#blogcontent a:link {color: #495495; text-decoration: none;}
#blogcontent a:hover {color: #c90; text-decoration: underline;}

#blogcontent .post {margin-bottom:40px;}
#blogcontent .byline {margin-bottom:15px; font-size: 11px; color: #999;}
#blogcontent .byline span {font-weight:bold; color:#666;}

#blogcontent p.postinfo {
				position: relative;
				background: transparent url(images/categories.gif) 0px 0px no-repeat;
				width: 280px;
				margin: 0px;
				float: left;
				padding: 2px;
				padding-left: 18px;
				text-align: left;
				font-size: 10px;
				font-family: "Verdana";
			}
                      
#blogcontent .date {
				background: transparent url(images/date.gif) left top no-repeat;
				height: 78px;
				width: 74px;
				float: right;
				padding-top: 10px;
				font-family: "Arial";
				text-align: center;
			}
			
#blogcontent .date .mon {
					display: block;
					font-family: "Arial";
					font-size: 15px;
					font-weight: bold;
					color: #CD4949;
				}
				
#blogcontent .date .dateN {
					display: block;
					font-size: 14px;
					color: #7F7F7F;
					line-height: 20px;
				}
				
#blogcontent .date .year {
					display: block;
					line-height: 20px;
					font-size: 15px;
					color: #F2AD77;
				}