/* 
Theme Name: MHP Blog
Theme URI: http://www.mhpse.com/blog
Description: This is the MHP Blog 
Version: 1.0
Author: JLOOP
Author URI: http://www.jloop.com/
*/

/* Global Rules
****************************************/
body{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:100%;
	overflow-y:auto;
}

* html #footer {
	position:absolute;
}

.separator{
	clear:both;
}

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

a:hover{
	text-decoration: underline;
	color:#ee2e24;
}

/* Content Container Rules
****************************************/
#post_container{
	clear:both;
}

#container{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/bg_lower.jpg) no-repeat 0px 140px;
}


	
/* Header Rules
****************************************/
.topBar{
	height:5px; 
	background-color:#5B707C; 
	width:728px;
	margin-top:10px;
	margin-left:auto; 
	margin-right:auto;
}

.spacer{
	height:5px; 
	background-color:#5B707C; 
}

#header{
	height:126px;
	clear:both;
	background:url(images/Top_drop.jpg) top left repeat-x;
}

#header_title{
	margin:35px 0 0 20px;
	float:left;
}


/* Sidebar Rules
****************************************/

#sidebar{
	float: right;
	width: 190px;
	padding:20px 20px 10px 0;
}

#sidebar h2{
	margin:5px 0 3px 0;
	padding:0 0 0 0;
	font-size: 16px;
	color:#5B707C;	
}

#sidebar ul {
	padding:0px;
	margin: 0px; /* for IE */
	list-style:none;
}

#sidebar li {
	padding:0px;
	margin:0 0 1px 0px; /* for IE */
	list-style:none;
}

#sidebar a:link, #sidebar a:hover, #sidebar a:visited{
	color: #333333;
	background:url(images/bullet_off.gif) no-repeat 5px 7px;
	text-decoration: none;
	height:20px;
	display:block;
	background-color:#dfdfdf;
	padding:1px 0 0 12px;
}

#sidebar a:hover{
	text-decoration: none;
	background:url(images/bullet_on.gif) no-repeat 5px 7px;
	display:block;
	background-color:#ee2e24;
	color:#FFFFFF;
}

/*Form Rules
****************************************/
#s form{
	margin:0;
	padding:3px 0 10px 0;
}

#commentform{
	margin:0;
	padding:3px 0 10px 25px;
}

/* Body Rules
****************************************/
#content{
	width:490px;
	padding:25px 20px 20px 20px;
	float:left;
}

#content h2{
	margin-top: 0px;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}

#content img{
	margin:5px;
	padding:5px;
	border:#CCCCCC solid 1px;
}

#content .meta{
	padding-bottom: 5px;
}

#content a:link, #content a:visited, #content a:active{
	text-decoration: none;
	color:#000000;
}

#content a:hover{
	text-decoration: underline;
	color:#000000;
}

#content .meta a:link, #content .meta a:visited, #content .meta a:active{
	text-decoration: none;
	color:#ee2e24;
}

#content .meta a:hover{
	text-decoration: underline;
	color:#ee2e24;
}

#content .comments{
	padding-bottom: 20px;
}

#commentlist{
	padding: 10px;
	background-color:#F6F6F6;
}


/* footer 
****************************************/
#footer{
	background:url(images/bg_footer.jpg) left repeat-x;
	font-size:10px;
	clear: both;
	height:30px;
	color:#999999;
	position:fixed;
	width:100%;
	bottom:0;
}


#footer a:link, #footer a:visited, #footer a:active{
	text-decoration: none;
	color:#0099cc;
}

#footer a:hover{
	text-decoration: underline;
	color:#0099cc;
}