/*  
Theme Name: Johannes Custom
Theme URI: http://www.alexharris.info
Description: Johannes' blog
Version: 1.0
Author: Alex Harris
Author URI: http://www.alexharris.info

*/

/* Universal style rule */
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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body{
	margin: 0;
	font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size: 12px;
	vertical-align: top;
	/*background: #404348;*/
	background-color: #000;
	color: #000;
}

a:link, a:visited{
text-decoration: none;
color: #ff1616;
}
a:hover{
text-decoration: underline;
}

p{margin: 10px 10px 0px 10px;}


blockquote {
margin: 10px;
padding: 10px;
background: #f8f7f6;
font-size: .9em;
}
/*cancelout universal p margin-top formatting*/
blockquote p {margin: 0px;}


/*header stuff*/
	#header{
	width: 960px;
	height: 280px;
	background:#000 url('images/header.jpg');
	background-repeat: no-repeat;}

	#navbar{width:400px; margin-top:235px; margin-left: 10px; height:30px;}

	#navbar ul{list-style-type:none;}
	#navbar li{
	float:left;
	/* Required for drop-down menus */
	 position:relative;
	 }
/* Applies to drop-down menus in navbar */
	#navbar li ul{
	  position:absolute;
	  z-index:100;
	  visibility:hidden;}
	  /* Make drop-down visible on navbar hover */
	#navbar li:hover ul{
	  visibility:visible;}
	#navbar li ul li{float: none;}
  /* Applies to navbar links, unvisited and visited */
	#navbar a,
	#navbar a:link,
	#navbar a:visited{
	  text-decoration: none;
	  font-family:Verdana, Geneva, Arial, Sans-Serif;
	  font-size:150%;
	  color:#fff;
	  display:block;
	  line-height:31px;
	  width:70px;
	  text-align:center;
	  outline-style:none;
	  padding: 0px 5px 0px 5px;}
/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active{
  background:#feffa2;
  color:#000;
} 
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a{
  background:#000; /* Removes background image */
  color:#fff;
  text-align:left;
  display:block;
  width:300px;
  padding:2px 10px;
  font-size:1.4em;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a:hover{
  background:#feffa2; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;}

#navbar li:hover ul li img{
vertical-align: middle;}

#wrapper{
margin: 0 auto;
width: 960px;
background-color: #bcbcbc;
}


/* container for all but front, single*/
#container{
float: left;
width: 640px;
margin: 10px 10px 0px 10px;
padding: 0px 0px;
}

.post{
width: 640px;
margin-bottom: 10px;

color: #000;
}



h1 {margin: 0px 0px; font-size: 1.4em; font-variant: small-caps; color:#000;}

/*FRONT PAGE STUFF front.php*/
#front_container{float: left;width: 960px;}
.front_post_title {margin: 7px 0px 0px 10px;}
#intro{
background-color: #e3e3e3; color: #000;
/*background-color: #ddeffd;*/ margin: 5px 5px 0px 5px; padding: 10px 20px 5px 20px; width: 910px;}
#intro p{ font-size: 1.2em; text-align: justify; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;}
#front_page_posts{width:960px;}
.blog_post {width:470px; float: left;  margin: 5px 5px; text-align: justify; min-height:400px; background-color: #e6e6e6;}
#front_container h3 {font-size: 1.3em; color: #000; padding: 5px; margin: 5px; background-color: #7b7b7b;}

#comic_stories {width:960px; margin:10px 0px 0px 0px; float: left;}
#comic {width: 609px; float:left; background-color: #e6e6e6; margin: 0px 5px; }
#comic_content {float:left; margin: 0px;}
#stories {width: 330px; float: right; margin: 0px 5px; text-align: justify; background-color: #e6e6e6;}
#stories p{margin-bottom:5px; padding: 0px;}
#tato_read_more {margin: 10px 10px; float: left;}
.readmore{margin: 10px 10px;}
a.more-link:link {color: red; text-decoration: none; margin-top:10px;}
a.more-link:visited {text-decoration: none; }
a.more-link:hover {text-decoration: underline; }
a.more-link:active { } 

.front_postmetadata{font-size: .8em; margin: 0px 10px;}


/*individual category pages */
#archive {border-bottom: 1px dotted #000; padding-bottom: 10px;}

/* single post page styles */
#single_container{margin: 10px auto; width: 640px;}


/*Post titles*/
.post_header{width: 610px; font-size: 1.2em; padding: 5px 10px;  background-color: #7b7b7b;}
.post_header a,
.post_header a:link,
.post_header a:visited{
	text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
	color: #000;

}
.post_header a:hover,
.post_header a:active,
{
   	text-decoration: underline;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size: 1.5em;
	color: #f00;
}

.entry {
padding: 10px 0px 10px 0px;
width:630px;
background-color: #e6e6e6;
}

.entry p{
text-align: justify;
}

.postmetadata{
font-size: .8em;
margin-bottom:10px;
font-style: italic;
}


/* INDIVIDUAL PAGE STYLES */
#page_container{width:940px; margin: auto; }
.page_text{width:940px; margin: 10px auto; }
.page_header{font-size: 1.2em; padding: 5px 10px;  background-color: #7b7b7b; font-variant: small-caps;}
.page_entry{padding: 10px 10px 10px 10px; width:920px; background-color: #e6e6e6; font-size: 1.2em; 
font-family:Verdana, Geneva, Arial, Sans-Serif; text-align: justify;}

/*SIDEBAR*/
.sidebar{
float: left;
width: 290px;
margin: 10px 10px 10px 0px;
color: #000;
}

.sidebar ul{
list-style-type: none;
margin: 0px;
background-color: #e3e3e3; 
padding: 10px 0px 0px 10px;
}
.sidebar ul li {padding-bottom: 10px;}
.sidebar h2{font-size: 1.2em; padding: 5px 10px; background-color: #7b7b7b;}
.sidebar a{text-decoration: none;}
.sidebar a:hover{text-decoration: underline;}

#footer{
width: 920px;
background-color: #e3e3e3;
margin: 10px 0px 20px 0px;
padding:20px;
color: #000;}
#footer ul{list-style-type: none;}
#footer li{float: left; margin:0px 10px 0px 0px;}
#footer li ul li{float:none; font-size: 0.8em;}
#footer h2 { margin:0px 10px 0px 0px; font-size: 1.0em;}
#footer a{text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#footer_connect ul{float:left;}

#archives { width: 630px; background-color: #fff;}
#archives li{list-style-type: none; }
.lpbcArchive{margin-left:10px;}
.lpbcArchive h4 {width: 630px; padding: 5px 10px;}
.lpbcArchive h4 a {text-decoration: none; color: #000; font-size: 1.2em; padding: 0px 10px; background-color: #7b7b7b}


#comments{
background-color: #fff;
padding: 10px 10px;
margin: 10px 0px 0px 0px;}

#comments textarea{
background-color: #fff;
border: 1px solid #000;

}
#comments input{
background-color: #fff; border:1px solid #000;
}


.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #000;
	padding: 10px 0 0;
	
}

 #comments ol{
	margin: 0;
	padding: 0 0 15px;
	list-style-type: none;
	
}

#comments ol li{
	margin: 5px 0 0;
	padding: 5px 5px;
	background-color: #e3e3e3;
}

#comments h3{
padding: 10px 0px 5px 0px;
	font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size: 1.1em;
}

.commentmetadata{
	font-size: 12px;
	padding: 5px;
	}
.comment_date_time
{font-size: .8em;}



.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size: 12px;
	border: 1px solid #000;
	background-color: #fff;
}

.comments-template input{background-color: #fff; height:20px; margin: 10px 0px; }