/*
Theme Name: Cheer Up, Emo Kid v4
Theme URI: http://www.cheerupemokid.net
Description: An edited version of <a href="http://comicpress.org">ComicPress 2.7</a> by Tyler Martin, tailored specifically for the webcomic"<a href="http://www.cheerupemokid.net">Cheer Up, Emo Kid</a>.
Author: Tyler Martin, John Bintz, Philip M. Hofer; Edits by Enzo Santos
Author URI: http://mindfaucet.com/
Version: 2.8
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

/* STANDARD TAGS */

body {
	margin: 0;
	font-family:  arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	color: #fff;
	background: #333; 
	z-index: 0;
}

a {
	color: #007bf5;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #f00;
}

a:focus {
	outline: none;
}

a img {
	border: none;
}

p {
	padding:6px 0;
}

img {
	max-width: 100%;
	padding: 0;
}

small {
	font-size: 10px;
	color:#666;
	text-transform:uppercase;
}

.blue {
	color:#007bf5;	
}

.red {
	color:#f00;	
}

.green {
	color:#0cf500;	
}

hr {
	height: 1px;
	color: #000;
	border: 0px;
}

blockquote {
	margin: 10px;
	padding: 10px 20px 20px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#262626;
	font-style:italic;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

cite {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}

code {
	padding: 10px;
	display: block;
	font-family: 'Courier New' , monospace;
	border: 1px dotted #000;
	overflow: scroll;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #000;
}

form {
	margin: 0;
}

	.button {

		background:#222;
		color:#007bf5;
		font-size:11px;
		font-weight:bold;
		font-family:Arial, sans-serif;
		text-transform:uppercase;
		margin: 5px 0;
		padding: 5px;
		border-top:1px solid #333;
		border-left:1px solid #333;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
		
	.button:hover {
		color:#F00;
		background:#333;
		border-top:1px solid #444;
		border-left:1px solid #444;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
	}
	
	.button:active{
		color:#900;

	}

.sfhover {
	padding: 0;
	margin: 0;
}

/* HEADINGS */

h1, h1 a {
	padding: 10px 0 0 0;
	margin: 0;
	color: #fff;
	font-size: 56px;
	font-family: 'georgia' , serif;
	font-weight: normal;
	line-height: 46px;
	text-decoration: none;
	letter-spacing: -5px;
	font-variant: small-caps;
}

h2, h2 a {
	margin: 0;
	color: #333;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 2px;
	font-family: 'trebuchet ms';
}

	h2.pagetitle, h2.pagetitle a {
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		font-family: 'Georgia' , serif;
		font-size: 32px;
		font-weight: normal;
		letter-spacing: -2px;
		clear: both;
	}

h3, h3 a {
	background:#0c0c0c;
	padding: 8px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	clear: both;
}

h5, h5 a {
	font-size:12px;
	line-height:10px;
	margin: 14px 0 0px 0;
	font-weight: bold;
	text-align: left;
	color: #0cf500;
	text-decoration: none;
}

/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #content width by the same amount */

#page-wrapper {
	width: 100%;
	margin: 0px auto;
}

#page-wide {
	width: 100%;
	margin: 0px auto;
	background:#333333;
}

/* THE HEADER */

#logo a{
				display:block;
				background:url('http://www.cheerupemokid.net/wp-content/themes/cheerupemokid4/images/logo.png') 0 0px no-repeat;
				width:318px;
				height:60px;
				float:left;	
}

#logo a:hover {
				display:block;
				background:url('http://www.cheerupemokid.net/wp-content/themes/cheerupemokid4/images/logo.png') 0 -60px no-repeat;
				width:318px;
				height:60px;
				float:left;	
}

	

#header-wrapper{
	background: #eaeaea url('http://www.cheerupemokid.net/wp-content/themes/cheerupemokid4/images/header.png') top center no-repeat;

}
#header {
	width:950px;
	margin: 0px auto;
	padding: 0 15px;
	height:130px;
}

#header-foot-wrapper{
	background:url('http://www.cheerupemokid.net/wp-content/themes/cheerupemokid4/images/header-foot-repeat.png');
	height:40px;
}

#header-foot{
	margin:0 auto;
	background: url('http://www.cheerupemokid.net/wp-content/themes/cheerupemokid4/images/header-foot-bg.png') top center no-repeat;
	height:40px;
	min-width:980px;
	max-width:1028px;
	position:relative;
}


#comic-wrapper{
	width:980px;
	position:absolute;
	bottom:120px;
	left:50%;
	margin-left:-490px;
	text-align:center;	
}
/* BUTTON LINKS */

.minimize, .minimize a {
	display:block;
	background: url('images/minimize.png') 0 0 no-repeat;
	height:10px;
	width:11px;
	float:right;
}

.minimize a:hover {
	display:block;
	background: url('images/minimize.png') 0 -10px no-repeat;
	height:10px;
	width:11px;
	float:right;
}

.maximize, .maximize a{
	display:block;
	background: url('images/maximize.png') 0 0 no-repeat;
	height:10px;
	width:11px;
	float:right;
}

.maximize a:hover {
	display:block;
	background: url('images/maximize.png') 0 -10px no-repeat;
	height:10px;
	width:11px;
	float:right;
}


#button-links {
	position:absolute;
	right: -150px;
	top:-9px;
}
	.button-rss, .button-rss a:hover{
		display:block;
		background:url('images/button-rss.png') 0 -42px no-repeat;
		width: 48px;
		height:42px;
		float:left;
	}
	
	.button-rss a {
		display:block;
		background:url('images/button-rss.png') 0 0 no-repeat;
		width: 48px;
		height: 42px;
		float:left;
	}
	.button-fb, .button-fb a:hover{
		display:block;
		background:url('images/button-fb.png') 0 -42px no-repeat;
			width: 48px;
		height: 42px;
		float:left;
	}
	
	.button-fb a {
		display:block;
		background:url('images/button-fb.png') 0 0 no-repeat;
		width: 48px;
		height: 42px;
		float:left;
	}
	.button-tw {
		display:block;
		background:url('images/button-tw.png') 0 -42px no-repeat;
		width: 48px;
		height: 42px;
		float:left;
	}
	.button-tw a:hover{
		display:block;
		background:url('images/button-tw.png') 0 -42px no-repeat;
		width: 48px;
		height: 42px;
		float:left;
	}
	.button-tw a {
		display:block;
		background:url('images/button-tw.png') 0 0 no-repeat;
		width: 48px;
		height: 42px;
		float:left;
	}
/* INPUT FIELDS */

textarea {
	background: #333;
	color:#0cf500;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:none;
	margin: 10px 0;
}

input {
	background: #333;
	color:#0cf500;
	font-style:italic;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:none;
	margin: 0 auto;	
}


table.comment-input {
	width:100%;
}

table.comment-input td {
	width:33%;	
}

	table.comment-input td.left {
		text-align:left;	
	}
	table.comment-input td.center {
		text-align:center;	
	}
	table.comment-input td.right {
		text-align:right;	
	}


   .defaultText { }
    .defaultTextActive { color: #a1a1a1; font-style: italic; }

	.cancel-comment-reply {
		margin: 10px 0;
		text-align:right;
	}


/* THE MENU */
 #topnav{
	 height:28px;
	 width:340px;
	 position:relative;
	 float:left;
	 top:33px;
	 left:130px;
	}
	.navhome a{
		float:left;
		display:block;
		background: url('images/nav/navhome.png') 0 0 no-repeat;
		width:51px;
		height:28px;
	}
	
	.navhome a:hover {
		float:left;
		display:block;
		background: url('images/nav/navhome.png') 0 -28px no-repeat;
		width:51px;
		height:28px;	
	}
	.navabout a{
	float:left;
		display:block;
		background: url('images/nav/navabout.png') 0 0 no-repeat;
		width:56px;
		height:28px;
	}
	
	.navabout a:hover {
		float:left;
	display:block;
		background: url('images/nav/navabout.png') 0 -28px no-repeat;
		width:56px;
		height:28px;	
	}
	.navarchives a{
		float:left;
	display:block;
		background: url('images/nav/navarchives.png') 0 0 no-repeat;
		width:73px;
		height:28px;
	}
	
	.navarchives a:hover {
		float:left;
	display:block;
		background: url('images/nav/navarchives.png') 0 -28px no-repeat;
		width:73px;
		height:28px;	
	}
	.navforum a{
		float:left;
	display:block;
		background: url('images/nav/navforum.png') 0 0 no-repeat;
		width:58px;
		height:28px;
	}
	
	.navforum a:hover {
		float:left;
	display:block;
		background: url('images/nav/navforum.png') 0 -28px no-repeat;
		width:58px;
		height:28px;	
	}
	.navstore a{
		float:left;
	display:block;
		background: url('images/nav/navstore.png') 0 0 no-repeat;
		width:54px;
		height:28px;
	}
	
	.navstore a:hover {
		float:left;
	display:block;
		background: url('images/nav/navstore.png') 0 -28px no-repeat;
		width:54px;
		height:28px;	
	}
	
	

/* THE COMIC */

#comic-head {
	padding-top: 15px;
	position: relative;
}
	.comictitler{
		position: absolute;
		right:0;
		top:0;
		clear:both;
	}

#comic {
	background: none;
	border: none;
	text-align: center;
	z-index: 100;
	padding: 0px;
}


#comic-foot {
	width:980px;
	height:30px;
	position:relative;
}

#sidebar-comicleft {
float: left;
}

#sidebar-comicright {
float: right;
}


/* THE FOOTER */

#footer {
	background:#262626;
	min-width:980px;
	max-width:1028px;
	text-align: center;
	margin:0 auto;
	position:relative;
}

#footer img {
	margin-right:440px;
}

	/* COMIC NAVIGATION */


	#comic-nav{
		width:260px;
		height:60px;	
		position:absolute;
		right:0px;
		top:0;
	}
	
		/* facebooklike */
		
			#fblike {
				position:absolute;
				width:500px;
				height:60px;
				left:20px;
				top:6px;
				display:block;
			}
		/* addtoany button */
		
			.nav-rand, .nav-rand a:hover {
				display:block;
				background:url(images/nav/comicrand.png) 0 -46px no-repeat;
				width:46px;
				height:46px;
				float:left;
				}
			
			.nav-rand a {
				display:block;
				background:url(images/nav/comicrand.png) 0 0 no-repeat;
				width:46px;
				height:46px;
				float:left;
				}
				
			.nav-rand a:active {
				background-position: 1px 1px;
				}
				
		/* comment button */
		
		.nav-comment, .nav-comment a:hover {
				display:block;
				background:url(images/nav/comiccomment.png) -4px -46px no-repeat;
				width: 42px;
				height:46px;
				float:left;
				}
			
			.nav-comment a {
				display:block;
				background:url(images/nav/comiccomment.png) -4px 0 no-repeat;
				width:42px;
				height:46px;
				float:left;
				}
				
			.nav-comment a:active {
				background-position: -3px 1px;
				}		

		/* firstbutton */
		
		.nav-first, .nav-first a:hover {
				display:block;
				background:url(images/nav/comicfirst.png) 10px -46px no-repeat;
				width: 52px;
				height:46px;
				float:left;
				}
			
			.nav-first a {
				display:block;
				background:url(images/nav/comicfirst.png) 10px 0 no-repeat;
				width:52px;
				height:46px;
				float:left;
				}
				
			.nav-first a:active {
				background-position: 11px 1px;
				}	
				
		/* previous button */
		
		.nav-prev, .nav-prev a:hover {
				display:block;
				background:url(images/nav/comicprev.png) -4px -46px no-repeat;
				width: 38px;
				height:46px;
				float:left;
				}
			
			.nav-prev a {
				display:block;
				background:url(images/nav/comicprev.png) -4px 0 no-repeat;
				width:38px;
				height:46px;
				float:left;
				}
				
			.nav-prev a:active {
				background-position: -3px 1px;
				}	
	/* next button */
		
		.nav-next, .nav-next a:hover {
				display:block;
				background:url(images/nav/comicnext.png) -4px -46px no-repeat;
				width: 38px;
				height:46px;
				float:left;
				}
			
			.nav-next a {
				display:block;
				background:url(images/nav/comicnext.png) -4px 0 no-repeat;
				width:38px;
				height:46px;
				float:left;
				}
				
			.nav-next a:active {
				background-position: -3px 1px;
				}	
	/* last button */
		
		.nav-last, .nav-last a:hover {
				display:block;
				background:url(images/nav/comiclast.png) -4px -46px no-repeat;
				width: 38px;
				height:46px;
				float:left;
				}
			
			.nav-last a {
				display:block;
				background:url(images/nav/comiclast.png) -4px 0 no-repeat;
				width:38px;
				height:46px;
				float:left;
				}
				
			.nav-last a:active {
				background-position: -3px 1px;
				}	

/* POSTS - PAGES */

#pagewrap-right {
	width: 770px;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

/* Wraps the content area */

#content-bg {
	background:#262626;
	min-width:980px;
	max-width:1028px;
	margin:0 auto;
	padding:0;
}
#content-wrapper {
	margin: 0 auto;
	padding: 0;
	width:980px;
}

#content {
	float: left;
	overflow: hidden;
}

	.narrowcolumn {
		width: 555px;
		float: left;
	}

	.widecolumn {
		margin: 0 auto;
	}

.column {
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	background:#191919;
	min-height:1400px;
	
}

.post, .post-comic, .post-page {
	clear: both;
	text-align: left;
}

.post-head, .post-comic-head  {
	height:39px;
	/*background: url('images/postheader.png') 0 0 no-repeat;*/
	/*background: #131313;*/
	padding: 10px 20px 30px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.post-page-head {
	height:39px;
	/*background: url('images/postheader.png') 0 0 no-repeat;*/
	/*background: #131313;*/
	padding: 10px 20px 30px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}

	.head-image{
		position:absolute;
		top:0px;
		left:10px;
		z-index:100;
	}	

.post-page-single {
	height:29px;
	/*background: url('images/postheader.png') 0 0 no-repeat;*/
	/*background: #131313;*/
	padding: 10px 20px 10px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.post-head-bottom {
	/*background:url('images/postheader2.png') top center no-repeat;*/
}

.post-foot, .post-comic-foot, .post-page-foot {
padding: 0 0 5px 0;
/*height:40px;*/
/*	background:url('images/postfooter.png') top center no-repeat; */
	background:131313;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.blogad {
	margin: 0 auto 10px auto;
	padding: 15px 20px 15px 20px;
	width:468px;
	background:#131313;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*.avatarbox {
	position:relative;
	width:90px;
	height:40px;
	float:left;
}*/

.postavatar {
	position:absolute;
	top:-59px; left:-10px;
}

.post-info {
	
	margin-bottom: 5px;
}

.post-text {
	overflow: hidden;
	margin-top:8px;
}

.post-text a{
	color:#007bf5;	
}

.post-text a:hover{
	color:#f00;	
}

.post-author-gravatar {
	float: right;
	margin-left: 2px;
}

.post-mood {
	float: left;
	margin-right: 2px;
}

.post-date {
	color: #777;
	font-family: 'Georgia' , serif;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-right: 3px;
}

.post-date .date {
	height: 50px;
	width: 45px;
	background: url(images/calendar.png) center no-repeat;
	font: normal 22px Georgia;
	color: #000;
	text-align: center;
	line-height: 100%;
	padding: 0 2px 0 0;
}


.post-date .date span {
	height: 16px;
	display: block;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}

.comicdate {
	font-size: 14px;
}

.postdate {
	font-size: 11px;
}

.entry {
	line-height: 1.85em;
	font-size: 11px;
	padding:0 20px;
	text-align:justify;
}

.more-link {
	margin-top:8px;
	font-style: italic;
	font-weight:bold;
	display: block;
	clear: both;
}

.tags {
	font-size: 11px;
}

.related_posts {
	margin-top: 10px;
	font-weight: 700;
}

.related_posts ul {
	list-style: none;
	font-weight: normal;
	font-size: 12px;
}

.members-only {
	border: solid 1px #000;
	background: #eee;
	padding: 3px;
}

/* COMMENT LINK */

.comment-link {
	margin: 0px 15px 15px 15px;
	background:#131313;
	height: 26px;
	line-height:26px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size:11px;
	text-transform:uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:relative;
}
	
.commentbar-add, .commentbar-add a {
	float:left;
	display:block;
	background:url('images/commentbar-add.png') 0 0 no-repeat;
	height:26px;
	width:26px;
}

.commentbar-add a:hover {
	float:left;
	display:block;
	background:url('images/commentbar-add.png') 0 -26px no-repeat;
	height:26px;
	width:26px;
}

.commentbar-arrow, .commentbar-arrow a {
	float:left;
	display:block;
	background:url('images/commentbar-arrow.png') 0 0 no-repeat;
	height:26px;
	width:26px;	
}

.commentbar-arrow a:hover {
	float:left;
	display:block;
	background:url('images/commentbar-arrow.png') 0 -26px no-repeat;
	height:26px;
	width:26px;
}

.commentbar-comment, .commentbar-comment a {
	float:right;
	display:block;
	background:url('images/commentbar-comment.png') 0 0 no-repeat;
	height:26px;
	width:36px;	
}

.commentbar-comment a:hover {
	float:right;
	display:block;
	background:url('images/commentbar-comment.png') 0 -26px no-repeat;
	height:26px;
	width:36px;
}

.commentbar-link, .commentbar-link a {
	color:#007bf5; 
	text-align:center; 
	padding-right:5px;
	display:block;
	float:right;
	min-width:90px;
	height:26px;
	background:#060606;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.commentbar-link a:hover {
color:#fff;
}


.commentbar-tail {
	background:url('images/commentbar-tail.png') top center no-repeat;
	height:12px;
	width:31px;
	position:absolute;
	right:0px;
	top:-12px;
}



/* THE BLOG HEADER */

#blogheader {
	margin:0;
	padding:10px 20px 0px 20px;
	line-height: 1.85em;
	font-size: 11px;
	text-align:justify;
}

/* COMMENTS */

#commentform {
	margin: 10px 0;	
}

#comments-wrapper {
	padding: 0 15px 15px 15px;	
}
.comment-wrap {
	padding: 0 20px;
}

.comment-wrap h3 {
	margin: 0;
	padding: 20px 0 0 0;
	font-weight: normal;
	font-size: 20px;
	clear: both;
	font-family: 'Georgia' , serif;
}

.commentlist {
}

.comment {
	padding: 12px;
	margin: 12px 0;
	clear: both;
	min-height: 64px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#131313;
	
}

.comment-info{
		height:10px;
		margin-bottom:10px;
}
.comment-time {
	color:#666;
	font-size:10px;
	float:left;
}


.comment-buttons{
	font-size:10px;
	color:#666;
	margin-left:5px;
	float:right;
}

.comment .comment-buttons a{
	color:#f00;!important
}
.comment .comment-buttons a:hover{
	color:#900;!important	
}

	.comment .comment {
		margin-left: 10px;
		padding: 15px 10px;
		background:#0c0c0c;
	}

		.comment .comment .comment {
			margin-left: 30px;
			padding: 15px 10px;
			background:#131313;
		}

			.comment .comment .comment .comment {
				padding:15px 10px;
				border: none;
				background:#0c0c0c;
			}
			
			.comment .comment .comment .comment .comment{
				padding:15x 10px;
				background:#131313;
			}

	.comment .avatar {
		margin: 0 10px 5px 0;
		float: left;
	}

	.comment .trackping {
		float: left;
	}

	.comment #respond {
		padding: 0px;
	}

	.user-Enzo, .user-frank, .user-zeke, .user-steve, .byuser {
		color:#0cf500;
	}
		.user-Enzo a,  .user-frank a, .user-zeke a, .user-steve a{
			color:#fff;	
		}
		
		.user-Enzo a:hover,  .user-frank a:hover, .user-zeke a:hover, .user-steve a:hover{
			color:#007bf5;
		}
	
	.reader {
		color:#fff;	
	}
	
	.reader a{
		color:#007bf5;	
	}
	
	.reader a:hover{
		color:#f00;	
	}
	

.comment-author {
	display: inline;
}

.comment-meta {
	display: inline;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
}

.says {
	display: none;
}

.commentsrsslink {
	float: right;
	font-size: 11px;
}

#comment {
	width: 99%;
	font-size: 12px;
	font-family: 'Arial' , sans-serif;
}

#author, #email, #url {
	font-size: 12px;
	font-family: 'Arial' , sans-serif;
}

.commentlist ul {
	list-style: none;
	margin-bottom: 30px;
}

ol.commentlist {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}

ol.commentlist p {
	margin: 10px 0 0 74px;
}

ul.children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.reply {
	padding: 10px 0 0 0;
	text-align: right;
}

.commentnav {
	background:#131313;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:4px;
	position:relative;
	margin: 0 0 10px 0;
}

#pagenav {
	background:#131313;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:4px;
	position:relative;
	margin: 0 15px 0px 15px;
}


.commentnav-left, .pagenav-left {
	float:left;
}

.commentnav-right, .pagenav-right {
	float:right;
}

.ttf {
z-index:100; !important	
}

/* ARCHIVE */
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */

.comicarchiveframe {
	padding: 5px;
	border: 1px solid #000;
	background: #fff;
	margin-bottom: 20px;
}

.comicarchiveframe:hover {
}

.comicarchiveframe h3 {
	margin: 0;
}

.comicarchiveframe a small {
	display: block;
	color: #000;
}

.archive-year {
	font-size: 48px;
}

.archive-yearlist {
	padding: 0 0 10px 0;
	font-size: 14px;
}

/* SIDEBAR */

/* Left Sidebar Themes */
#sidebar-left {
	float: left;
	width: 250px;
	padding:0 0;
	margin:0 10px 0 0;
}

/* Right Sidebar Themes */
#sidebar-right {
	float: right;
	width: 160px;
	background:#262626;
}

#sidebar-overcomic {
	padding: 20px 0 0 0;
}

.customsidebar ul, .customsidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Sidebar Class */

#sidebar-bg {
	background:#1c1c1c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.sidebar-top {
	background: url('images/sidebar-header.png') 0 0 no-repeat;
	width:250px;
	height:30px;
	text-align: right;
}

.sidebar-head{
	padding:10px 30px 10px 0;
	position:relative;
}

.sidebar-icon{
	height:80px;
	width:80px;
	position:absolute;
	left:0px;
	top:-25px;
}

.sbactive {
	background: url('images/sidebar-header.png') 0 -30px no-repeat;
	width:250px;
	height:30px;
	text-align: right;
}

.sidebar-content {
	background:  url('images/sidebar-header2.png') top center no-repeat;
	padding:15px 0 10px 0;
	margin-bottom:10px;
	}

.twitter p a{
	color:#00acb3;
	font-weight:bold;
}

.twitter p a:hover{
	color:#0cf500;
	font-weight:bold;
}

.sidebar, .sidebarred, .sidebargreen {
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	padding: 0 8px;
}


.sidebar h4, .sidebarred h4, .sidebargreen h4 {
	background:#0c0c0c;
	margin:4px 0 0 0;
	padding:4px 8px;
	text-transform:uppercase;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.sidebargreen p, .sidebarred p {
	background:#151515;
	color:#666;
	padding:4px 8px;
	margin: 4px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.jumper {
	height:14px;
	width:234px;
	display:block;
}
.sidebargreen a {
	font-weight:bold;
	color:#0cf500;	
}


.sidebargreen a:hover {
	color:#007bf5 ;	
}

.sidebarred a{
	font-weight:bold;
	color:#F00;
}

.sidebarred a:hover{
	color:#0cf500;	
}


.sidebar-bottom{
	position:relative;
	width:250px;
	height:65px;
/*	background: url('images/sidebar-footer.png') top center no-repeat;*/
}
.sidebar-bottom img{
	position:absolute;
	top:-15px;
	left:8px;
		
}




/* WIDGETS */


.widget {
	margin: 0 auto;
}

	.widget_comicpress_comictitle {
		font-size: 36px;
		font-family: georgia;
		letter-spacing: -2px;
		text-align: center;
	}

.random-comic-icon {
	padding: 0 5px;
	color: #fff;
	background: #000;
}

.comic-bookmark {
	width: 185px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.archive-dropdown-wrap {
	background: url('images/browse-search.png') no-repeat;
}

	.archive-dropdown-wrap:hover {
		background-position: 0 -23px;
	}

.archive-dropdown {
	margin: 0;
	padding: 0;
	width: 166px;
	height: 23px;
	font-size: 12px;
	font-family: 'Arial' , sans-serif;
	border: none;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

/* CALENDAR */

#wp-calendar-wrap {
	background:#fff;
	padding:10px;
	border:1px solid #999;
	margin:10px 0;
}

#wp-calendar {
	border: solid 1px #000;
	background: #efefef;
	width: 165px;
	margin: 0 auto;
}

	.wp-calendar-thumb {
		width: 178px;
		height: 130px;
		margin: 0 auto;
	}

	#wp-calendar th {
		font-size: 10px;
		font-weight: normal;
		text-align: center;
	}

	#wp-calendar caption {
		font-family: 'Georgia' , sans-serif;
		font-size: 18px;
		letter-spacing: -1px;
		font-variant: small-caps;
	}

	#wp-calendar td {
		min-width: 20px;
		padding: 0;
		text-align: center;
		border: 1px solid #000;
	}

	#wp-calendar a {
		display: block;
		text-decoration: none;
		font-weight: bold;
	}

	#wp-calendar a:hover {
		color: #fff;
		background: #000;
	}

	table#wp-calendar {
		border:none;
		background: transparent;
	}

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

	.wp-calendar-download {
		width: 166px;
		margin: 0 auto;
		overflow: hidden;
		font-size: 10px;
		text-align: right;
		color: #777;
		background: #222;
	}

		.wp-calendar-download a {
			padding: 0 3px;
			font-weight: bold;
			color: #fff;
			background: #000;
			border-left: 1px solid #777;
		}

			.wp-calendar-download a:hover {
				background: #800;
			}

/* SEARCH */

#s-search, #s-transcript {
	width: 138px;
	padding: 4px 0 0 5px;
	font-size: 12px;
	height: 19px;
	font-family: 'Arial' , sans-serif;
	color: #000;
	border: none;
	float: left;
	background: url('images/browse-search.png') 0 -46px no-repeat;
}

	#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus {
		color: #550000;
		background-position: 0 -69px;
	}

	#searchform button, #searchform-transcript button {
		padding: 0;
		margin: 0;
		border: none;
		height: 23px;
		width: 23px;
		line-height: 0;
		font-size: 0;
		cursor: pointer;
		text-indent: -9999px;
		background: url('images/browse-search.png') -143px -46px no-repeat;
	}

	#searchform button:hover, #searchform-transcript button:hover {
		background-position: -143px -69px;
	}

	#searchform button:hover, #searchform-transcript button:-moz-focus-inner {
		border: 0;
	}

	.searchresults {
		float: right;
		padding: 5px;
	}

/* GALLERY */

.gallery-image {
	width: 518px;
	border: 1px solid #000;
	overflow: hidden;
	background: #000;
	text-align: center;
}

.gallery-caption {
	font-size: 11px;
}

	.gallery-caption p {
		width: 510px;
		padding: 5px;
		margin: 0;
		text-align: center;
		color: #fff;
		background: #000;
	}

.imagenav-wrap {
	margin: 5px 0 0 0;
}

.imagenav {
	width: 77px;
	height: 77px;
	float: left;
	overflow: hidden;
}

.imagenav-center {
	width: 344px;
	height: 65px;
	margin: 0 5px;
	padding: 10px 5px 0 5px;
	float: left;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	overflow: hidden;
}

.imagetitle {
	color: #000;
	font-size: 18px;
}

.imagenav-bg {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 0;
	background: #ddd;
	border: 1px solid #000;
	overflow: hidden;
}

.imagenav-bg img {
	width: 75px;
	height: 75px;
}

.imagenav-arrow {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 80px;
	font-weight: bold;
	line-height: 75px;
	text-align: center;
	border: 1px solid #000;
	float: left;
}

.imagenav-link {
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 2;
	border: 1px solid #000;
	float: left;
	overflow: hidden;
}

.imagenav-link img {
	width: 75px;
	height: 75px; 
/*		opacity: 0.50; 		filter: alpha(opacity=50); */
}

.imagenav-link img:hover {
/*		opacity: 0.00;  	filter: alpha(opacity=0); */
}

/* POSTED IMAGES  */

.wp-caption p {
	margin: 5px 0;
	line-height: 11px;
	font-size: 11px;
}

.aligncenter {
	margin: 0 auto;
	display: block;
}

.alignright {
	margin: 10px 0 10px 10px;
	display: inline;
	float: right;
}

.alignleft {
	margin: 10px 10px 10px 0;
	display: inline;
	float: left;
}

/* TRANSCRIPT */

#transcript {
	padding: 0 10px;
	font-size: 11px;
	border-left: 4px dotted #333;
	border-right: 4px dotted #333;
}

	.transcript-border {
		padding: 0 5px;
		margin: 15px 0;
		border: 1px solid #555;
		background: #fff;
		clear: both;
	}

	a.transcript-title {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		display: block;
		font-family: 'Georgia' , serif;
		font-style: italic;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 2em;
		border-bottom: 1px dashed #777;
	}

#transcript-content {
	font-family: 'Courier New' , monospace;
	overflow: hidden;
}

/* Pingbacks and Trackbacks */

li.pingback div p, li.trackback div p {
	margin-left: 0;
}

/* STORYLINES */

.storyline-cats {
	padding: 0;
	margin: 0;
	list-style: none;
}

	.storyline-cats li {
		display: inline;
	}

	li.storyline-root {
		display: none;
	}

/* CLEAR FLOATS */

.clear {
	clear: both;
}

/* CLEAR MARGINS */
/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */

.clear-margins {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/** BUY THIS **/

.buythis {
	padding: 0 5px 0 5px;
}

.buythisbutton {
	height: 27px;
	width: 240px;
	margin: 5px 0 5px 0;
	background: url('images/buythis.png') no-repeat;
}

/** Project Wonderful CSS Embedded areas **/

.blogpwad {
	text-align: center;
	width: 100%;
}

.headerpwad {
	float: right;
	margin: 5px 5px 0 0;
}

.footerpwad {
	display: block;
	width: 100%;
	text-align: center;
}

/* Archive Calendar Template */

.cpcal-image {
	height: 120px;
	width: 152px;
}

.cpcal-month {
	width: 157px;
	padding: 5px 0 5px 5px;
	margin: 0 8px 8px 0;
	float: left;
	border: 1px solid #999;
	background:#fff;
}

.cpcal-monthtitle {
	width: 154px;
	height: 16px;
	padding: 0 0 5px 0;
	text-align: center;
	font-family: 'Georgia' , serif;
	font-variant: small-caps;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -1px;
}

.cpcal-dayletter {
	width: 20px;
	height: 15px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
}

.cpcal-day {
	width: 18px;
	height: 13px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	border: 1px solid #999;
}

.cpcal-day a {
	width: 18px;
	height: 13px;
	line-height: 13px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.cpcal-day a:hover {
	color: #fff;
	background: #000;
}

/* Storyline Template */

#storyline, #storyline ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#storyline li {
	padding: 0;
	margin: 0;
}

#storyline li img {
	height: 50px;
	display: none;
}

#storyline li li img {
	display: block;
	float: right;
	padding: 0 0 0 10px;
}

#storyline ul ul {
	margin: 0 0 0 20px;
}

#storyline li li .storyline-title {
	font-size: 24px;
	font-weight: bold;
	display: block;
	color: #000;
}

#storyline li li .storyline-title:hover {
	color: #900;
}

#storyline li li li a.storyline-title {
	font-size: 18px;
}

#storyline li li li li a.storyline-title {
	font-size: 14px;
}

.storyline-description {
	font-size: 11px;
}

.storyline-foot {
	clear: both;
	margin: 0 0 10px 0;
	height: 10px;
	border-bottom: 4px solid #000;
}

#storyline li li .storyline-foot {
	border-bottom: 2px solid #000;
}
#storyline li li li .storyline-foot {
	border-bottom: 1px solid #000;
}

/* Archive Year Template */

.archive-date {
	padding: 0 5px 0 0;
	font-size: 11px;
	white-space: nowrap;
}

.archive-title {
	padding: 2px 5px;
	line-height: 11px;
	border-left: 1px solid #000;
}

.month-table {
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

#linkspage, #linkspage ul, #linkspage li {
	list-style: none;
}

#linkspage h2 {
	margin-top: 20px;
}

/* Pagination */

#wp-paginav {
	background: url('images/menu.png');
	text-align: left;
	border: 1px solid #999;
}

#paginav {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 13px;
	border-right: 1px solid #aaa;
}

	#paginav .paginav-pages, #paginav .paginav-extend {
		padding: 0 15px 0 15px;
	}

	#paginav a {
		padding: 0px 10px 0 10px;
		display: block;
		color: #000;
		text-decoration: none;
	}

	#paginav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#paginav li {
		float: left;
	}

	#paginav li a {
		border-left: 1px solid #aaa;
		border-right: 1px solid #ccc;
	}

	#paginav .paginav-next, #paginav .paginav-previous {
		font-size: 20px;
	}

	#paginav .paginav-current, #paginav .current {
		padding: 0px 10px 0 10px;
		color: #fff;
		border-left: 1px solid #aaa;
		background: url('images/menu.png') 0 -150px;
	}

	#paginav li:hover a {
		border-left: 1px solid #8b160f;
		border-right: 1px solid #c28380;
		color: #fff; 
		background: url('images/menu.png') 0 -75px;
	}

/* Tool Tips */

.tt a {
	position: relative;
	z-index: 1000;
	color: #3CA3FF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -110px;
}

	a.tt span {
		display: none;
	}

	a.tt:hover span.tooltip {
		position: absolute;
		display: block;
		width: 200px;
		color: #000;
		margin: 0 auto;
		text-align: center;
		height: 164px;
		background: url('images/comicpress-rascal.png') no-repeat;
		z-index: 1000;
	}
	a.tt:hover span.top {
		display: block;
		width: 200px;
		height: 35px;
		padding-top: 10px 10px 0 10px;
		margin-top: 59px;
		margin-left: 25px;
		background: url('images/bubble.png') 0 0 no-repeat;
		z-index: 1000;
	}
	a.tt:hover span.middle {
		/* different middle bg for stretch */
		display: block;
		width: 180px;
		margin-left: 25px;
		padding: 0 10px;
		background: url('images/bubble.png') -200px 0 repeat-y;
		z-index: 1000;
	}
	a.tt:hover span.bottom {
		display: block;
		width: 200px;
		height: 15px;
		background-position: -100px;
		color: #548912;
		margin-left: 25px;
		background: url('images/bubble.png') 0 -35px no-repeat;
		z-index: 1000;
	}

/* User Pages */

#userpage {
	width: 100%;
	padding: 5px;
}

	.userpage-avatar {
		float: left;
		width: 64px;
		height: 64px;
	}

	.userpage-info {
		margin-left: 10px;
		float: left;
	}

	.userpage-desc {
		width: 400px;
		padding: 5px;
		margin-top: 30px;
		border: 1px dotted #efefef;
	}

	.userpage-posts {
		margin-top: 20px;
	}

	.userpage-posts ol {
		margin: 10px 0 0 30px;
		padding: 0;
	}

	.userpage-posts li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}