/*
Theme Name: Josh Hemsley Official WP Theme
Theme URI: http://www.joshhemsley.com
Description: Official WP Theme for joshhemsley.com
Version: 1.0
Author: Josh Hemsley
Author URI: http://thevisualclick.com
*/


* { margin: 0; padding: 0; }
p {padding-top:26px; line-height:30px;}
p.cell {padding-top:20px; line-height:20px;}
.clearboth {clear: both;}

/****************************************************** 
						H Tags
******************************************************/	
h1 {}
h2 {margin-top: 30px;}
h3 {margin-top: 30px;}
h4 {}
h5 {}
h6 {}


/****************************************************** 
					INLINE LINKS
******************************************************/	
a{color:#90aa2f; text-decoration:none; outline:0;}
a:hover{color:#87aa04; text-decoration: underline;}
a:active{outline: none;}
a img{outline: none; border: 0px; text-decoration:none;}
a:hover img{outline: none; border: 0px; text-decoration:none;}

/****************************************************** 
					BODY/STRUCTURE
******************************************************/	

html {
	margin:0px;
	padding:0px;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	background: #000;
	}
	
body {
	padding: 0;
	margin: 0;
	background:url("images/bg.jpg") #000 no-repeat 0px 0px;
	background-attachment: fixed;
	}

.wrapper {
	width:650px;
	margin:auto;
	}


#text {
	font-family:Helvetica, sans-serif;
	letter-spacing:normal;
	color:#000000;
	font-size:18px;
}


#cell {
	font-family:Helvetica, sans-serif;
	letter-spacing:normal;
	color:#000000;
	font-size:12px;
	padding: 30px;
}

img.cell {
	float: left;
	border: 0px;
	margin: 10px;
}

img.floatright {
	float: right;
	border: 0px;	
}

img.floatleft {
	float: left;
	border: 0px;	
}




/****************************************************** 
						HEADER
******************************************************/		

#header {
	background: url("images/bg_white.png") repeat 0px 0px;
	height: 200px;
	width: auto;
	}

#header h1.logo{
	clear: both;
	padding-top: 0px;
	margin: auto;
	}
#header h1.logo a{
	margin: 10px 0px auto auto;
	display: block;
	width: 500px;
	height: 70px;
	background:url("images/logo.png") no-repeat 0px 0px;
	text-indent: -9999px;
	}

	
/****************************************************** 
						NAV
******************************************************/		

.tabs{
	height:60px;
	list-style-type:none;
	margin:auto 10px;
	position:relative;
	}
.tabs li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
	
.tabs a {
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing: -1px;
	margin:5px 15px;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	}
.tabs a.current, .tabs a.current:hover {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:4px;
	background: url("http://www.joshhemsley.com/images/bg_black_transparent.png") repeat 0px 0px;
	color:#a5cc16; 
	}
.tabs a:hover {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:4px;
	background: url("http://www.joshhemsley.com/images/bg_black_transparent3.png") repeat 0px 0px;
	color:#a5cc16; 
	}	
	
	
	
/****************************************************** 
					CONTENT STRUCTURE
******************************************************/		
	
#content {
	background: url("images/bg_white.png") repeat 0px 0px;
	width: auto;
	margin-top: 0px;
	clear: both;
	font-size: 42px;
	line-height: 50px;
	}


	
/* tab pane */
div.panes > div {
	display:none;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding: 40px 40px;
}


/****************************************************** 
					Social
******************************************************/	

.sub_icons{
	padding: 40px 40px;
	}

a.icon_susf{
	display: block;
	background:url(images/icon_susf.png) no-repeat 0px 0px;
	height: 174px;
	width: 109px;
	float: left;
	text-indent: -9999px;
	margin: 20px 0px 0px 30px;
	}
a.icon_susf:hover{
	background:url(images/icon_susf.png) no-repeat 0px 0px;
	}
a.icon_email{
	display: block;
	background:url(images/icon_email.png) no-repeat 0px 0px;
	height: 150px;
	width: 180px;
	float: left;
	text-indent: -9999px;
	margin: 0px 0px 0px 300px;
	}
a.icon_email:hover{
	background:url(images/icon_email.png) no-repeat 0px -150px;
	}		
a.icon_flickr{
	display: block;
	background:url(images/icon_flickr.png) no-repeat 0px 0px;
	width: 345px;
	height: 100px;
	float: left;
	text-indent: -9999px;
	margin: 50px 0px 0px 20px;
	}
a.icon_flickr:hover{
	background:url(images/icon_flickr.png) no-repeat 0px -100px;
	}

a.icon_twitter{
	display: block;
	background:url(images/icon_twitter.png) no-repeat 0px 0px;
	width: 171px;
	height: 180px;
	float: left;
	text-indent: -9999px;
	margin: 50px 0px 0px 20px;
	}
a.icon_twitter:hover{
	background:url(images/icon_twitter.png) no-repeat 0px -180px;
	}	
	

		
/****************************************************** 
					Footer
******************************************************/		
#footer{
	border-top:1px solid #1f1f1f;
	padding: 5px 40px;
	font-size: 10px;
	letter-spacing: normal;
	text-align: center;
	}