/*

Theme Name: JH

Author URI: http://www.jeremyhenson.com

Version: 1.0

Author: Jeremy Henson

Description: Based on Clean Copy Full 3 Column.

The CSS, XHTML and design is released under GPL: 

http://www.opensource.org/licenses/gpl-license.php

*/





/*
    ************
	** LAYOUT **
	************
*/

body { 
  border: 0; margin: 0; padding: 0; 
  background-color: #444349; 
  background-image: url('images/background.jpg'); 
  background-repeat: repeat-x; 
  font-family: trebuchet ms, verdana, arial, helvetica, sans serif; 
  font-size: .875em; 
  color: #393840; 
}

  #typo-grid { 
    width: 100%; height: 1000%; 
	position: absolute; z-index: 5000; 
	background-image: url('images/typo-grid.gif'); 
  }
  
  #header-bar { 
    width: 50%; height: 101px; 
	position: absolute; top: 0; right: 0; 
	z-index: -5000; overflow: hidden; 
	background-image: url('images/header-bar.jpg'); 
	background-repeat: repeat-x; 
  }
  

  
#wrapper { 
  width: 970px; min-height: 580px; 
  margin: 0 auto; 
}

  h1#header { 
    float: left; top: 0; 
	width: 970px; height: 101px; 
	margin: 0; padding: 0; 
	background-image: url('images/header.jpg'); 
  }
  
	h1#header a { 
		float: right; 
		width: 330px; height: 0; 
		margin: 0 150px 0 0; padding: 80px 0 0 0; 
		overflow: hidden; 
	}
  


  #main { 
    width: 790px; 
	float: left; margin-left: 10px; 
	background-image: url('images/main-background.jpg'); 
	background-repeat: repeat-y; 
  }
  
    ul#cat-nav { 
	  width: 640px; 
	  float: left; 
	  margin: 0 80px 1.429em 70px; padding: 0; 
	  list-style-type: none; 
	}
	
	  ul#cat-nav li { 
		float: left; display: inline; 
		margin: 0 80px 0 0; padding: 0; 
	  }
	  
	    ul#cat-nav li a { 
		  font-family: trebuchet ms, verdana, arial, helvetica, sans serif; 
		  color: #948b7c; 
		  font-size: 1.214em; line-height: 0.765em; 
		  text-decoration: none; 
		}
		
		  ul#cat-nav li.current-cat a, ul#cat-nav li a:hover { 
		    color: #f35c41; 
			text-decoration: underline; 
		  }
	
	
	
	div.post { 
	  width: 640px; 
	  float: left; 
	  margin: 0 80px 60px 70px; 
	}
	
	  .post img { border: 2px inset #e3dedb }
	  
	  div.post a.portfolio-image { 
	    float: left; clear: left; 
		width: 470px; height: 230px; overflow: hidden; 
		margin: 8px 8px 28px 0; border: 2px inset #e3dedb; 
	  }
	  
	    div.post a.portfolio-image img { 
		  clip: rect(0px,470px,230px,0px); 
		  margin: 0; padding: 0; border: 0; 
		}
	
	
	
	#right-nav { 
	  width: 170px; height: 249px; 
	  float: right; 
	}
	
		#right-nav ul { 
			margin: 0; padding: 0; 
			list-style-type: none; 
		}
	
			#right-nav ul li { 
				width: 170px; height: 60px; 
				margin: 0; padding: 0; 
			}
	
	
	
	#footer { 
	  float: left; clear: both; 
	  width: 970px; height: 60px; 
	  margin: 0; padding: 20px 0 80px 0; 
	  background-image: url('images/footer.jpg'); 
	  background-position: top left; background-repeat: no-repeat; 
	  text-align: center; 
	}
	
	  #footer p { 
	    width: 630px; 
		margin: 50px 250px 0 90px; 
		color: #e3dedb; 
	  }





/*
    ****************
	** TYPOGRAPHY **
	****************
*/

p { 
  position: relative; top: .286em; 
  margin: 0 0 1.429em 0; padding: 0; 
  font-size: 1em; line-height: 1.429em; 
}

	.alignleft { float: left; }
	.alignright { float: right; }
	
	.aligncenter { 
		float: left; clear: both; 
		margin: 0 auto; 
	}

a { 
  color: #f15a3f; 
}





h1 { 
  position: relative; top: .286em; 
  margin: 20px 0 0 0; padding: 0; 
  font-size: 2.214em; line-height: 1.29em; 
}

h2, h3, h4, h5, h6 { 
  margin: 20px 0 0 0; padding: 0; 
}

h2 { 
  position: relative; top: .036em; 
  font-size: 1.714em; line-height: .834em; 
  font-weight: normal; 
  color: #; 
}

  h2 a { text-decoration: none; }
  
  h2.page-title { 
	margin: 40px 0 20px 0; border-bottom: 2px inset #e3dedb; 
	font-size: 2.571em; line-height: 1.111em; 
  }
  
h3 { 
  position: relative; top: .079em; 
  font-size: 1.357em; line-height: 1.053em; 
  text-transform: uppercase; 
}

h4, h5, h6 { 
  position: relative; top: .214em; 
  font-size: 1.143em; line-height: 1.25em; 
}

h6 { font-style: italic; font-weight: normal; }





dl { 
  position: relative; top: .286em; 
  margin: 20px 0; padding: 0; 
}

  dt { font-size: 1em; line-height: 1.429em; }

  dd, li { font-size: .929em; line-height: 1.538em; }

ul, ol { 
  position: relative; top: .286em; 
  margin: 20px 0; padding: 0 0 0 1.5em; 
}





hr { 
  height: 0; 
  margin: -2px 0; border: 2px inset #e3dedb; 
  
}




/*
fieldset { 
  margin: 18px 0; padding: .286em .5em 0 .5em; 
  border: 2px solid #e3dedb; 
}

form { 
  margin: 0; padding: 0; border: 0; 
}

legend { 
  margin: 0; padding: 0 1em; 
  text-transform: uppercase; 
}

label { 
  display: block; 
  position: relative; top: .286em; 
  margin: 20px 0 0 0; padding: 0; 
  font-size: 1em; line-height: 1.429em; 
}

input, textarea { margin: 0; padding: 0; }

textarea { height: 57px; }
*/




table { 
  position: relative; top: 2px; 
  margin: 0 0 16px 0; border: 2px solid #e3dedb; 
  font-size: .929em; line-height: 1.538em; 
  text-align: center; 
}

  th { 
    padding: 0 .75em; 
	background-color: #e3dedb; 
  }





sup, sub { 
  position: relative; 
  vertical-align: baseline; 
}

sup { top: -.429em; }

sub { top: .357em; }

acronym, abbr { border-bottom: 1px dashed #393840; }

pre { 
  position: relative; top: .429em; 
  margin: 20px 0; padding: 0 1.5em; 
  font-size: 1em; line-height: 1.75em; 
  white-space: normal; 
}

blockquote { 
  position: relative; top: .357em; 
  margin: 20px 1.5em; 
  font-size: .929em; line-height: 1.538em; 
  font-style: italic; 
}





/*
	**********************
	** RIGHT NAVIGATION **
	**********************
*/

#nav1 a, #nav2 a, #nav3 a, #nav4 a { 
	float: left; 
	width: 170px; height: 0px; 
	padding: 60px 0 0 0; overflow: hidden; 
}

#nav1 a { background-image: url('images/right-nav-portfolio.jpg'); }

#nav1 a:hover { background-position: 170px 0; }

#nav2 a { background-image: url('images/right-nav-bio.jpg'); }
#nav2 a:hover { background-position: 170px 0; }

#nav3 a { background-image: url('images/right-nav-services.jpg'); }
#nav3 a:hover { background-position: 170px 0; }

#nav4 a { background-image: url('images/right-nav-contact.jpg'); }
#nav4 a:hover { background-position: 170px 0; }





/*
	*****************
	** SEARCH FORM **
	*****************
*/

form#searchform { 
	float: right; 
	width: 170px; height: 40px; 
	margin: 20px 0; padding: 0; 
	background-image: url('images/search.jpg'); 
}

input#searchbox { 
	display: inline; 
	position: relative; top: 4px; left: 3px; 
	width: 131px; height: 21px; 
	margin: 0; padding: 0 0 0 3px; border: 0; 
	font-family: trebuchet ms, arial, sans serif; 
	color: #393840; 
	font-size: .929em; line-height: 1.538em; 
	background: none; 
}

input#searchsubmit { 
	display: inline; 
	position: relative; top: 4px; 
	width: 28px; height: 20px; 
	margin: 0; padding: 0; border: 0; 
	font-size: 1em; line-height: 1.429em; 
	color: #f3f1ee; 
	background: none; 
	cursor: pointer; 
}