/*
Theme Name: ComicPress Kindergoth
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin, John Bintz, Philip M. Hofer
Author URI: http://mindfaucet.com/
Version: 1.0
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

@import url("../comicpress/style.css");

body {
	background: #271200 url('images/background.jpg') top center repeat-x;
}

#sidebar-aboveheader {
	height: 35px;
	background: url('images/aboveheaderbg.jpg') top center no-repeat;
	margin: 0 auto;
	border-left: solid 5px #000;
	border-right: solid 5px #000;
	width: 980px;
}

#page, #page-wide {
	background: #000;
	border-left: solid 5px #000;
	border-right: solid 5px #000;
}

#header {
	background: #000 url('images/header.jpg') top center no-repeat;
	height: 205px;
overflow: visible;
}

#header h1 a { 
	display: block;
	text-indent: -9999px;
	width: 360px;
	height: 80px;
	margin: 0 auto;
}

#header .description { display: none; }

#comic-wrap {
	background: url('images/comicwrapbg.jpg') top center repeat-y;
}

#comic-head {
	height: 45px;
	background: url('images/comichead.png') top center no-repeat;
}

#comic-foot {
	padding-top: 4px;
	background: url('images/comicfoot.png') bottom center no-repeat;
}

#subcontent-wrapper {
	background: #312d2a;
	border-top: solid 5px #000;
}

.home .post-blog .post-foot {
	margin: 0;
	padding: 0;
}

/* Header Social buttons */
#socialheader {
	width: 200px;
	height: 30px;
	display: block;
	position: relative;
	margin: -26px 0 0 -15px;
zoom: 1;
}

#socialheader .hdrmyspace a {
	display: inline-block;
	padding: 0;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url('images/social/myspace.png');
}

#socialheader .hdrmyspace a:hover {
	background-position: -30px 0;
}

#socialheader .hdrfacebook a {
	margin-left: 10px;
	display: inline-block;
	padding: 0;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url('images/social/facebook.png');
}

#socialheader .hdrfacebook a:hover {
	background-position: -30px 0;
}

#socialheader .hdrtwitter a {
	margin-left: 10px;
	display: inline-block;
	padding: 0;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url('images/social/twitter.png');
}

#socialheader .hdrtwitter a:hover {
	background-position: -30px 0;
}

#socialheader .hdrrss a {
	margin-left: 10px;
	display: inline-block;
	padding: 0;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url('images/social/rss.png');
}

#socialheader .hdrrss a:hover {
	background-position: -30px 0;
}

/* news box */

.page-template .post-head, .page-child .post-head {
height: 38px;
background: url('images/blank_cap.gif') no-repeat;
}

.blogindex-head, .single .post-head {
	height: 38px;
	background: url('images/news_cap.gif') no-repeat;
}

.post-comic .post-head {
	height: 38px;
	background: url('images/kindergoth_cap.gif') no-repeat;
}

.page-id-2 .post-head {
	height: 38px;
	background: url('images/about_cap.gif') no-repeat;
}

#comment-wrapper-head {
	height: 38px;
	background: url('images/comment_cap.gif') no-repeat;
}

.page-id-14 .postonpage-1 .post-head {
height: 38px;
background: url('images/archive_cap.gif') no-repeat;
}

.page-id-123 .post-head {
height: 38px;
background: url('images/store_cap.gif') no-repeat;
}

.error404 .post-head {
height: 38px;
background: url('images/404_cap.gif') no-repeat;
}

.error404 h2.pagetitle {
margin-top: 0px;
padding-top: 5px;
}

.blogindex, .single .post-content, .post-page .post-content, #comment-wrapper {
	background: url('images/box_bg_550.gif') repeat-y;
	padding: 0 8px;
}

.blogindex-foot, .single .post-foot, .post-page .post-foot, #comment-wrapper-foot {
	height: 10px;
	background: url('images/box_base_550.gif') no-repeat;
	margin-bottom: 10px;
}



/* THE MENU */

#menubar {
	background: url('images/menu.png');
	border-bottom: solid 1px #c9a865;
border-top: solid 1px #c9a865;
}

.menunav-rss {
	width: 25px;
	height: 25px;
	margin: 0 0 0 4px;
	padding: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('images/menu-nav.png') no-repeat;
}

	.menunav-rss:hover {
		background: Transparent url('images/menu-nav.png') 0 -25px no-repeat;
	}

.menunav-prev, .menunav-next {
	display: block;
	float: left;
}

.menunav a:hover {
	background: #fff;
}

.menunav-prev {
	margin: 0 0 0 5px;
}

	.menunav-prev a, .menunav-next a {
		width: 25px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}

	.menunav-prev a {
		background: transparent url('images/menu-nav.png') -25px 0 no-repeat;
	}

	.menunav-prev a:hover {
		background: transparent url('images/menu-nav.png') -25px -25px no-repeat;
	}
	
.menunav-next a {
	background: url('images/menu-nav.png') -50px 0 no-repeat;
}

	.menunav-next a:hover {
		background: transparent url('images/menu-nav.png') -50px -25px no-repeat;
	}

#menu {
	padding: 0;
	list-style: none;
	line-height: 25px;
	font-size: 13px;
	width: 400px;
	float: none;
	margin: 0 auto;
	text-align: left;
}

	#menu a {
		padding: 0px 10px 0 10px;
		display: block;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 700;
	}

	#menu li .rss {
		padding: 5px 0 5px 0;
	}

	#menu li {
		float: left;
		cursor: pointer;
	}

	#menu li a {
	}

	#menu li:hover a, #menu li.sfhover a {
		color: #fff; /* Main menu highlighted text color */
		background: url('images/menu.png') 0 -75px;
	}

	#menu li:hover, #menu li.sfhover {
		/* Main menu highlighted background color */
	}

	/* For submenu dropdowns - this order must be maintained */

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 175px;
		line-height: 1;
	}
	#menu li li {
		width: 165px;
		padding: 4px 5px;
		color: #fff;
	}
	#menu li li a {
		width: 174px;
		padding: 0;
		color: #fff;
		border: none;
	}
	#menu li ul ul {
		margin: -17px 0 0 170px;
	}
	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
		color: #fff; /*Submenu highlighted text color */
	}
	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
		color: #fff; /*Submenu text color */
		border: none;
		background: none;
	}
	#menu li li:hover {
		background: #f00; /*Submenu highlighted background color */
	}
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
		left: -9999px;
	}
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
		left: auto;
		background: #000; /* Submenu background color */
		text-transform: none;
	}

	#menu .current_page_item a {
		color: #fff;
		background-color: Transparent;
	} 
	
	
/* comments area on single pages */

#respond {
	padding: 0;
}

#respond p {
	padding: 0;
	margin: 0;
}

/* advertisement area */

#text-6 {
border-top: solid 1px #c9a865;
width: 980px;
height: 100px;
background: url('images/adarea.jpg') top center no-repeat;
margin: 0 auto;
}

/* sidebar */

#sidebar-left h4, #sidebar-right h4 {
color: #ffcd6a;
} 

#sidebar-left, #sidebar-right {
color: #fff;
}

#sidebar-left a, #sidebar-right a {
    color: #d37d00;
}

#sidebar-left a:hover, #sidebar-right a:hover {
    color: #b00;
}

/* footer */

#footer {
color: #fff;
}

#text-9 {
	height: 113px;
	width: 980px;
	background: url('images/wood_sm_bg.jpg') top center no-repeat;
}