/*
 Theme Name:     ComicPress Child Clattertron 2013
 
 Description:    ComicPress 4 Child Theme
 Author:         
 Author URI:     http://clattertron.com
 Template:       comicpress
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../comicpress/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

/************************************************************************************/
/************************************************************************************/
/* STANDARD TAGS */
/* edit to background color to set it to white. Removed background image */
body {
	background: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #000000;
}

/* added in link states so that all the copy is black to match - rollover state is BLUE */
a {
	color: #000000;
}

a:link {
	color: #3B5998;
	
}

a:visited {
	color: #3B5998;
}

a:hover, a:active, a:focus {
	color: #3B5998;
	text-decoration:underline;
}

/* edit to make background color white. made borders white so they are invisible */
#page, #page-wide {
	background: #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

/* removed drop shadow image */
#page-wrap {
	padding: 0 10px;
}	

/* removed drop shadow image */
#page-wide-wrap {
	padding: 0 10px;
}

/* edit to make background color white */
#header {
	background: #FFFFFF;
}

/* edit to make type black */
#header h1 {
	text-align: left;
	padding-left: 20px;
	color: #000000;
}

/* edit to make rollover state red */
#header h1 a:hover {
	color: #3B5998;
}

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

/* edit to make background color white */
#content-wrapper, #content-wrapper {
	background: #FFFFFF;
}

/* edit to make background color white */
#subcontent-wrapper {
	background: #FFFFFF;
}

/* edit to make background color white and type black. Added in thick rule on top of #footer for separation */
#footer {
	margin-bottom: 0px;
	padding: 5px 0;
	color: #000000;
	background: #FFFFFF;
	border-top: solid 5px #000;
}

#comic_navi_wrapper, #comic, .pagenav {
	background: #fff;
}

/* edit to make background color white */
.narrowcolumn, .widecolumn {
	background: #FFFFFF;
}

/* edit to make type color black */
#header h1 a, #header .description {
	color: #000000;
}

.page .narrowcolumn { 
	width: 520px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 12px;
}

#comic-head {
	padding: 0;
	margin: 0;
}

#sidebar-abovecomic {
	background: #fff;
}

#comic {
	margin: 0;
	border: 0;
}

#sidebar-undercomic, #comic-foot {
	background: #fff;
}

/* edit to make footer links black with a rollover state of red */
#footer a {
	color: #3B5998;
}
#footer a:hover {
	color: #3B5998;
}


/* remove line from top of blog on front page, under comic */

#blogheader {
    border-top: 0px solid #000000;
    margin: 10px 0 20px;
    padding: 0px 0;
}


/************************************************************************************/
/************************************************************************************/
/* MENU */
/* edit to make background color black */
#menubar-wrapper {
	line-height: 25px;
    	text-transform: uppercase;
	background: #FFFFFF;
}

/* edit to make type white */
.menunav a {
	color: #FFFFFF;
}

/* edit to make rollover state red */
.menunav-rss:hover {
	color: #3B5998;
	background: none;
}

/* center menubar */
.menu-container { 
	display: table; margin: 0 auto; 

}

/* edit to make all navigation type black and background white, and menu item margins */	
.menu ul li a:link, .menu ul li a:visited,
.menu ul li ul li a:link, .menu ul li ul li a:visited {
	color: #000000;
	background: #a8d8f0;
	font-size: 18px;
	margin-right: 4px;
	margin-left: 4px;
}

/* edit to make rollover state red with an underline */
.menu ul li a:hover {
	color: #3B5998;
	text-decoration:underline;
}

/* change current menu item color */
.menu ul li a:current_page {
    color: #3B5998;
}


/************************************************************************************/
/************************************************************************************/
/* POST */
/* edited to add a rule under the post to break up each post on page */


.post {
	margin-bottom: 20px;
	border-bottom: 1px solid #000000;
	padding-right: 3px;
	padding-left:  3px;

}

.post-info {
    font-size: 14px;
}

.post-tags {
    font-size: 15px;
}


/* make author name disappear 
.post-author { display:none; } */

/* don't show what time it was posted */
.posted-at { display:none; }

.post-time { display:none; }


h1.post-title {color: #000000; }


/************************************************************************************/
/************************************************************************************/
/* COMMENT */



/************************************************************************************/
/************************************************************************************/
/* OTHER - 11.13.12: changed sidebar ul li spacing margin to 6px */


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

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

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

.sidebar ul {
	margin: 6px;
	padding: 0;
	
}

.sidebar ul li{
	margin: 6px;
	padding: 0;
	
}

/* change list spacing */

#content li {margin-bottom:6px;}

/* change line height for posts */

.entry {
    line-height: 25px;
    overflow: hidden;
}

/* change archive list spacing */

.archive-title {
    border-left: 1px solid #000000;
    padding: 2px 5px;
}