/*

Theme Name: ComicPress Wapsi

Theme URI: http://comicpress.org

Template: comicpress

Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>

Author: Your Name Here

Author URI: http://Your personal site url here/

Version: 1.0

.

The CSS, XHTML and design is released under GPL v3:

http://www.opensource.org/licenses/gpl-3.0.html

.

1. Modify the directory name to one of your chosing.

2. Change the 'Theme Name, Author and Author URI' to your custom names.

3. Put your custom sets of navigation, avatars, calanders, moods in the images folder in this Child Theme, uses the same base structure as the main ComicPress theme.

4. If you are using a custom-header.php, that too goes into this child theme.

5. The widgets directory in the child theme is where you can place custom widgets that you make.

6. Design your site with Companion or putting the CSS into this child theme's style.css

7. Take a screen capture of your designed site and replace the screenshot.png file in this child theme.

.

NOTE: When writing CSS in either Companion or the Child Theme, you put the CHANGES only, not the entire CSS.  

*/



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



/* STANDARD TAGS */

body {
	background: url( 'images/background.jpg' ) repeat;
	color: #333333;
	font-family: 'Arial' ,sans-serif;
}

#page {
	border-radius: 10px;
	background: #8E7865 url( 'images/content-bg.jpg' ) no-repeat;
	border: 2px solid #000000;
/*	padding: 2px; */
	margin: 10px auto;
}

#page-wrap {
	background: #222 url( 'images/bkg_01-small.png' ) repeat;
	border: solid 2px #000;
	border-radius: 10px;
	margin: 0 auto;
}

#page-wrap {
/*	width: 1260px; */
	padding: 5px;
}

.ie #page-wide-wrap {
	background: #8E7865 url( 'images/content-bg.jpg' ) no-repeat;
}

.ie #page-wide {
	padding: 0;
	background: transparent;
	border: 0;
}

#header {
	background: transparent url( 'images/header.png' ) top center no-repeat;
	width: 980px;
	height: 140px;
}

#header h1, #header .description {
	display: none;
}

#text-4 {
	margin: 2px;
}

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

#subcontent-wrapper {
	padding: 5px 0;
}

#menubar-wrapper {
	width: 860px;
	margin: 0 auto;
	border-radius: 6px;
	padding:2px;
	background-color: #331f01!important;
}

#menu, .menu a {
	text-transform: uppercase;
}

#comic {
	margin: 0 auto;
	background: #fff;
	border: none;
	padding: 5px;
	border: solid 1px #000;
	border-radius: 10px;
	display: block;
	max-width: 100%;
}
/*
.page .narrowcolumn, .attachment .narrowcolumn {
	width: 780px;
} 

#section-wrap {
	width: 785px;
}

.page-id-1509 #pagewrap-right {
	width: 975px;
}

.narrowcolumn {
	width: 460px;
}
*/
.post-page-head {
	padding: 0;
}

.uentry, #comment-wrapper, body.attachment .type-attachment {
	background: #fff;
	border-radius: 6px;
}

.post-page {
	padding-top: 5px;
}

.comment .comment {
	background: transparent;
}

#footer {
	width: 740px;
	margin: 0 auto;
	border: solid 1px #000;
	margin-bottom: 5px;
}

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

#sidebar-right img {
	border: solid 1px #000;
}

#wp-calendar-wrap {
	margin: 0 0 10px 0;
}

#text-11 {
	margin: 3px 5px;
}

#text-15 {
	float: left;
	margin: -270px 0 0 -60px;
	z-index: 10;
}



#text-15 input, #wp-calendar-wrap {
	border: solid 1px #000;
}



.nav {
	display: none;
}



.gallery-image, .gallery-caption p {
	width: auto;
}


.sidebar a {
	color: #fff!important;
}

.sidebar a:hover {
	color: #b00!important;
}

#sidebar-under-comic {
	padding: 16px;
}


/* Pagination */



#wp-paginav {
	background: #331f01;
	text-align: left;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}



#paginav {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 13px;
	color: #fff;
	border-right: 1px solid #222;
}



#paginav .paginav-pages, #paginav .paginav-extend {
	padding: 0 15px 0 15px;
}



#paginav a {
	padding: 0px 10px 0 10px;
	display: block;
	color: #777;
	text-decoration: none;
}



#paginav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



#paginav li {
	float: left;
}



#paginav li a {
	border-left: 1px solid #111;
	border-right: 1px solid #444;
	color: #eee;
}



#paginav .paginav-next, #paginav .paginav-previous {
	font-size: 20px;
}



#paginav .paginav-current, #paginav .current {
	padding: 0px 10px 0 10px;
	color: #fff;
	border-left: 1px solid #222;
	background: #331f01;
}



#paginav li:hover a {
	border-left: 1px solid #333;
	border-right: 1px solid #555;
	color: #fff;
	background: #331f01;
}



li .search-2 {
	margin-left: 10px;
}



h2, h2 a {
	color: #333333;
	font-family: 'trebuchet ms';
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 24px;
	margin: 0;
	padding-bottom: 2px;
}



.entry {
	font-size: 13px;
	line-height: 1.45em;
}


#wp-paginav {
	background: #331f01;
	text-align: left;
	border: 1px solid #000;
}



#paginav {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 13px;
	border-right: 1px solid #aaa;
}



#paginav .paginav-pages, #paginav .paginav-extend {
	padding: 0 15px 0 15px;
}



#paginav a {
	padding: 0px 10px 0 10px;
	display: block;
	color: #000;
	text-decoration: none;
}



#paginav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



#paginav li {
	float: left;
}



#paginav li a {
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
}



#paginav .paginav-next, #paginav .paginav-previous {
	font-size: 20px;
}



#paginav .paginav-current, #paginav .current {
	padding: 0px 10px 0 10px;
	color: #fff;
	border-left: 1px solid #aaa;
	background: #331f01;
}



#paginav li:hover a {
	border-left: 1px solid #8b160f;
	border-right: 1px solid #c28380;
	color: #fff;
}



.comment-link {
	height: 25px;
	line-height: 20px;
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: right;
}



.comment-link a {
	color: #333;
	padding: 0 5px 0 0;
}



.comment-link a:hover {
	color: #800;
}



.comment-balloon {
	width: 30px;
	height: 25px;
	display: block;
	float: right;
	overflow: hidden;
	text-align: center;
	line-height: 16px;
	font-family: 'Georgia' , serif;
	font-size: 16px;
	font-weight: normal;
	background: url( 'images/comment-balloon.png' ) no-repeat;
}

.comment-link a:hover .comment-balloon {
	color: #fff;
	background-position: 0 -25px;
}

.comment-balloon-empty {
	font-size: 20px;
	line-height: 30px;
}

.imagenav-wrap {
	width: 520px;
	margin: 0 auto;
}

#sidebar-right {
	padding: 0;
}

.uentry {
	margin-bottom: 10px;
}