/*  
Theme Name: JustMattHenry.com
Theme URI: http://justmatthenry.com
Description: Theme styles for Just Matt
Version: 1.0
Author: Ray Henry
Author URI: http://reh3.com
*/

* {margin:0;padding:0;}


/*
-----------------------------------------------------------------------------------------
General Structure
-------------------------------------------------------------------------------------- */
body {
	background:#333 url(images/jmh-body-bg.jpg) no-repeat 50% 0;
	text-align:center;
}
#wrapper {
	margin:53px auto;
	padding:20px;
	width:820px;
	background:#fff;
	text-align:left;
}


/*
-----------------------------------------------------------------------------------------
Branding
-------------------------------------------------------------------------------------- */
#branding {
	float:left;
	width:820px;
	height:125px;
	overflow:hidden;
	background:#4F5F6A;
}
#branding h1 {
	float:left;
	width:469px;
	height:125px;
	text-indent:-9999px;
	background:url(images/jmh-logo.gif) no-repeat 0 0;
}
#branding ul {
	float:left;
	padding:89px 0 0 0;
	width:351px;
	background:url(images/jmh-nav-top.gif) no-repeat 0 0;
	list-style:none;
}
#branding ul li {float:left;}
	#branding ul li a:link, #branding ul li a:active, #branding ul li a:visited {
		float: left;
		padding: 36px 0 0 0;
		text-indent:-9999px;
		height: 0px !important; 
		height /**/:36px; /* for IE5/Win only */
		text-decoration:none;
	}
		#branding ul li#nav-about a {
			background:url(images/jmh-nav-bg.gif) no-repeat 0 0;
			width:79px;
		}
		#branding ul li#nav-essays a {
			background:url(images/jmh-nav-bg.gif) no-repeat -79px 0;
			width:58px;
		}
		#branding ul li#nav-vids a {
			background:url(images/jmh-nav-bg.gif) no-repeat -137px 0;
			width:56px;
		}
		#branding ul li#nav-blog a {
			background:url(images/jmh-nav-bg.gif) no-repeat -193px 0;
			width:44px;
		}
		#branding ul li#nav-contact a {
			background:url(images/jmh-nav-bg.gif) no-repeat -237px 0;
			width:62px;
		}
		#branding ul li#nav-home a {
			background:url(images/jmh-nav-bg.gif) no-repeat -299px 0;
			width:52px;
		}
		#branding ul li#nav-about a:hover {background-position: 0 -36px;}
		#branding ul li#nav-essays a:hover {background-position: -79px -36px;}
		#branding ul li#nav-vids a:hover {background-position: -137px -36px;}
		#branding ul li#nav-blog a:hover {background-position: -193px -36px;}
		#branding ul li#nav-contact a:hover {background-position: -237px -36px;}
		#branding ul li#nav-home a:hover {background-position: -299px -36px;}


/*
-----------------------------------------------------------------------------------------
Main Content
-------------------------------------------------------------------------------------- */
#content {
	float:left;
	margin:20px 0;
	width:820px;
	background:#fff;
}
	#content-main {
		float:left;
		padding:0 20px 0 0;
		width:450px;
		border-right:1px solid #EDEFF0;
	}
		#content-main .post {
			float;left;
			margin:0 0 20px 0;
			width:450px;
		}
		#content-main h2 {
			font-family:Arial Narrow, arial, sans-serif;
			font-size:42px;
			font-weight:normal;
			text-transform:uppercase;
			line-height:36px;
			color:#704F09;
		}
		#content-main .entry {
			padding:0 0 20px 0;
			background:url(images/jmh-entry-bg.gif) no-repeat 50% bottom;
			font-family:georgia, serif;
			color:#333;
		}
			#content-main .entry p {
				margin:18px 0;
				font-size:12px;
				line-height:18px;
			}
			#content-main a:link, #content-main a:active, #content-main a:visited {color:#704F09;}
			#content-main a:hover {color:#BD850E;}
			#content-main h2 a {text-decoration:none;}
	

/*
-----------------------------------------------------------------------------------------
Sub Content
-------------------------------------------------------------------------------------- */
#sub-main {
	float:left;
	width:184px;
	border-right:1px solid #EDEFF0;
}
.sub-item {
	padding:10px;
}
	.sub-item h3 {
		font-family:arial, verdana, sans-serif;
		font-size:12px;
		font-weight:normal;
		text-transform:uppercase;
		color:#704F09;
	}
	.sub-item p {
		font-family:georgia, serif;
		font-size:12px;
		color:#333;
		line-height:18px;
		margin:0 0 18px 0;
	}
	.sub-item ul {
		font-family:georgia, serif;
		font-size:12px;
		list-style:none;
	}
		.sub-item ul li {
			line-height:18px;
			margin:0 0 5px 0;
		}
	.sub-item a:link, .sub-item a:active, .sub-item a:visited {color:#495863;}
	.sub-item a:hover {color:#BD850E;}

#sub-alt {
	float:left;
	width:164px;
}

input#s {
	padding:2px;
	width:130px;
	border:1px solid #4F5F6A;
}
input#searchsubmit {
	margin:5px 0 0 0;
	padding:2px;
	background:#4F5F6A;
	color:#fff;
	border:none;
}


/*
-----------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------- */
#footer {
	clear:both;
	padding:10px;
	width:800px;
	background:#4F5F6A;
	color:#8C9AA2;
	font-family:arial;
	font-size:12px;
}
	#footer a {color:#8C9AA2;}
	#footer a:hover {color:#fff;}
	
	
#linkcat-2 h2 {display:none;}

/*
-----------------------------------------------------------------------------------------
Comment Structure
-------------------------------------------------------------------------------------- */
#comment-container {
	float;left;
	margin:0 0 20px 0;
	width:450px;
}
	#comment-container h2, #comment-container h3 {
		margin:10px 0;
		font-family:arial narrow, arial, verdana, sans-serif;
		font-size:24px;
		font-weight:normal;
		color:#704F09;
	}
		#comment-container h3 {color:#704F09;}
	#comment-container ol.commentlist {
		float:left;
		width:450px;
		font-family:georgia, serif;
		font-size:12px;
		color:#333;
		list-style:none;
		border-bottom:2px solid #E5EBEE;
	}
		#comment-container ol.commentlist li {
			padding:12px 10px 18px 10px;
			width:430px;
			background:#fff;
		}
		#comment-container ol.commentlist li.alt {
			background:#E8EBED;
			border:none;
		}
			#comment-container ol.commentlist li cite {
				font-family:arial, verdana, sans-serif;
				font-size:12px;
				color:#333;
				text-transform:uppercase;
				font-weight:normal;
				font-style:normal;
			}
			#comment-container ol.commentlist li p {
				margin:12px 0;
				line-height:18px;
			}
			#comment-container ol.commentlist li .commentmetadata {
				float:none;
				font-family:arial, verdana, sans-serif;
				font-size:11px;
			}
	#comment-container form {
		float:left;
		padding:12px 10px 18px 10px;
		width:430px;
		background:#E2DCCE;
	}
		#comment-container form label {
			display:block;
			margin:10px 0 0 0;
			font-family:arial, verdana, sans-serif;
			font-size:12px;
			text-transform:uppercase;
			font-weight:normal;
			color:#704F09;
		}
			#comment-container form label span {text-transform:none;}
		#comment-container form input, #comment-container form textarea {
			padding:3px;
			border:1px solid #704F09;
		}
		#comment-container form #submit {
		 	margin:10px 0 0 0;
			padding:3px;
			border:1px solid #704F09;
			font-size:14px;
			background:#704F09;
			color:#fff;
		 }
		 

/*
-----------------------------------------------------------------------------------------
Archives
-------------------------------------------------------------------------------------- */
#archives {padding:10px 0 0 0;}
	#archives .catalog, #archives .search-term {
		margin:10px 0;
		padding:5px 10px;
		background:#F2F5F6;
	}
		#archives .catalog p {
			font-size:12px;
			line-height:18px;
			color:#333;
			word-spacing:5px;
		}
		#archives .search-term p {
			font-size:12px;
			line-height:18px;
			color:#333;
		}
	#archives h3 {
		margin:10px 0;
		font-family:arial narrow, arial, verdana, sans-serif;
		font-size:24px;
		font-weight:normal;
	}
	#archives ul {
		padding:0 0 20px 20px;
		font-size:12px;
		list-style:none;
	}
		#archives ul li {margin:0 0 10px 0;}