/*  
Theme Name: Basic Photo Blog
Theme URI: http://
Description: Simple theme for some friends. Very Basic.
Version: 1.0
Author: Kevin Gent
Author URI: http://kevingent.com
*/

/*		Grid Division Layout		*/

html {}
body { background-color: #000000; background:#000000 url(http://www.jontehero.com/img/banner.jpg) repeat-x scroll left -30px; color: #222222; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 1.5;	margin: 0; padding-bottom: 50px; text-align: center; }

img { border: 0px; }

#page {	width: 960px; margin: 0px auto; text-align: left; }

	#header { padding: 20px 0px; }
	
	.section { background-color: #FFFFFF; }
		.entry {}
			.entrytitle { padding: 20px 30px; background: #EEEEEE url(images/entrytitle_top.jpg) repeat-x scroll left top; }
				.entry_date { padding: 0px; margin: 0px; font-size: 12px; }
			.entrybody { padding: 0px 30px; font-family: arial; }
				.more-link { font-size: 24px; color: #0099FF; font-family: georgia; letter-spacing: -1px; }
			.entrymeta { font-size: 0.9em; padding: 20px 30px 10px; background: #EEEEEE url(images/entrybody_shadow.jpg) no-repeat scroll left top; }
				.postinfo { padding: 0px 0px 8px; }
					.postedby { background: transparent url(./images/user.gif) no-repeat; padding: 3px; padding-left: 20px; }
					.filedto { background: transparent url(./images/post.gif) no-repeat;	padding: 3px; padding-left: 20px; }
				.commentslink { background: transparent url(./images/packaged.gif) no-repeat; padding: 3px; padding-left: 20px; }
	
		.commentsblock { padding:20px 30px 0; }
			.commentsblock textarea { width: 35em; }
			.commentsblock input, .commentsblock textarea { padding: 5px; border: 1px solid #d1d1d1; }
				.commentsblock label { font-size: 14px; padding-left: 10px;}
			.commentsblock textarea:focus { background:#eee; border:1px solid #a1a1a1; }
			.commentsblock textarea:focus, .commentsblock input:focus {	background:#eee; border:1px solid #a1a1a1; }
			.commentauthor { display: block; font-size: 1.5em; }
			ol.commentlist { color: #777; font-size: 0.9em;	list-style-type: none; margin: 0; margin-top: 1.5em; padding: 0; }
			.commentlist li { margin-bottom: 10px; padding: 20px 20px 10px; }
			.alt{ background: #EEEEEE; border: 1px dotted #d1d1d1; padding: 0.5em; }
			h3#comments{ font-size: 1.6em; }
			
		.navigation { padding: 0px 30px 30px; font-size: 24px; }
 
	#sidebar ul { list-style-type: none; margin: 0; padding: 0; }
	#sidebar ul li { margin-bottom: 0.3em; padding: 0.3em; }
	#sidebar ul ul li { border-bottom: 1px dotted #ddd; }

	#footer { color: #CCCCCC; background-color: #222222; font-family: arial; }
		#footer p { margin: 0px; padding: 0px 0px 10px; }
		
		.col_480 { width: 480px; }
			.disclaimer { padding: 20px 30px; }
		.col_480 { float: left; }

/*		Page Styles		*/
 
h1, h2, h3, h4 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; margin: 0; }

#header h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 3em; margin: 0; margin-right: 1em; }
#header h1 a { color:#0099FF; }
#header h1 a:hover { color:#666666; }
#header p { color: #aaa; font-size: 1.1em; margin: 0; margin-top: -0.5em; }
.entrytitle h2 { font-size: 2.2em; }
.entrytitle h2 a { color: #0099FF; }
.entrytitle h2 a:hover { color: #666666; }
.entrytitle h3 { font-size: 1.8em; color: #6F6F6F; }
#sidebar h3 { color: #555; font-size: 1.5em; margin: 1em 0; }
#header h4 { font-family: Georgia, "Times New Roman", Times, serif; background:transparent url(http://www.jontehero.com/img/logo.jpg) no-repeat scroll left top;	font-size: 3em; margin: 0; margin-right: 1em; }

/* Before footer */

#morefoot {
  background: #000 url(images/bggrad.jpg) top left repeat-x;
  border: 1px solid #070707;
  padding: 15px;
  color: #dfdfdf;
  margin: 0 0 10px 0;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 9pt;
  }
#morefoot a {
  text-decoration: underline;
  color: #ddd;
  }
#morefoot a:hover {
  text-decoration: underline;
  color: #6598b8;
  }
#morefoot h3 {
  font-size: 12pt;
  font-weight: normal;
  color: #dfdfdf;
  letter-spacing: -1px;
  border-bottom: 1px dotted #444;
  margin: 0;
  padding: 0 0 2px 0;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 340px;
  }
#morefoot .col2 {
  margin: 0 25px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 260px;
  }
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }


/* footer*/
#footer {
  clear: both;
  background: #000;
  border: 1px solid #070707;
  padding: 15px 15px 10px 15px;
  }
#footer p {
  font-size: 9pt;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #bbb;
  text-decoration: underline;
  }
#footer a:hover {
  color: #fff;
  }
#footerleft {
  float: left;
  width: 500px;
  }
#footerright {
  float: right;
  width: 300px;
  text-align: right;
  }


/* Misc */
 
a {	color: #579; text-decoration: none; }
a:hover { color:#CC0000; }

.right { text-align: right; }
.center { text-align: center; }
.clear { clear: both; }

.bg_sidebar { background-color: #1e1e1e; }


#nav {
	background: #666 url(http://www.jontehero.com/img/grunge.jpg) left top;
	font-family: "Century Gothic", Arial, sans-serif;
	width: 96%;
	overflow: hidden;
}
#nav li {
	float: left;
	display: block;
}
#nav li a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
        color:#fff;
}
#nav li a:hover {
	background: url(http://www.jontehero.com/img/25.png);
        color:#fff;
        font-weight: bold;
}
#nav li a.current {
	background-color: #fff;
	color: #000;
}



