@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

a:link, a:visited{
	color:#BDC742;
	text-decoration:none;
}

a:active, a:hover{
	color:#BDC742;
	text-decoration:none;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#container{
	width:783px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	font-family:Helvetica, Arial, sans-serif;
}

p#blog-nav{
	text-align:right;
	font-size:12px;
	margin:10px 0px;
}

#header{
	background:url(images/vitality-check.jpg) no-repeat;
	height:122px;
	margin-bottom:10px;
}

#leftcol{
	width:589px;
	float:left;
}

.heading-contain{
	padding:10px;
	background:#EEEEF4;
	border:1px solid #666;
}

.heading-contain h2{
	font-size:18px;
}	

#leftcol .heading-contain p.dateandtime{
	font-size:12px;
	color:#970600;
	margin:0px;
	padding:0px;
}

#leftcol .post{
	margin-bottom:10px;
}

#leftcol .post p{
	font-size:12px;
	line-height:18px;
	margin:10px 10px 0px 10px;
}

#leftcol .post p.postmetadata{
	font-size:12px;
	line-height:18px;
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border-top:1px dotted #000;
}

#leftcol .post ul, #leftcol .post ol{
	font-size:12px;
	line-height:18px;
	margin:10px 10px 0px 35px;
}

	#leftcol ul, #leftcol ol{
		margin:0px 26px 10px 40px;
		line-height:20px;
		font-size:12px;
	}

	#leftcol ol.commentlist{
		margin:10px 26px 10px 0px;
		list-style-type:none;
	}

	#leftcol ol.commentlist p{
		margin:0px 21px 10px 0px;
	}

	#leftcol textarea{
		width:460px;
	}
	
	#leftcol img{
		max-width:500px;
	}

	#leftcol img.avatar{
		display:block;
	}
	
	#leftcol form{	
	}
	
		#leftcol form input{
			margin-bottom:5px;
		}
		
	#leftcol textarea{
		width:564px;
	}
	
#rightcol{
	width:180px;
	float:left;
	margin-left:10px;
}

#rightcol h2{
	width:170px;
	padding:10px 0px 5px 10px;
	background:#EEEEF4;
	border:1px solid #666;
	color:#BDC742;
	margin-bottom:10px;
}

#rightcol ul li{
	list-style-type:none;
}

#rightcol ul li ul li{
	list-style-type:disc;
	font-size:12px;
	margin:0px 10px 10px 20px;
}

#searchform input{
	margin-bottom:10px;	
}

#clear{
	clear:both; /*** this stops the floating ***/
}

#footer{
	height:50px;
	margin-top:20px;
	border-top:1px solid #000;
	padding-top:10px;
}

#footer p{
	font-size:12px;
}