/* Companion Custom CSS over-rides for [ Kibou - Testing ]: ComicPress - 2.8 */

body {
	background: #396;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	}

a {
	color: #111;
	text-decoration: underline;
	}
	  	a:hover {
		color: #0C341E;
		}

	a:focus {
		outline: none;
		}

	a img {
		border: none;
		}
		
	h1, h1 a, h1 a:hover {
	padding: 0 0 0 0;
	margin: 0;
	color: #000;
	font-family: 'Georgia', serif;
	}
	h2, h2 a, h2 a:hover {
	color: #111;
	}
		h2.pagetitle, h2.pagetitle a {
		color: #999;
		}
	h3, h3 a, h3 a:hover {
		font-weight: bold;
		color: #111;
		font-family: arial;
	}


#page {
	width: 760px;
}

.post, .post-comic, .post-page {
	padding: 0 20px;
	}
	.entry {
	line-height: normal;
	font-size: 12px;
}



#menubar {
	background: #0A3820;
	border: none;
	}
#menu {
	background: #0A3820;
	text-transform: uppercase;
	border: none;
	font-size: 12px;

	}
	
	#menu a {
		padding: 0px 5px;
		display: block;
		color: #fff;
		text-decoration: none;
		border-right: none;
		}
		#menu li a {
		border-left: none;
		border-right: none;
		}
		#menu li:hover a, #menu li.sfhover a {
		border-left: none;
		border-right: none;
		color: #DAF1E3;
		background: #0A3820;
		}
	#menu .current_page_item a {
		border-left: none;
		border-right: none;
		background: none;
	}
	
.menunav-prev, .menunav-next {
	display: block;
	float: left;
}

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

	.menunav-prev a, .menunav-next a {
		width: 25px;
		height: 25px;
		display: block;
		text-indent: 0px;
		overflow: hidden;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
		line-height: 25px;
		text-align: center;
		text-decoration: none;

	}

	.menunav-prev a {
		background: none;
		color: #fff;
	}

	.menunav-prev a:hover {
		background-position: 0;
		color: #DAF1E3;
	}

.menunav-next a {
	background: none;
	color: #fff;
}

	.menunav-next a:hover {
		background-position: 0;
		color: #DAF1E3;
	}


#comic-head {
	padding-top: 0;
	}
#footer {
	margin: 0px auto;
	padding: 20px 0;	
	color: #DAF1E3;
	text-align: center;
	background: #0A3820;
	}
	#footer a {
		color: #fff;
		text-decoration: none;
		border: none;
		}
	#footer a:hover {
		border-bottom: 1px dotted #fff;
		}

#comic {
	background: none;
	border: none;
	padding: 0px;
}
#page {
	background: #EDF8F1;
	}
#header {
	text-align: center;
	background: #fff;
	padding: none;
	}
	
	.nav a, .pagenav a, .nav-blog a {
	text-decoration: none;
	color: #333;
	}

	.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
		color: #1A5D38;
		}
		
.post-foot, .post-comic-foot, .post-page-foot {
	margin: 0 0 40px 0;
	height: 10px;
	overflow: hidden;
	}
	
	.comicdate {
		color: #777;
		font-family: 'Georgia', serif;
		font-size: 14px;
		font-weight: bold;
		}

	.postdate {
		color: #777;
		font-family: 'Georgia', serif;
		font-size: 11px;
		}

		
		
.comment-link {
	color: #333;
	font-family: 'Georgia', serif;
	font-size: 16px;
	font-weight: normal;
	}
	.comment-link a{
		color: #1A5D38;
		text-decoration: none;
		border-bottom: 1px dotted #777;
		font-weight: normal;
		}
		.comment-link a:hover{
			color: #0C341E;
		}
		
.post-text h2, .post-text h2 a{
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
}

.storyline-cats {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	.storyline-cats a{
		text-decoration: none;
		}

#sidebar-right {
	float: right;
	width: 200px;
	}



.sidebar h2, .sidebar h2 a {
	color: #1A5D38;
	font-family: 'Georgia', serif;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: -1px;
	}
	
	.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

	.sidebar ul li {
		margin: 0 0 10px 10px;
		padding: 0;
		}

		.sidebar ul li ul li {
			margin: 0 0 0 10px;
			padding: 0;
			}

			.sidebar ul li ul li a {
				display: block;
				color: #111;
				text-decoration: none;
				border-bottom: 1px dotted #3FA667;
				}

				.sidebar ul li ul li a:hover {
					color: #111;
					background: #DAF1E3;
					border-bottom: 1px dotted #3FA667;
					}
.sidebar li h2 {
		margin-top: 0px;
	}


#blogheader {
	border-top: none;
	}

.comment #respond h3, #comments{
		padding: 5px;
		font-size: 20px;
		clear: both;
		font-family: 'Georgia', serif;
		margin: 0;
		color: #777;
		padding: 20px 0 0 0;
	}
	.button {
	margin: 0 0 20px 0;
	padding: 0 5px;
	color: #111;
	background: #DAF1E3;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	border: 1px solid #999;
	}
	.button:hover {
		color: #111;
		background: #DAF1E3;
	}

#s {
	width: 140px;
	margin: 0;
	padding: 2px;
	color: #000;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	border: 1px solid #999;
	background: #fff;
	}

	#s:hover {
		background: #fff;
		}

#searchsubmit {
	margin: 0;
	padding: 0 0 0 2px;
	color: #999;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	background: #EDF8F1;
	border: 1px solid #999;
	}

	#searchsubmit:hover {
		cursor:pointer;
		color: #666;
		background: #B5E3C7;
		}
	


/** Custom stuff */

h2.chaptertitle {
	color: #1A5D38;
	font-family: 'Georgia', serif;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	}

del {
	color: #666;
	}

ins {
	text-decoration: none;
	}
.comment {
	margin: 5px 0 0 0;
}
.comment .comment .comment {
	border: none;
	margin-left: 20px;
	}
	.comment .comment .bypostauthor, .comment .comment .comment .bypostauthor {
		background: transparent;
	}