/*
Theme Name: ComicPress Zorphbert and Fred - Alien Scouts
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 */

#page-wide-wrap {

}

body, .sun body {

   background: #000 url('images/bgs/morning3.jpg') top center no-repeat;

   color: #fff;

}

body.mon  {

   background: #000 url('images/bgs/day2.jpg') top center no-repeat;

}

body.tue  {

   background: #000 url('images/bgs/day3.jpg') top center no-repeat;

}

body.wed  {

   background: #000 url('images/bgs/day4.jpg') top center no-repeat;

}

body.thu  {

   background: #000 url('images/bgs/morning1.jpg') top center no-repeat;

}

body.fri  {

   background: #000 url('images/bgs/morning2.jpg') top center no-repeat;

}

body.sat  {

   background: #000 url('images/bgs/night1.jpg') top center no-repeat;

}

a { color: #ffcf00; }
a:link, a:visited {color: #ffcf00; }

h2 a:link, h2 a:visited {
	color: #009c95;
}

h2 a:hover {
	color: #14d5cc;
}

.page h2 {
	color: #009c95;
}


#page-wide-wrap {
	/* background: url('images/page-wide-wrap.png') top center repeat-x; */
}

#page-wrap {
       margin: 0 auto;
       width: 978px;
}

#menubar-wrapper {
	width: 968px;
	margin-bottom: 5px;
	border: solid 1px #000;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;	
}

.ie #menubar-wrapper {
	background: #111;
}

.menu a {
	font-weight: 700;
}

#content-wrapper {
	background: url('images/background-lines.png') repeat;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 0;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;	
}

#submit, #searchform button, .type-post, .type-page, .type-comic, #menubar-wrapper, .sidebar h2, #comment-wrapper {
	padding: 5px;
	background: #111;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 0 -1px 1px #000;
	-moz-text-shadow: 0 -1px 1px #000;
	-khtml-text-shadow: 0 -1px 1px #000;
	-webkit-text-shadow: 0 -1px 1px #000;
	background:-moz-linear-gradient(100% 100% 90deg,#000000, #111, #303030 100%);
    /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=0, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(52, 52, 52, 1.0)),
          to(rgba(17, 17, 17, 3.0))
        );
}

#submit, #searchform button {
	color: #fff;
}

#searchform button {
	padding: 0 5px;
}

.post-author-gravatar img, .comment-avatar {
	border: solid 1px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	-khtml-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;	
	margin: 3px;
}

.type-post, .type-page, .type-comic, #comment-wrapper {
	border: solid 1px #000;
	margin-bottom: 20px;
}

.ie .type-post, .ie .type-page, .ie .type-comic, .ie #comment-wrapper, .ie .sidebar h2 {
	background: #000;
}

.page-title, .post-title, .menu a, .menunav a {
	text-shadow: 2px 2px 2px #000;
	-moz-text-shadow: 2px 2px 2px #000;
	-khtml-text-shadow: 2px 2px 2px #000;
	-webkit-text-shadow: 2px 2px 2px #000;
}

.post-title, .page-title {
	border-bottom: solid 1px #000;
	margin-bottom: 3px;
}

.post-title a, .page-title a {
	color: #cc0;
}

#menubar-wrapper {
	background-color: Transparent;
}

a, table#wp-calendar caption {
	color: #0cc6c3;
	text-shadow: 1px 1px 1px #111;
	-moz-text-shadow: 1px 1px 1px #111;
	-khtml-text-shadow: 1px 1px 1px #111;
	-webkit-text-shadow: 1px 1px 1px #111;
}

a:hover {
	color: #fffc00;
}

#header {
	height: 96px;
}

#header h1 a {
    width: 470px;
    height: 75px;
    display: block;
}

#header h1 {
	display: inline-block;
	text-indent: -9999px;
	position: relative;
	background: url('images/logo.png') no-repeat;
	height: 134px;
	width: 525px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	float: bottom;
}

#sidebar-header {
	width: 468px;
	background: #fff;
	height: 72px;
	float: right;
	margin: 15px 25px 0 0;
	border: solid 1px #333;
background:-moz-linear-gradient(100% 100% 90deg,#000000, #111, #303030 100%);
    /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=0, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(52, 52, 52, 1.0)),
          to(rgba(17, 17, 17, 3.0))
        );
}

#header .description {
	display: none;
}

#wp-calendar-wrap {
	background: #000;
   background: -moz-radial-gradient(50% 50%, farthest-side, #0ed8cf, #009c95);
   background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#0ed8cf), to(#009c95));
}

table#wp-calendar td {
	border-color: #00908a;
}

#page-wide {
}

.narrowcolumn {
	min-height: 530px;
}

#comic {
	background: #fff;
	padding: 10px 2px 5px 2px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 5px;
}

.sidebar h2 {
	border: solid 1px #000;
	margin-bottom: 5px;
}

#sidebar-right {
	width: 220px;
}

.narrowcolumn {
	width: 530px;
}

.bookprogress a img {
	width: 200px;
}

.bookprogress {
	text-indent: -9999px;
	display: block;
	height: 256px;
	width: 200px;
	background: url('images/bookprogress.png') no-repeat;
	position: relative;
	zoom: 1;
	margin-bottom: -38px;
}

.comment-text {
	padding: 10px;
	border-bottom: dotted 1px #000;
}

#blogheader {
	border: 0;
	background: url('images/blogheader.png') top center no-repeat;
	width: 530px;
	height: 144px;
	margin: 0 auto;
	position: relative;
	margin-bottom: -18px;
}

.twitter-follow-me {
	background: url('images/twitter-bottom.png') top center no-repeat;
	height: 184px;
	width: 198px;
	display: block;
	margin: 0 auto;
	position: relative;
	zoom: 1;
	margin-bottom: -19px;
	text-indent: -9999px;
}

#comic-foot { text-align: left; }

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

#header h1 {
	margin-bottom: -70px;
	/* padding-top: 40px; */
	height: 118px;
	} 

#header .description {
	background: url('http://www.zfcomics.com/graphics/ZF_header_image.png') bottom center no-repeat;
	width: 450px;
	height: 168px;
	position: relative;
	margin-top: -75px;
	margin-left: 500px;
	margin-bottom: -5px;
	float: right;
	border: none;
	display: block;
	text-indent: -9999px;
}


/* Blog Column Width */

.layout-2cl .narrowcolumn, .layout-2cr .narrowcolumn, .layout-2cvr .narrowcolumn, .layout-2cvl .narrowcolumn { width: 720px; }

.narrowcolumn {
	min-height: 530px;
	padding: 0 5px;
	overflow: hidden;
}


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


.wp-caption{
	text-align:center;
	background-color:#414042;
	padding-top:4px;
	margin:10px;
}

span.dsq-postid { 
	color: #00a9a6;
	}
	
span.dsq-postid hover { 
	color: #ffffff;
	}
	
a.navi-comments span:hover {
	color: #f9e82a;
}

.comic_navi_wrapper {
	width: 550px;
	margin: 100 0 0 0px;
 }

.widget_strx-simple-sharing-sidebar-widget { 
  float: right;
  margin: 0 0 0 0px;
  width: 200px;
 }
 
.widget_MR_Social_Sharing_Toolkit_Widget { 
  float: right;
  margin: 0 0 0 0px;
  width: 200px;
 }