/*
Theme Name: Hunsecker
Theme URI: http:/journal.barleyhut.com
Description: "Son, I don't relish shooting a mosquito with an elephant gun, so why don't you just shuffle along?"
Version: 1.1
Author: A. Moses Griffin
Author URI: http://journal.barleyhut.com
NOTE: This stylesheet will not validate because of the text-shadow and opacity attributes.  I don't particularly care,
but I mention it for the record.
*/
/* 
	--TABLE OF CONTENTS--
	01: REST
	02. CORE STRUCTURE
	03: HEADER
	04: BASIC TYPOGRAPHY (IMAGES/HEADERS ALSO)
	05: POST CONTENT
	05: SIDEBAR
	06: FOOTER
	07: COMMENTS
	08: MISC + PLUGINS
/*
------------------------------------------------------------------------
=RESET (From Eric Meyer)- 
------------------------------------------------------------------------
*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
	}
html {
	height: 101%;
	margin-bottom: 1px;
	min-height: 101%; 
	}
body {
	line-height: 1;
	min-height: 101%; 
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.clearfix:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0;
	visibility: hidden;
	}
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display:inline-block;
	}
.clearfix {
	display:block;
	}
body {
	background: #46555C;
	color: #fff; 
	font-family: Constantia, Cambria, Georgia, serif;
	font-size: 14px;
	line-height:20px;
	text-align:center;
	}
/*
------------------------------------------------------------------------
=CORE STRUCTURE - 
------------------------------------------------------------------------
*/
#jacket {
	margin: 0 auto;
	overflow : hidden;
	padding: 60px 20px 0 20px;
	width: 900px;
	}
#header {
	background:#3C464B;
	border-bottom: 1px solid #2D363B;
	height:50px;
	left: 0;
	top: 0;
	position: fixed;
	filter: alpha(opacity=70);
	padding-top: 10px;
	-moz-opacity: 0.70;
	opacity:.70;
	width:100%;
	z-index:5;
	}
div.journal {
	float:left;
	margin: 0 50px 0 0;
	text-align: left;
	width: 620px;
	}
div.entry-content {
	margin: 40px 0 60px 0;
	width: 620px;
	}
div.intro {
	margin: 40px 0 0 120px;
	width: 500px;
	}
#sidebar {
	float:left;
	margin: 60px 0 40px 0;
	text-align: left;
	text-shadow: #222 2px 2px 2px;
	width: 230px;
}
/*
------------------------------------------------------------------------
=HEADER - 
------------------------------------------------------------------------
*/ 
#header ul {
	font-size: 14px;
	list-style: none;
	margin: 15px auto 0 auto;
	padding: 0;
	text-shadow: #222 2px 2px 2px;
	text-transform: uppercase;
	width: 900px;
	} 
	#header ul li {
		display: inline;
		}
		#header ul li a {
			color: #fff;
			text-decoration: none;
			}
			#header ul li a:hover {
				color: #fff;
				border-bottom: 1px solid #fff;
				}
	#header ul li.title {
		float:left;
		font-weight: 400;
		margin-left: 120px;
		text-shadow: #222 3px 3px 3px;
		}
		#header ul li.page_item {
			float: right;
			margin-left: 5px;
			}
/*
------------------------------------------------------------------------
=BASIC TYPOGRAPHY (IMAGES AND HEADERS TOO)- 
------------------------------------------------------------------------
*/ 
p {
	margin: 0 0 20px 0;
	}
p.last {
	margin-bottom:0;
	}
a {
	font-weight: 400;
	text-decoration: none;
	}
ul { 
	list-style-type:none;
	margin: 20px 0 20px 20px;
	}
ol {
	list-style-type:none;
	margin: 20px 0 20px 20px;
	}
dl{ 
	margin: 20px 0;
	}
abbr, 
acronym, 
span.abbr {
 	border: none;
	 }
blockquote {
	background: #4d5a60;
	border: 1px solid #3E474C;
	color: #fff;
	display: block;
	margin: 0 auto 20px auto;
	padding: 10px;
	width: 450px;
	}
	blockquote p {
	margin: 0;
	}
blockquote cite {
	color: #fff;
	display:block;
	font-style: italic;
	margin-top: 5px;
	}
	blockquote cite:before {
		content:"\2014";
		}
	div.entry blockquote cite a {
		padding: 0;
		}
		div.entry blockquote cite a:hover {
		background: #4D5A60;
		border-bottom: none;
		}
strong{
	font-weight: 700; 
	}
em{ 
	font-style: italic;
	}
pre{ 
	background: #eee; 
	border: 1px solid #ddd; 
	line-height:20px; 
	margin-bottom: 20px;
	padding: 10px;
	}
code {
	background: #4D5A60;
	border-bottom:1px solid #464646;
	display:block;
	font-family: "Andale Mono", Consolas, Courier, monospace;
	overflow: auto;
	padding:10px;
	}
sup {
	bottom:0.3em;
	font-size: 12px;
	position:relative;
	vertical-align:baseline;
	}
/*===== o0o: IMAGES=====*/
p img.top {
	margin-top:0;
	 }
div.entry p img {
	background: #464A5C;
	border: 1px solid #464646;
	}
	p img.alignleft{ 
	background: #464A5C;
	border: 1px solid #464646;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	}
p img.alignright{
	background: #464A5C;
	border: 1px solid #464646;
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	}
p img.center{
	background: #464A5C;
	border: 1px solid #464646;
	display:block;
	float: none;
	margin:0 auto 10px auto;
	padding: 10px; 
	}
a img {
	background: #464A5C;
	border: 1px solid #464646;
	}
	a:hover img {
		background: #5C4D46;
		border: 1px solid #5C4D46;
		}
/*===== o0o: ALL HEADINGS=====*/
H1, H2{}
	div.entry-content h1, div.entry-content h2 {
		font-size: 14px;
		margin-bottom: 10px;
		text-shadow: #222 2px 2px 2px;
		text-transform: uppercase;
		}
		div.entry-content h1 a, div.entry-content h2 a {
			border-bottom:1px solid #eee;
			color: #fff;
			font-weight: 400;
			}
			div.entry-content h1 a:hover, div.entry-content h2 a:hover {
				background: #4D5A60;
				border-bottom:1px solid #464646;
				color: #fff;
				}
H3{}
	div.entry-content h3 {
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		margin: 0 0 10px 0;
		text-shadow: #222 2px 2px 2px;
		text-transform: uppercase;
		}
		h3.pagetitle {
			color: #fff;
			font-size: 14px;
			padding-top: 20px;
			text-shadow: #222 2px 2px 2px;
			text-transform: uppercase;
			}
	h3.comments-header {
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		margin: 0 0 10px 120px;
		text-shadow: #222 2px 2px 2px;
		text-transform: uppercase;
		}
	h3#comments-header {
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		margin: 0 0 10px 0;
		text-shadow: #222 2px 2px 2px;
		text-transform: uppercase;
		}
H4, H5, H6 {}
	div.entry-content h4, div.entry-content h5, div.entry-content h6 {
		color: #fff;
		font-size: 14px;
		font-weight: 400;
		margin: 0 0 10px 0;
		text-shadow: #222 2px 2px 2px;
		text-transform: uppercase;
		}
	#sidebar h4 {
		color: #fff;
		font-size: 20px;
		font-weight: 400;
		margin: 0 0 5px 0;
		text-shadow: #222 2px 2px 2px;
		text-transform: uppercase;
		}
/*
------------------------------------------------------------------------
=POST CONTENT - 
------------------------------------------------------------------------
*/
div.entry {
	float:left;
	margin-bottom: 60px;
	text-shadow: #222 2px 2px 2px;
	width: 500px;
	}
	.single div.entry {
		margin-bottom: 20px;
		}
	div.entry a {
		border-bottom: 1px solid #ddd;
		color: #fff;
		}
		div.entry a:hover {
			background: #4D5A60;
			border-bottom:1px solid #464646;
			color: #fff;
			}
div.entry-content ul.meta {
	float:left;
	margin: 1px 20px 0 0;
	width: 100px;
	}
	div.entry-content ul.meta li {
		list-style-type: none;
		margin: 0;
		text-shadow: #222 2px 2px 2px;
		}
		div.entry-content ul.meta li a {
			color: #fff;
			text-shadow: #222 2px 2px 2px;
			}
			div.entry-content ul.meta li a:hover {
				border-bottom: 1px solid #fff;
				}
	div.entry-content ul.meta li img {
		background: #464A5C;
		border: 1px solid #464646;
		padding: 5px;
		}
div.entry-content p.post-info {/* for the post tags */
	background: #4D5A60;
	border: 1px solid #3E474C;
	padding: 5px;
	}
div.entry-content ul li {
	list-style-position: outside;
	list-style-type: square;
	}
	div.entry-content ul li span.subtle {
		color: #ccc;
		}
div.entry-content ol li {
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	}
/*
------------------------------------------------------------------------
=SIDEBAR - 
------------------------------------------------------------------------
*/	
#sidebar a {
	color: #ccc;
	}
	#sidebar a:hover {
		background: #4D5A60;
		color: #fff;
		}
#sidebar ul {
	border-bottom: 1px solid #fff;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	}
	#sidebar ul li {
		color: #ccc;
		}
#sidebar p.twitter {
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 0;
	}
#sidebar p.twitter span.twitter-timestamp {
	color: #ccc;
}
/*
------------------------------------------------------------------------
=FOOTER - 
------------------------------------------------------------------------
*/
div.footer {
	background:#3C464B;
	border-top: 1px solid #2D363B;
	bottom:0;
	filter: alpha(opacity=70);
	height:50px;
	left:0pt;
	-moz-opacity: 0.70;
	opacity:.70;
	margin-top: 0px;
	padding: 20px 0 0 0;
	text-shadow: #222 2px 2px 2px;
	width:100%;
	z-index:5;
	}
div.footer ul {
	margin: 0 auto;
	text-align: center;
	width: 700px;
	}
	div.footer ul li {
		display: inline;
		}
		div.footer ul li a {
			color: #ccc;
			}
			div.footer ul li a:hover {
				border-bottom: 1px solid #fff;
				color: #fff;
				}
/*
------------------------------------------------------------------------
=COMMENTS - 
------------------------------------------------------------------------
*/
#comments {
	width: 620px;
	margin: 0 auto 40px auto;
	text-shadow: #222 2px 2px 2px;
	}
	p.moderation {
		background: #46555C;
		border-bottom: 1px solid #3E474C;
		color: #fff;
		font-size: 16px;
		padding: 5px;
		}
		div.comment-meta {
			float: left;
			margin: 20px 20px 0 0;
			width: 100px;
			}
			div.comment-meta ul {
				font: normal 0.875em/1.43em Calibri, Arial, sans-serif;
				margin: 0 0 1.25em 0;
				}
				div.comment-meta ul li {
					list-style-type: none;
					}
			div.comment-meta img {
				background: #464A5C;
				border: 1px solid #464646;
				padding: 5px;
				}
		div.comment-text {
			background: #4D5A60;
			border: 1px solid #3E474C;
			float:left;
			margin: 20px 0 20px 0;
			padding: 5px;
			width: 480px;
			}
			div.comment-text a {
				border-bottom: 1px solid #ddd;
				color: #fff;
				}
				div.comment-text a:hover {
					background: #4D5A60;
					border-bottom:1px solid #464646;
					color: #ccc;
					}
		span.comment-date {
			display: block;
			font: italic 0.75em/1.66em Constantia, Georgia, serif;
			}
		span.comment-author, span.comment-author a {
				border: none;
				color: #eee;
				display: block;
				font-size: 16px;
				margin-bottom: 10px;
				}
				span.comment-author a:hover {
					color: #999;
					}
#comments-form {
	margin: 20px 0 20px 120px;
	clear:both;
	text-shadow: #222 2px 2px 2px;
	}
	#comments-form textarea {
		background: #eee;
		border-bottom: 1px solid #ccc;
		border-left: 0.071em solid #fff;
		border-right: 0.071em solid #fff;
		border-top: 0.071em solid #fff;
		width: 99%;
		}
	#comments-form input {
		background: #eee;
		border-bottom: 1px solid #ccc;
		border-left: 0.071em solid #fff;
		border-right: 0.071em solid #fff;
		border-top: 0.071em solid #fff;
		font-size: 0.875em;
		}
		#comments-form textarea:focus {
			background: #fff;
			border: 1px solid #eee;
			width: 99%;
			}
	#comments-form a {
		border-bottom: 1px solid #ddd;
		color: #fff;
		}
		#comments-form a:hover {
			background: #4D5A60;
			border-bottom:1px solid #464646;
			color: #fff;
			}
	div.comment-text code {
		background: #46555C;
		border-bottom:1px solid #464646;
		}
/*
------------------------------------------------------------------------
=MISCELLANEOUS - 
------------------------------------------------------------------------
*/
#searchform {
	clear: both;
	margin: 20px 0 0 0;
	text-shadow: #222 2px 2px 2px;
	width: 200px;
}
#searchform input {
	background: #4D5A60;
	border: 5px solid #4D5A60;
	color: #ccc;
	font-family: Constantia, Cambria, Georgia, serif;
	font-size: 14px;
	font-weight: 400;
	text-shadow: #222 2px 2px 2px;
	width: 200px;
}
#searchform input:focus {
	color: #000;
	background: #fff; 
	border: 5px solid #ddd;
	font-style: normal;
	font-weight: 400;
	text-shadow: #222 0px 0px 0px;
}
#searchsubmit {
	cursor: pointer;
}
.navigation { /* navigation.php lift from the cutline theme, styled by me for negative space */
	margin: 0 0 0 120px;
	padding: 40px 0 0 0;
	text-shadow: #222 2px 2px 2px;
	width: 500px;
	}
.navigation a {
	color: #fff;
	background: #4D5A60;
	padding: 5px;
	}
	.navigation a:hover {
		background: #46555C;
		border-bottom: 1px solid #fff;
		}
.previous { 
	float:left;
	margin: 0 0 40px 0; 
	}
.next {
	float:right;
	margin: 0 0 40px 0; 
	}
/* for the white page border: cribbed from Jon Hicks (http://www.hicksdesign.co.uk/journal/page-borders) */
#top, #bottom, #left, #right {
	background: #fff;
	display: block;
	position: fixed;
	z-index:20;
	}
#left, #right {
	top: 0; 
	bottom: 0;
	width: 10px;
	}
#top, #bottom {
	left: 0; 
	right: 0;
	height: 10px;
	}
#top { top: 0; }
#bottom { bottom: 0; }
#left { left: 0; }
#right { right: 0; }
