/*
Theme Name: HS Greyscale
Theme URI: http://www.handlebarsandwich.com
Description: Two column, fluid greyscale WordPress theme, modified for Handlebarsandwich.com. Based on Accidental Greyscale by Wordpress Diva
Author: Nathan Friedman/Wordpress Diva
Author URI: http://www.handlebarsandwich.com
Version: 0.1
*/

/* =================================
All Rights Reserved.

You are free to use and modify this theme
as long as the included attribution links 
remain intact.

For more information, see:
http://www.wpdiva.com/themes/legal/theme-use/

Please note: There are a number of empty CSS 
elements. This is intentional and are there so you 
can have maximum flexibility with customizing 
specific theme elements.

For more information, see:
http://www.wpdiva.com/themes/read-me/css/
================================== */
#content,#header,#sidebar{overflow:hidden}
body{
	background:#BDBDBD;
	color:#000;
	text-align:center;
	margin:0;padding:0;
	font-family: "Arial" , sans-serif;
}

a{
	background:inherit;
	color:#888;
	text-decoration:none;
	padding:2px 0;
}

a img{
	border:none;
	text-decoration:none;
}

blockquote{
	background:#E1E1E1;
	color:#444;
	padding:10px;
}

blockquote cite{
	background:inherit;
	color:#888;
	border-top: 1px solid #ccc;
	display:block;
	font-style:normal;
	padding:2px;
}
abbr,acronym{
	cursor:help;
}
code,pre,abbr,acronym{
	font:1em/1.5em;
	overflow:auto;
}
h1,h2,h3,h4,h5,h6{
	line-height:110%;
	font-weight:400;
}

h2.sectiontitle{
	margin-left: -20px;
	margin-bottom: 10px;
}


fieldset{
	border:none;
}
input,textarea{
	padding:2px;
}
ul{
	list-style:square;
}

/* let's get specific  */

#wrap{
	border:1px solid #8A8A8A;
	background:#EAEAEA;
	color:#000;
	line-height:1.25em;
	text-align:left;
	margin:25px;
	padding:0px;
	min-width: 950px;
}
/* Header  */
#header{
	background:#ffffff;
	color:inherit;
	text-align:center;
	height: 195px;
}

#header h1{
	font-size:2.75em;
	line-height:115%;
	margin:2px;
}
#header h1 a{
	background:inherit;
	text-decoration: none;
	color:#000;
}
#header p.blogdescription{
	font-size:0.75em;
	margin:5px 0;
	padding:0;
}

#header_title{
	text-align: left;
	padding: 10px;
	
}

#header_img{
	float: right;
	border-left: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	width:260px;
	height:195px;
}

#left_header{
	position:relative;
	height: 195px;
	margin-right: 260px;
	
}

#navigation{
	position: absolute;
	bottom:0px;
	border-top: 1px solid #BDBDBD;
	right: 0px;
	left: 0px;
	text-align: left;	
	background: #EAEAEA;
}

#navigation ul{
	padding:5px;
	margin: 0px;
}


#navigation li{
	display: inline;
	list-style-type: none;
	vertical-align:bottom;
	padding: 10px;
}

#feedicon{
	float:right;
	margin-right:10px;
	margin-top:3px;

}


/*wraps to fix stupid IE6*/
#contentwrap{
}

#contentfloatwrap{
	float:left;
	margin-right: -260px;
	width:100%;
}




/* Content  */
#content{
	padding: 15px;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	background-color: white;
	margin-right:260px;
	width:auto;
	position:static;
	float:none;
}

div.g2_column{
	margin-right: 0px;
}

/* blog posts  */
.post{
	margin-bottom:50px;
	padding-bottom:30px;
}
.authormeta{
	font-size:0.9em;
	margin:2px 0;
}
.postmeta{
	border-bottom: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	font-size:0.9em;
	padding:5px;
}
.postdate_category{
	padding:5px 0px;
	border-bottom: 1px solid #BDBDBD;	
	border-top: 1px solid #BDBDBD;
	text-decoration: none;
}
.posttitle{
	font-size:1.75em;
	line-height:125%;
	margin:2px 0 5px;
	text-decoration: none;
	
}
/* post content headings  */
.postcontent h3{
	font-size:2em;
	border-bottom:1px solid #aaa;
	line-height:150%;
}
.postcontent h4{
	font-size:1.75em;
	border-bottom:1px solid #aaa;
	line-height:150%;
}
/*Post Styling */
.postcontent{
	text-align: justify;
	padding-left: 20px;
	padding-bottom: 10px;
}

/* single page meta info  */
.metawrap{
	font-size:0.9em;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:25px 0;
	padding:5px;
}
.interact{
	background:#F1F1F1;
	color:inherit;
	margin:5px 0;
	padding:10px;
}
/* blog comments  */
#commentwrap{
	border:1px solid #ddd;
	color:inherit;
	background:#f1f1f1;
}
#comments{
	font-size:1.5em;
}
#comments big{
	text-decoration:underline;
}
#respond{
	padding-left:10px;
}
#commentcount{
	padding-left:10px;
}

.commentmetadata{
	border-top:1px solid #777;
	font-size:0.9em;
	margin:2px 0;
}
#commentlist li{
}

#commentlist li.alt{
	background:#dddddd;
	color:inherit;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
}
#commentlist p{
	padding-left:10px
}

#commentmetadata{
	padding-left:0px;
}


/* comment form  */
#commentform dd{
	margin:5px 0 15px;
}
/* Sidebar  */
#sidebar{
	float: right;
	width: 220px;
	padding:20px;
	display:inline;
	position:relative;
}
#sidebar ul ul{
	margin:0 5px 30px 10px;
}
#sidebar ul ul ul{
	margin:0 0 0 25px;
}
#sidebar li h2{
	line-height:115%;
	margin-bottom: 10px;
	border-bottom: solid 1px #BDBDBD;
}
#sidebar li#search{
	margin-bottom:30px;
}
#sidebar li#search dd{
	margin:0;
}
#sidebar li#search input#s{
	width:75%;
}

.widget_rss li{
	margin-bottom: 5px;
}

/* calendar  */
#wp-calendar{
	background:#E1E1E1;
	color:#444;
	width:98%;
	text-align:center;
	padding:10px;
}
#wp-calendar caption{
	border:1px solid #e1e1e1;
	text-transform:uppercase;
}
#wp-calendar th{
	background:#FFF;
	border-bottom:1px solid #999;
	color:#000;


}
/* Footer  */
#footer{
	background:transparent;
	clear:both;
	font-size:0.85em;
	text-align:center;
}

#wp_footer{
	display: none;
}

/* Various Classes & Image Alignment  */
.center{
	text-align:center;
}

.aligncenter{
text-align:center;
}

.floatleft{
	float:left;
	margin:5px;
}
.floatright{
	float:right;
	margin:5px;
}
img.center{
	display:block;
	margin:10px auto;
}
img.left{
	display:inline;
	margin:0 10px 5px 0;
}
img.right{
	display:inline;
	margin:0 0 5px 10px;
}
div.imagecenter{
        display:block;
        margin:10px auto;
        width: 450px;
        text-align:center;
}

.navigation{
	margin:25px auto;
}
.previouslink{
	float:left;
	width:45%;
	text-align:right;
}
.nextlink{
	float:right;
	width:45%;
	text-align:left;
}
a:hover,.posttitle a,#footer p.credit a{
	background:inherit;
	color:#000;
}
hr,legend,#sidebar li#search label{
	display:none;
}
.singlemeta,#footer p,#footer p.credit{
	margin:5px 0;
}
#commentlist,#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}
#commentform input#author,#commentform input#email,#commentform input#url,#commentform textarea{
	width:98%
}

.postie-image-div{
        display:block;
        margin:10px auto;
        width: 450px;
        text-align:center;
}