/*
Theme Name: Clattertron

Template: comicpress
Description: ComicPress theme Clattertron

Version: 1.0



DESIGN NOTES:

UPDATE 1, November 7, 2011
This update is to change the layout of the site and customize the type and colours.

UPDATE 2, November 16, 2011
Further edits to remove background images on all elements. 
Added in rules for between posts. 
Adjusted border around site. 
Added in thick rule between #content and #footer for separation.


*/

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



/************************************************************************************/
/************************************************************************************/
/* 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: 530px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}

#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 {
	background: #FFFFFF;
}

/* edit to make type black */
.menunav a {
	color: #000000;
     
	
}

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

/* edit to make all navigation type black and background white */	
.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: #FFFFFF;
	font-size: 13px;
}

/* 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;
}

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

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

/* don't show Comments Are Closed */
.nocomments { display:none; }

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

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

.post-time { display:none; }

/* no comment link or comments off displayed, for later use ""*/
.comment-link { display:inline; }


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


/************************************************************************************/
/************************************************************************************/
/* COMMENT */
.comment-link {
	font-size: 15px;
	font-weight: bold;
}

.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 - 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;
    padding: 3px 0;

/* change archive list spacing */

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