/*
Theme Name: HRN
Description: HRN Blog Design
Author: Phoenix Design
Author URI: http://www.tacomaphoenix.com
Tags: HRN
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
a img { border:none } /* Gets rid of IE's blue borders */

body {
	color: #441313;
	background:url(images/contentbg.jpg) top center repeat-y #978651;
	font-family:Arial, Helvetica, sans-serif;
}

p {
	padding-bottom:15px;
}



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* Structure */

#wrap{
	width:836px;
	margin:0 auto;
}

#header{
	width:836px;
	margin:0 auto;
	background:#2d3a51;
}

#navigation{
	width:836px;
	height:40px;
	background:#2d3a51;
}

#content{
	width:836px;
	margin-bottom:20px;
}

#singleContent{
	width:810px;
	margin:0 auto;
	padding-top:20px;
}

#leftColumn{
	width:570px;
	float:left;
	margin-top:20px;
	margin-left:10px;
}

#rightColumn{
	width:200px;
	float:right;
	margin-top:20px;
	margin-right:10px;
}

.columnBox{
	width:200px;
	border-left:#1c273a 1pt solid;
	padding-left:10px;
	padding-right:10px;
}

#footer{
	clear:both;
	padding-top:5px;
	color:#1c273a;
}

#footer a{
	color:#1c273a;
	border-bottom:1pt dotted #1c273a;
	text-decoration:none;
}

ul.nav{
	width:592px;
	margin:0 auto;
}

#navigation ul.nav li{
	float:left;
	list-style-type:none;
}

#navigation ul.nav li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	margin-left:5px;
	margin-top:10px;
}

/* Content */

.authorBio{
	color:#2d3a51;
	font-size:.875em;
	line-height:1.25em;
}

.post p img{
	border:2pt #1c273a solid;
	margin:5px;
}

.post h2 a{
	color:#2d3a51;
	font-weight:bold;
	font-size:1.188em;
	margin-bottom:2px;
	text-decoration:none;
}

.post h2{
	color:#2d3a51;
	font-weight:bold;
	font-size:1.188em;
	margin-bottom:10px;
	text-decoration:none;
}

.postMetaData{
	height:34px;
	padding-top:6px;
	float:left;
	color:#1c273a;
}

.postMetaData a{
	color:#939e9d;
	border-bottom:1pt dotted #939e9d;
	display: inline-block;
}

.meta-left{
	width:14px;
	height:34px;
	background:url(images/post-meta-bg-left.jpg) no-repeat;
	float:left;
}

.meta-right{
	width:14px;
	height:34px;
	background:url(images/post-meta-bg-right.jpg) no-repeat;
	float:right;
}

.postContent{
	clear:both;
	color:#441313;
}

.post p a{
	color:#939e9d;
	border-bottom:1pt dotted #939e9d;
	text-decoration:none;
}

.post a{
	text-decoration:none;
}

.spacer{
	padding-bottom:20px;
}

.postLinkNav a{
	color:#939e9d;
	border-bottom:1pt dotted #939e9d;
	text-decoration:none;
}

.commentsClass{
	margin-top:20px;
	margin-bottom:20px;
}

.commentsClass a{
	color:#939e9d;
	border-bottom:1pt dotted #939e9d;
	text-decoration:none;
}

.commentsClass li{
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	border-top:1pt dotted #939e9d;
}

#commentform{
	display:block;
}

#commentform input{
	width:200px;
	padding:5px;
	background:#939e9d;
	color:#1c273a;
	border:1pt solid #1c273a;
	display:block;
	margin-bottom:10px;
}

#commentform textarea{
	height:150px;
	width:400px;
	padding:5px;
	background:#939e9d;
	color:#1c273a;
	border:1pt solid #1c273a;
	display:block;
	margin-bottom:10px;
}

.dateStamp{
	color:#1c273a;
	font-size:.75em;
}

#contactForm input{
	width:200px;
	padding:5px;
	background:#939e9d;
	color:#1c273a;
	border:1pt solid #1c273a;
	display:block;
	margin-bottom:10px;
}

#contactForm textarea{
	height:150px;
	width:400px;
	padding:5px;
	background:#939e9d;
	color:#1c273a;
	border:1pt solid #1c273a;
	display:block;
	margin-bottom:10px;
}

.widgettitle{
	color:#2d3a51;
	font-weight:bold;
	font-size:1.188em;
	margin-bottom:5px;
	text-decoration:none;
	margin-top:20px;
}

.widget_recent_entries a{
	color:#939e9d;
	border-bottom:1pt dotted #939e9d;
	text-decoration:none;
}

.widget_recent_entries li{
	margin-bottom:10px;
}