/*  
Theme Name: Hermit
Theme URI: http://www.w3code.com/
Description: Modified version of <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Canton Becker
Author URI: http://www.w3code.com/

*/

/*<![CDATA[*/
body {
	background-image: url(images/marbleback.jpg);
	margin: 0;
	color: #4A574B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 125%;
}

a, a:visited {
	text-decoration: none;
	color: #60895C;
}

a:hover {
	color: #FFFFFF;
}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #94B2A0;
	font-weight: normal;
	padding-top: 57px;
	padding-left: 20px;
	padding-bottom: 20px;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 0px;
	padding-top: 15px;
}

#wrapper {
    min-width: 780px;
    width:expression(document.body.clientWidth < 850 ? "780px" : "100%" ); /* IE 6 hack */

}
#container {
	width: 100%;
	float: right;
	margin-left: -245px;
}
#content {
	margin-left: 245px;
	background-image: url(images/mh-corner-logo.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


#contentHome {
	margin-left: 245px;
	background-repeat: no-repeat;
	background-position: top center;
}


#bodyTop {
	background-image: url(images/body-top.gif);
	height: 19px;
}

#bodyMain {
	background: #B6C1B7 url(images/body-left.gif) repeat-y left;
	padding: 0 20px 0 20px;
	margin: 0;
}

#bodyMain a {
	text-decoration: underline;
	font-weight: bold;
}

#bodyMain p {
	margin-top: 0; 
	padding-bottom: 10px;
	margin-bottom: 0;
}

#bodyMain center {
	margin-top: 0;
	margin-bottom: 0;
}

#bodyMain blockquote {
	margin-top: 0; 
	margin-bottom: 0;
}

#bodyMain hr {
	margin-top: 10px;
	margin-bottom: 20px;
}

#bodyMain li {
	padding-bottom: 15px;
}

.imageRight {
	float: right;
	margin: 0 0 20px 20px;
	border: 2px solid #E3C16B;
}

.imageLeft {
	float: left;
	margin: 0 20px 20px 0px;
	border: 2px solid #E3C16B;
}

#bodyBottom {
	background-image: url(images/body-bottom.gif);
	height: 19px;
}


#sidebar {
	width: 245px;
	float: left;
}

#sidebar .cornerIcon {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.leftLinks {
	color: #E3C16B;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0;
	padding-left: 0;
}

.leftLinks li {
	list-style: none;
	padding-bottom: 15px;
}

.leftLinks a {
	color: #E3C16B;
	text-decoration: none;
}

.leftLinks a:visited {
	color: #E3C16B;
	text-decoration: none;
}

.leftLinks a:hover {
	color: #FFFFFF;
}

.navSelect {
	font-weight: bold;
}

#footer {
	margin-top: 10px;
	margin-left: 265px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	line-height: 1.2em;
}

#footer a {
	color: #AACCAA;
}

#footer a:hover {
	color: #FFFFFF;
}

.clearing {
	height: 0;
	clear: both;
}





/* Begin Images */
.post p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.post img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.post img.alignright {
	margin: 12px 0 0 12px;
	display: inline;
	}

.post img.alignleft {
	margin: 12px 12px 0 0;
	display: inline;
	}

.post .alignright {
	float: right;
	}

.post .alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */