/*
Theme Name: ComicPress Silver II
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Philip M. Hofer (Frumph)
Author URI: http://frumph.net/
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: #fff url('images/background-pattern.jpg');
/*        background: #ffffff;
	background-image:url('images/background-pattern.jpg');*/
/*	background-repeat:no-repeat;*/
	background-attachment:fixed;
/*	background-position:center top;*/
	
}

#header h1 {
	text-shadow: 1px 1px 1px #222;
	-moz-text-shadow: 1px 1px 1px #222;
	-khtml-text-shadow: 1px 1px 1px #222;
	-webkit-text-shadow: 1px 1px 1px #222;
}

#menubar-wrapper {
	margin: 0 auto;
	clear: both;
	display: block;
	text-transform: uppercase;
	padding: 3px 0;
	margin-bottom: 5px;
	border: solid 1px #999;
}

.safari #menubar-wrapper {
	padding: 4px 0 0;
}

#menubar-wrapper, #subcontent-wrapper, 
.layout-gn #sidebar-left, 
.layout-rgn #sidebar-right, 
.layout-v #sidebar-right,
.layout-v3cr #sidebar-right, 
.layout-v3cr #sidebar-left,
.layout-v3c #sidebar-left,
.layout-v3c #sidebar-right {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#menubar-wrapper {
	text-shadow: 1px 1px 1px #222;
	-moz-text-shadow: 1px 1px 1px #222;
	-khtml-text-shadow: 1px 1px 1px #222;
	-webkit-text-shadow: 1px 1px 1px #222;
}

#menubar-wrapper, #subcontent-wrapper, 
.layout-gn #sidebar-left, 
.layout-rgn #sidebar-right, 
.layout-v #sidebar-right,
.layout-v3cr #sidebar-right, 
.layout-v3cr #sidebar-left,
.layout-v3c #sidebar-left,
.layout-v3c #sidebar-right {
	-moz-box-shadow: 1px 2px 5px #000;
	-webkit-box-shadow: 1px 2px 5px #000;
	-khtml-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;	
}

#menubar-wrapper, #subcontent-wrapper, 
.layout-gn #sidebar-left, 
.layout-rgn #sidebar-right, 
.layout-v #sidebar-right,
.layout-v3cr #sidebar-right, 
.layout-v3cr #sidebar-left,
.layout-v3c #sidebar-left,
.layout-v3c #sidebar-right {
	background: #ccc;
	background:-moz-linear-gradient(100% 100% 90deg,#aaa, #ddd, #eee 100%);
    /* IE8 uses -ms-filter for whatever reason... */
	background: -ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=#ddd, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(232, 232, 232, 1.0)),
          to(rgba(172, 172, 172, 3.0))
        );
}

.menunav a {
	color: #000;
}

.ie button {
	color: #000;
}

.menunav-prev a, .menunav-next a {
	margin: 0 3px;
}

.menu ul li a:link, .menu ul li a:visited {
	color: #000;
	margin-left: 3px;
}

.menunav-prev a:hover, .menunav-next a:hover, .menunav-rss:hover, .menu ul li a:hover {
	color: #fcff00;
	background:-moz-linear-gradient(100% 100% 90deg, #fff, #ccc, #bbb 100%);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(132, 132, 132, 1.0)),
          to(rgba(227, 227, 227, 3.0))
        );
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* this is the color of the text in the menubar when its on that page */
.menu .current_page_item a {
	color: #b00 !important;
}

#comic {
	padding: 5px;
	width: 953px;
}

#comic img {
	border: solid 1px #999;
	background: #fff;
	-moz-box-shadow: 1px 2px 5px #000;
	-webkit-box-shadow: 1px 2px 5px #000;
	-khtml-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
	margin-bottom: 5px;
}

#content-wrapper {
	padding-top: 5px;
}

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

.layout-v #subcontent-wrapper,
.layout-v3c #subcontent-wrapper {
	padding: 5px;
}
	
/*
.layout-v #subcontent-wrapper, .layout-v3c #subcontent-wrapper {
	padding: 5px;
	margin: 5px 0;
}

.layout-gn #subcontent-wrapper, .layout-rgn #subcontent-wrapper {
	margin: 0 5px 5px 0;
}

.layout-gn #sidebar-left, .layout-rgn #sidebar-right, .layout-v #sidebar-right {
	width: 190px;
	padding: 5px;
	margin: 5px;
}
*/

.narrowcolumn {
	width: 540px;
}

.layout-rgn .narrowcolumn,
.layout-gn .narrowcolumn {
	width: 535px;
}

.layout-rgn #pagewrap-right, .layout-gn #pagewrap-right {
	width: 765px;
}

.layout-gn #pagewrap-right {
	float: right;
}

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

.layout-v .narrowcolumn {
	width: 560px;
	padding-bottom: 5px;
}

.layout-v3c .narrowcolumn {
	width: 550px;
	padding-bottom: 5px;
}

.layout-v3cr #sidebar-right, 
.layout-v3cr #sidebar-left {
	width: 194px;
	margin-left: 5px;
}

.type-post, .type-page, .type-comic, .sidebar h2 {
	padding: 1px 0 2px 3px;
	background: #fff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:-moz-linear-gradient(100% 100% 90deg,#eee, #efefef, #fff 100%);
    /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=#ddd, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),
          to(rgba(220, 220, 220, 3.0))
        );
	border: solid 1px #999;
}

.type-post h2, .type-page h2, .type-comic h2 {
	text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-khtml-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	border-bottom: dotted 1px #ccc;
}

.sidebar h2 {
	margin-bottom: 3px;
	font-weight: normal;
	padding: 0 0 0 5px;
}

.comment-link {
	padding: 3px;
}

.post-foot, .post-head {
	padding: 0;
	margin: 0;
}

/* Paul - custom */
a:link {
/*	color: #115294;*/
/*	color: #447494;*/
	color: #c22;
}

a:visited {
	color: #c22;
}

a:hover {
	color: #e22;
}

.menunav-prev a:hover, .menunav-next a:hover {
	color: #fc0000;
	background: #f00;
}

.menu ul li a:hover {
	color: #fc0000;
	background: #414141; /*background of menu items during onmouseover (hover state)*/
}

/* sub level menu hover color */
.menu ul li ul li a:hover {
	color: #fc0000;
}

/* this is the color of the text in the menubar when its on that page */
.menu .current_page_item a {
	font-weight: 600;
}

.menu a {
	font-weight: 800;
}

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

#page-wide {
	width: 980px;
	margin: 0px auto;
}

#header, #subcontent-wrapper, #menubar-wrapper, #footer { width: 962px; margin: 0 auto; }