/*
Theme Name: Pigtales
Theme URI: http://mindfaucet.com
Template: comicpress
Description: A ComicPress child theme. <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin
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: #0f1a24 url('images/bricks.png') 0 20px;
}

a {
	color: #1c3f5c;
}

	a:hover {
		color: #fff;
	}
	
h2, h3 {
	color: #12293c;
}

#page-wrap {
	background: url('images/bars.png') repeat-x;
}

#page {
	width: 950px;
	margin: 0 auto;
}

button {
	background: #91b6d4;
	color: #1c3f5c;
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	line-height: 16px;
	border: 1px solid #30597b;
	cursor: pointer;
}
		
	button:hover {
		color: #fff;
		background: #30597b;
	}
	
textarea {
	border: 1px solid #30597b;
}

#header {
	width: 950px;
	height: 133px;
	background: url('images/header.png') no-repeat;	
	overflow: hidden;
}

.description {
	display: none;
}

h1 {
	width: 192px;
	height: 133px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	overflow: hidden;
}

	h1 a {
		height: 133px;
		width: 140px;
		margin: 0 0 0 35px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}

#sidebar-header {
	height: 133px;
	width: 728px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
}

	#sidebar-header .textwidget {
		width: 728px;
		height: 90px;
		margin: 23px 0 0 0;
		overflow: hidden;
	}

#menubar {
	height: 27px;
	padding: 2px 25px 0 25px;
	background: url('images/header.png') 0 -133px no-repeat;
}

#menu{
	float: right;
	text-transform: uppercase;
}

#menu li {
	background: #1c3f5c;
	margin-right: 2px;
	font-family: 'Verdana', sans-serif;
	font-weight: bold;
}

	#menu li:hover {
		background: #518dbe;
	}

	#menu .current_page_item a {
		background: #12293c;
	}

#menunav {
	margin-right: 2px
}

.menunav-prev a:hover, .menunav-next a:hover {
	background: #518dbe;
}

.menunav-prev {
	margin-left: 2px;
}
	
.menunav-rss {
	width: 25px;
	height: 25px;
	padding: 0;
	margin-left: 0;
	text-indent: -9999px;
	background: url('images/rss.png') no-repeat;
}

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

#content-wrapper {
	width: 950px;
	background: url('images/page.png') repeat-y;
}

#comic-head {
	padding: 0;
}

#subcontent-wrapper {
	width: 860px;
	padding: 10px 20px;
	margin: 0 auto;
}

#blogheader {
	border-top: 4px solid #30597b;
}

.layout-standard .narrowcolumn {
	width: 600px;
}

#footer {
	padding: 10px 45px 40px 45px;
	color: #6c9dc6;
	background: url('images/footer.png') center bottom no-repeat;
}

	#footer a {
		color: #fff;
	}
	
#wp-calendar-wrap {
	color: #1c3f5c;
	background: #91b6d4;
	border-color: #30597b;
	border-radius: 8px;
	border-width: 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

table#wp-calendar td {
	border-color: #1c3f5c;
}

.comment-note {
	display: none;
}

#comic-foot {
	padding: 0;
}

#subcontent-wrapper {
	padding-top: 0;
}

.sidebar {
	padding-top: 15px;
}

#blogheader {
	border: none;
	height: 5px;
}

.home .post-comic, .comic .post-comic {
	padding: 1px 10px 10px 10px;
	margin: 0;
	color: #6c9dc6;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	background: #1c3f5c;
}

	.home .post-comic a, .comic .post-comic a {
		color: #fff;
	}
	
		.home .post-comic a:hover, .comic .post-comic a:hover {
			text-shadow: 0 0 2px #fff;
		}

	.home .post-comic .post-text, .comic.post-comic .post-text, .home .post-comic .post-info, .comic .post-comic .post-info {
		display: none;
	}
	
	.home .post-comic .entry, .comic .post-comic .entry {
		padding: 0;
	}
	
	.home .post-comic .post-content, .comic .post-comic .post-content {
		padding: 0;
	}

	
/* NAVIGATION */

#nav-comic {
	width: 900px;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	background: #30597b;
	border-bottom: 4px solid #1c3f5c;
}

#nav-comic-left {
	width: 58px;
	height: 30px;
	float: left;
}

	#nav-comic-first {
		width: 26px;
		height: 26px;
		display: block;
		float: left;
		margin: 2px 0 0 2px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('images/nav-comic.png') -2px -2px no-repeat;
	}
	
		#nav-comic-first:hover {
			background-position: -2px -32px;
		}
		
	#nav-comic-prev {
		width: 26px;
		height: 26px;
		display: block;
		float: left;
		margin: 2px 0 0 2px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('images/nav-comic.png') -30px -2px no-repeat;
	}
	
		#nav-comic-prev:hover {
			background-position: -30px -32px;
		}

#nav-comic-date {
	width: 100px;
	height: 30px;
	float: left;
	color: #12293c;
	font-size: 14px;
	text-align: right;
	line-height: 30px;
	text-transform: uppercase;
}

#nav-comic-title {
	width: 674px;
	height: 30px;
	padding: 0 0 0 10px;
	line-height: 30px;
	color: #fff;
	font-size: 22px;
	font-family: 'Verdana', sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
	float: left;
	text-align: left;
	overflow: hidden;
}

#nav-comic-right {
	width: 58px;
	height: 30px;
	float: left;
}

	#nav-comic-next {
		width: 26px;
		height: 26px;
		display: block;
		float: left;
		margin: 2px 0 0 2px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('images/nav-comic.png') -58px -2px no-repeat;
	}
	
		#nav-comic-next:hover {
			background-position: -58px -32px;
		}
		
	#nav-comic-last {
		width: 26px;
		height: 26px;
		display: block;
		float: left;
		margin: 2px 0 0 2px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('images/nav-comic.png') -86px -2px no-repeat;
	}
	
		#nav-comic-last:hover {
			background-position: -86px -32px;
		}

		
/* COMMENT LINK */


.comment-link {
	height: 25px;
	line-height: 20px;
	text-align: right;
}

	.home .comment-link a:hover, .comic .comment-link a:hover {
			text-shadow: 0 0 0 #fff;
	}
	
	.comment-link a {
		padding: 0 5px 0 0;
	}

	.post-comic .comment-link a {
		color: #fff;
	}
	
		
	.comment-balloon {
		width: 30px;
		height: 25px;
		display: block;
		float: right;
		overflow: hidden;
		text-align: center;
		line-height: 18px;
		background: url('images/comment-balloon.png') no-repeat;
	}
	
		.post-comic .comment-balloon {
			color: #1c3f5c;
		}
	
		.comment-link a:hover .comment-balloon {
			color: #fff;
			background-position: 0 -25px;
		}
		
	.comment-balloon-empty {
		font-size: 20px;
		line-height: 30px;
		}
		
		
/* WIDGETS */

.archive-dropdown-wrap {
	background: url('images/browse-search.png') no-repeat;
}

	.archive-dropdown-wrap:hover {
		background-position: 0 -23px;
	}

.archive-dropdown {
	margin: 0;
	padding: 0;
	width: 166px;
	height: 23px;
	font-size: 12px;
	font-family: 'Arial' , sans-serif;
	border: none;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}


/* SEARCH */

#s-search, #s-transcript {
	width: 138px;
	padding: 4px 0 0 5px;
	font-size: 12px;
	height: 19px;
	font-family: 'Arial' , sans-serif;
	color: #30597b;
	border: none;
	float: left;
	background: url('images/browse-search.png') 0 -46px no-repeat;
}

	#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus {
		background-position: 0 -69px;
	}

	#searchform button, #searchform-transcript button {
		padding: 0;
		margin: 0;
		border: none;
		height: 23px;
		width: 23px;
		line-height: 0;
		font-size: 0;
		cursor: pointer;
		text-indent: -9999px;
		background: url('images/browse-search.png') -143px -46px no-repeat;
	}

	#searchform button:hover, #searchform-transcript button:hover {
		background-position: -143px -69px;
	}

	#searchform button:hover, #searchform-transcript button:-moz-focus-inner {
		border: 0;
	}