/* @override http://humblegiants.com/wp-content/themes/HumbleGiants/style.css */

/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: 62.5%;
margin: 0px;
text-align: center;
background: #000 url(img/bg.gif) top center repeat-x;
background-position: center 161px;
color: #A8A8A8;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	padding-top: 71px;
	width: 875px;
	margin: auto;
}

	#header{
		position: relative;
		height: 93px;
		padding-bottom: 70px;
	}
	
		#logo{
			position: absolute;
			top: 0;
			left: 0;
			height: 72px;
			width: 461px;
			background: url(img/logo.gif) top left no-repeat;
			text-indent: -9999em;
		}
		
		#tag{
			position: absolute;
			display: block;
			bottom: 88px;
			right: -78px;
			height: 20px;
			text-indent: -9999em;
			width: 252px;
			background: url(img/tagline.gif) top left no-repeat;
		}
	
	
	#nav{
		position: relative;
		height: 44px;
		overflow: hidden;
	}
	
	#nav ul{
		position: relative;
		float: left;
		height: 42px;
		padding-left: 5px;
		font-size: 1.4em;
		font-weight: normal;
		text-transform: uppercase;
		border: 1px solid #262626;
		overflow: hidden;
	}
	
		#nav li{
			position: relative;
			float: left;
			padding: 5px 5px 0 0;
			height: 31px;	
			overflow: hidden;
		}
		
		#nav li ul{
			display: block;
		}
		
		#nav li a{
			position: relative;
			float: left;
			padding: 8px 0 0 0;
			height: 23px;
			width: 150px;
			background: url(img/tab-bg.gif) top left;
			color: #fff;
		}
		
		#nav li a:hover, #nav li.current_page_item a{
			background: url(img/tab-bg-active.gif) top left;
			text-decoration: none;
		}
	
	
	#page{
		position: relative;
		padding-top: 150px;
		padding: 150px 0 25px 0;
		font-size: 1.2em;	
		text-align: left;
		overflow: hidden;
	}
	
		#content{
			position: relative;
			float: left;
			width: 639px;
		}
		
			.entry{
				position: relative;
				padding-bottom: 18px;
				margin-bottom: 45px;
				border-bottom: 1px solid #A8A8A8;
			}
			
				.dates{
					position: relative;
					display: block;
					color: #7D7D7D;
					padding: 1px 0 12px 0;
				}
			
				.entry h2, .entry h3{
					position: relative;
					font-size: 1.4em;
					text-transform: uppercase;
					color: #fff;
					font-weight: normal;
					padding-bottom: 2px;
				}
				
				.entry h2 a{
					color: #fff;
					text-decoration: none;
				}
				
				.entry p{
					position: relative;
					line-height: 1.5em;
					padding-bottom: 1.1em;	
				}
				
				.extra{
					position: relative;
					text-transform: uppercase;
					font-weight: bold;
				}
				
				.entry a{
					color: #A8A8A8;
					text-decoration: underline;
				}
		
		
		#sidebar{
			position: relative;
			float: left;
			padding-left: 80px;
			width: 156px;
			text-align: left;	
			font-size: 1.2em;
		}
		
			.widget{
				position: relative;
				padding-bottom: 38px;	
			}
			
				.widget h3, .widget label{
					position: relative;
					padding-left: 28px;
					background: url(img/slashes.gif) left center no-repeat;
					color: #C4F939;
					font-size: 1.1em;
					text-transform: uppercase;
					margin-bottom: 8px;
	letter-spacing: 1px;
}
				
				.widget ul{
					position: relative;
				}
				
				.widget ul li{
					position: relative;
					padding: 3px 0 3px 0;
	text-transform: uppercase;
}
				
				.widget a{
					position: relative;
					color: #ABABAB;
				}
				
				.s, .widget #s{
					position: relative;
					width: 140px;
					padding: 5px;
					background: #090909;
					color: #fff;
					font-size: 12px;
					border: 1px solid #222;
					margin-bottom: 10px;	
				}
				
				.go, .widget #searchsubmit{
					position: relative;
					height: 35px;
					width: 140px;
					border: 0;
					text-indent: -9999em;
					background: url(img/search.gif) top left no-repeat;
				}
		



.commentlist li{
	position: relative;
	padding: 10px;
	background: #111;
	border: 1px solid #222;
	margin-bottom: 10px;	
}

.avatar{
	float: right;
	border: 2px solid #333;
}

#comwrap input{
	position: relative;
	padding: 4px;
	border: 1px solid #222;
	background: #0a0a0a;
}

#comwrap #comment{
	position: relative;
	padding: 4px;
	border: 1px solid #222;
	background: #090909;
	width: 550px;
}

#comwrap h3{
	position: relative;
	padding-top: 20px;
	font-size: 10px;
}

label{	color: #A9A9A9;}.your-name input, .your-email input, .your-subject input, .your-message textarea{	position: relative;	display: block;	border: 1px solid #2F2E2E;	width: 96%;	padding: 3px;	background: #090909;	color: #2F2E2E;}.wpcf7-form input[type="submit"]{	position: relative;	display: block;	font-size: .1em;	height: 35px;	width: 139px;	border: 0;	background: url(img/sm.gif) top left;}#nav li ul{	display: none;}#comwrap h3#comments, #comwrap h3#respond{	position: relative;	font-size: 14px;	font-weight: bold;}p #submit{	position: relative;	height: 35px;	width: 139px;	background: url(img/sc.gif) top left no-repeat;	border: 0;	text-indent: -9999em;	font-size: .01em;}
#work-links{	position: absolute;	top: -130px;	left: 0;	text-align: left;	color: #c4fe29;}	#work-links a{		position: relative;		color: #c4fe29;		padding: 2px;			margin: 0 7px 0 7px;		text-decoration: none;	}		#work-links a:hover{		color: #fff;		background: #9f22ca;	}#author, #email, #url{	width: 320px;}















