/*
Theme Name: ComicPress Boxed
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: ComicPress Developement Team
Author URI: http://comicpress.org/
Version: 1.2
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

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

/* STANDARD TAGS */

body {
	background: #990000 url('images/background.png') repeat;
}

#page-wide {
	border-left: solid 0px #000;
	border-right: solid 0px #000;
	border-bottom: solid 0px #000;
}	

#header {
      background: #000 url('http://www.nicky510.com/images/banners/temp/nicky.png') top left no-repeat;
}

#header, #menubar {
border-left: solid 1px #000;
border-right: solid 1px #000;
	 -moz-box-shadow: 3px 3px 3px #000;
	-moz-border-radius-bottomright: 3px;
	-webkit-box-shadow: 3px 3px 3px #000;
	-webkit-border-bottom-right-radius: 3px;
}

#header h1 {
padding: 0;
margin: 0;
}

#header h1 a {
width: 244px;
display: inline-block;
text-indent: -9999px;
height: 110px;
float: left;
}

#header .description { display: none; }

#sidebar-header {
width: 730px;
float: right;
}


#header .description {
	text-align: left;
	padding-left: 60px;
}

/*   all content - everything but window background under menubar and around footer */
#content-wrapper, #content-wrapper {
        margin: 0; /* margin: 0;  means demargin everything */
}

/* wraps around the entire lower content area down to footer. */
#subcontent-wrapper {
	background: #ccc;
/*	margin-top:0px 0 0 0;  top right bottom left (top left bottom right?) you should push *down* instead of up - commented out cause its in #comic-wrap to push down */
border-left: solid 1px #000;
border-top: solid 1px #000;
border-right: solid 1px #000;
	 -moz-box-shadow: 3px 3px 3px #000;
	-moz-border-radius-bottomright: 3px;
	-webkit-box-shadow: 3px 3px 3px #000;
	-webkit-border-bottom-right-radius: 3px;
margin-bottom: 5px;
padding-top: 5px;
}

#footer {
	color: #fff;
}

.pagenav {
	background: #fff;
}

/*  blog area */
.narrowcolumn, .widecolumn {
width: 600px;
	background: #efefef;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	 -moz-box-shadow: 3px 3px 3px #000;
	-moz-border-radius-bottomright: 6px;
	-webkit-box-shadow: 3px 3px 3px #000;
	-webkit-border-bottom-right-radius: 6px;
margin-right: 5px;
}

#header h1 a, #header .description {
	color: #fff;

}

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

/* comic-wrap wraps around the entire comic sidebars and #comic area 
the margin-bottom: 20px is the space between the #comic areas and the #subcontent-wrapper */
#comic-wrap {
background: #fff;
margin-bottom: 0px;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
	 -moz-box-shadow: 3px 3px 3px #000;
	-moz-border-radius-bottomright: 6px;
	-webkit-box-shadow: 3px 3px 3px #000;
	-webkit-border-bottom-right-radius: 6px;
}

#comic {

text-align: center;     
}

#comic img {
margin: 0 auto;
}

/* space   beneath comic down to bottom of nav bar plus a bit  NOTE: chaining these together */
#comic-foot, #comic-head {
        margin: 0;
padding: 0; /* resets all padding to 0 */
}

/* space  beneath comic down precisely to bottom of nav(first/last bar) */
#sidebar-undercomic {
margin: 0;
        background: #fff;       
}

#sidebar-comicleft { float: left;
         background: #fff;
         width: 100px; 
}  

#sidebar-comicright { float: right; 
         background: #fff;
         width: 100px;
}

#footer a {
	color: #ff0000;
}
#footer a:hover {
	color: #fff;
}

/* MENU */
	
	.menunav-rss:hover {
	background: #ff6600;
	}

#menu {
	text-transform: uppercase;
	font-size: 12px;
}

	#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,
	#menu li:hover li, #menu li li:hover li, #menu li li li:hover li, #menu li li li li:hover li {
		text-transform: uppercase;
		font-size: 12px;
	}

/* COMMENT  */

.comment-link {
	font-size: 9px;
}

.comment-meta-data {
	background: #ddd;
	border: dotted 1px #bbb;
}

.bypostauthor .comment-meta-data {
	background: #fff;
}

/* comments */

#comment, #author, #email, #url, #comment-textarea {
	padding: 2px;
	color: #000;
	font-family: 'Verdana' , sans-serif;
	font-size: 12px;
	background: #eee;
	border: 1px solid #888;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#comment-textarea:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #comment:focus, #author:focus, #email:focus, #url:focus {
	background: #fff;
}

/* OTHER */

#sidebar-undercomic {
	text-align: center;
}

.widget_sociable_widget {
	margin: 0 auto;
	padding: 0 0;
}

.cpcal-cals {
	width: 516px;
	margin: 0 auto;
	padding-left: 5px;
}