/* CSS Document */

html, body  {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	}

body {	
	background-color: rgb(255,255,204);
	line-height: 14px;
	text-align: left;
	}
	
#blogcontainer {
	width: 355px;
	height: 100%;
	padding: 0 0 15px 0;
	margin:  0 30px 15px 15px;	
	text-align: center;
	display: block;
	position: absolute;
	left: 0;
	text-align: left;
	}	

.blogitem {
	width: 330px;
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	}
	
.blogdate {
	font: bold 10px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: #333;
	line-height: 12px;
	text-align: left;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 0;
	}

.bloghead {	
	font: bold 18px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: rgb(185,0,0);
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	}	
	
.blogcathead {	
	font: bold 20px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: #333;
	text-transform: none;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
	}	

.blogitem p {
	font: normal 12px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: #333;
	line-height: 16px;
	text-align: left;
	margin: 0;
	}

.blogitem a, .blogitem a:active, .blogitem a:visited, .blogitem a:focus {
	font: bold 12px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: rgb(185,0,0);
	text-transform: none;
	text-decoration: none;
	}

.blogitem a:hover {
	text-decoration: underline;
	}
		
.blogitem p + p {
  text-indent: 1.5em;
  margin-top: 0 }
  
.blogitem img {
	padding: 0;
	border: 0;
	outline: none;
	}	

.blogitem img {
	float: left;
	margin: 0 10px 5px 0;
	}	

.leftimg {
	float: left;
	margin: 0 10px 5px 0;
	}
	
.rightimg {
	float: right;
	margin 0 0 5px 10px;
	}		
		
.blogcats {
	margin: 0;
	padding: 5px 0;
	border: 1;
	display: block;
	}

.blogcats ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
	border: 0;
	}
		
.blogcats li {
	font: bold 10px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0;
	border: none;
	margin: 0 5px 0 0;
	display: inline-block;
	float: left;
	}	
	
.blogcats a, .blogcats a:active, .blogcats a:visited, .blogcats a:focus {
	font: bold 10px Verdana,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color: green;
	text-transform: uppercase;
	text-decoration: underline;
	}

.blogcats a:hover {
	color: blue;
	text-transform: uppercase;
	text-decoration: underline;
	}