/*
Theme Name: BadAss
Theme URI: http://greghostetler.com/
Description: My custom theme for my personal site http://greghostetler.com
Version: 1.0 RC1
Author: Greg Hostetler	
Author URI: http://greghostetler.com
Tags: blue, custom header, fixed width, two columns, widgets

	My custom theme for my personal site http://greghostetler.com

*/

/*------------Reset---------------*/
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;
	vertical-align: baseline;
	background: transparent;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-----------End Reset------------------*/


/*--------------Global------------------*/



html {
	line-height:1.4em;
	font-size:62.5%;
}

body { 
	background: #333;
	font-family:"Lucida Grande", Tahoma, sans-serif;
}

/*Links*/
a{
	text-decoration:none;
	color:#222;
}

a:hover{
	text-decoration:underline;
}

small a{
	color:#ccc !important;
}

/*text*/
small{
	margin:.7em 0;
	text-align:left;
	font-size:1.2em;
	color:#aaa !important;
}

label{
	color:#111;
	font-size:1.2em;
}

ol{
	margin:0 0 0 40px;
}

p{
	margin:.7em 0;
}

blockquote{
	padding:0 0 0 70px;
	margin:.7em 70px .7em 0;
	background: url(images/quote.png) no-repeat 35px 0;
	font-style:italic;
	color:#aaa;
}

/*inputs*/
input.text{
	padding:5px;
	width:140px;
	border:0;
	margin:0 10px 0 0;
	font-size:1.4em;
	color:#111;
	background:#eee;
}

textarea.ta{
	width:501px;
	height:176px;
	border:0;
	padding:5px;
	font-size:1.4em;
	font-family:"Lucida Grande";
	color:#111;
	background:#eee;
}

/*Custom*/
.right, .alignright {float:right;}

img.alignright {
	margin:1em 0 1em 1.8em;
	border:5px solid #eee;
}

img.alignleft, a img.alignleft{
	margin:1em 1.8em 1em 0;
	border:10px solid #fff;
}

.left, .alignleft {float:left;}
.clear , .line {clear:both;}
.rightclear {clear:right;}

.line{
	display:block;
	border-bottom:1px solid #444;
	height:1.8em;
}
.center{text-align:center;}

/*----------End Global-------------------*/

#container{
	width:1024px;
	margin:0 auto;
	background:url(images/container_repeatX.jpg) repeat-y;
	position:relative;
}

#header{
	height:176px;
	background:url(images/header_background.jpg) no-repeat top right;
}

#header a:hover{
	text-decoration:none;
}

	a#home{
		width:365px;
		height:80px;
		display:block;
		position:absolute;
		right:10px;
		top:45px;
	}

	#nav{
		position:absolute;
		top:135px;
		left:0px;
	}

		#nav ul li{
			display:inline;
		}
		#nav ul li a{	
			font:bold 2em/1.4em "Lucida Grande", Tahoma, sans-serif;
			color:#eee;
			padding:5px 15px;
			margin:0 10px;
			letter-spacing:-.06em;
			text-transform:uppercase;
		}
		#nav ul li a:hover{
			background:url(images/underline.png) no-repeat center bottom;
			text-decoration:none;
		}


#content{
	width:513px;
	margin:0 70px 20px 115px;
	float:left;
}

	#content a{
		color:#ff0;
	}
	#content h2 {
		color:#ff0;
		font-size:2.45em;
		line-height:1.4em;
		letter-spacing:-.06em;
		margin:.75em -30px;
		clear:both;
	}
	#content h3{
		font-size:1.3em;
		line-height:1.3em;
		margin:.95em 0;
		letter-spacing:.02em;
	}
	#content h2.pagetitle{
		color:#eee;
	}
	#content ul {
		list-style-type:square;
	}
	#content ul li{
		margin:0 0 0 30px;
	}
	#content ul{
		margin:.8em 0;
	}
	
	#content ol{
		list-style-type:none;
	}
	.navigation{
		margin:10px 0 0 0;
	}
	.post{
		margin:0 0px 40px 0;
	}
	
		.comment-img{
			float:right;
			width:36px;
			height:30px;
			background:url(images/comments.png) no-repeat center top;
			text-align:center;
			margin:33px 0 0 0;
			padding:0 20px 20px 20px;
		}	
		.comment-img a{
			color:#333 !important;
			line-height:2.2em;
			font-size:1.2em;
		}
		
		.single {margin:0;}
	
		.entry{
			font-size:1.4em;
			line-height:1.6em;
			color:#eee;
		}
		.entry a:visited{
			color:#ff9 !important;
		}
		
		.entry small{
			font-size:.857em;
		}
		
		.contactform label{
			color:#111;
			font-size:.857em;
		}
		
		.contactform input, .contactform textarea{
			font-size:.857em;
			margin:10px 10px 10px 0;
		}
		#commentform{
			margin:0 0 2.2em 0;
		}
		
	.commentlist{
		font-size:1.4em;
		line-height:1.4em;
		color:#ccc;
	}
		.commentlist small a{
			font-size:.75em;
			color:#111 !important;
			text-decoration:none !important;
		}
		.commentlist small{
			display:block;
			margin:0;
			padding:2px 2px 7px 5px;
			background:#777;
			text-align:right;
			line-height:1em;
		}
		.commentlist li img{
			float:right;
			margin:.9em .9em 0 .9em;
		}
		.commentlist li{
			margin:0 0 3.5em 0;
		}
		.commentlist cite{
			font:italic small-caps bold 1.1em/1.3em "Lucida Grande", tahoma, sans-serif;
			float:left;
			display:block;
			color:#eee;
			background:#777;
			padding:2px 15px 2px 5px;
			letter-spacing:.09em;
		}
		.commentlist p{
			margin:.9em;
			padding:0;
			line-height:1.4em;
			color:#eee;
		}
		.author cite, .author small{
			background:#555 !important;
		}

#sidebar{
	float:right;
	width:239px;
	line-height:1.4em;
	margin:2.2em 60px 40px 0;
}
	#sidebar a{
		font-size:1.4em;
		line-height:1.4em;
	}
	#sidebar li ul li {
		margin:.45em 1.5em;
		padding:0 0 0 10px;
	}
	#sidebar li ul li a{
		padding:0 0 0 20px;
		display:block;
		
	}
	#sidebar li ul li a:hover{
		background:url(images/arrow.png) no-repeat 0 2px;
		text-decoration:none;
	}
	
	#sidebar li.feed ul li a:hover{
		background:url(images/feed-icon-black.png) no-repeat 0px 4px;
		text-decoration:none;
	}

	#sidebar h2{
		margin: .9em 1.2em !important;
	}

#sidebar h2,
#footer h2{
	color:#111;
	font-size:2.0em;
	line-height:1.4em;
	letter-spacing:-.05em;
	margin:.9em .5em;
}

#footer h2, #footer h2 a{
	color:#777!important;
}

#footer{
	clear:both;
	background:#333;
	padding:0 20px 10px 20px;
}

	#footer h2, #footer h2 a{
		color:#eee;
	}
	
	#footer h3{
		font-size:1.4em;
		margin:1.4em 0;
		color:#777;
	}
	
	#footer a{
		color:#eee;
	}
	#footer ul li{
		margin:.4em 0;
	}
	#footer li a{
		font-size:1.4em;
		line-height:1.4em;
		color:#eee;
	}
	
	#footernav ul li{
		display:inline;
		margin:0 1.8em;
		text-transform:uppercase;
			
	}
	
	#footernav ul li a {
		color:#eee;
		letter-spacing:-.06em;
	}
	
	#footernav{
		text-align:center;
		padding:1.1em 0;
		font-size:1.2em;
		clear:both;
		font-weight:bold;
	}
	
	.module{
		float:left;
		margin:0 20px;
		width:288px;
	}
	#twitter_div ul li {
		color:#777;
		font-size:1.4em;
		line-height:1.4em;
		margin:.3em 0;
	}
	 #twitter_div ul li a {
		font-size:1em;
	}
	#flickr a{
		text-align:center;
		float:left;
		border:10px solid #fff;
		margin:40px 34px 20px 33px;
	}
	#contact li{
		font-size:1.2em;
		line-height:1.4em;
		color:#777;
	}