/*  
 
Theme Name: New Chronic Design
Version: 2.0

Theme URI: http://chronicmalpractice.com/
Description: Chronic Malpractice theme for comics. <a href="http://chronicmalpractice.com/">Visit the Chronic Malpractice.</a>

	Author: AdotJdot Young
	Author URI: http://stewped.com/

The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html

*/
@charset "utf-8";
/*set all to 0*/
body, h1, h2, h3, h4, p, ul, li , br{
	margin: 0px;
	padding: 0px;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}

/* STANDARD HTML TAGS */
	
body {
	background: url(chronic-bg.gif) repeat-y center top;
	color:#24232b;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:1;
}

a:link {
	color: #d44c3d;
	text-decoration:none;
}

a:visited {
	color: #6d7580;
	text-decoration:none;
}

a:hover {
	color: #5e1f33;
	text-decoration: underline overline;
}

a:active {
	color: #d44c3d;
}

a img { border:none;
}
a #logo-image {
	padding-left: 20px;
}

h2 {
	font-size:1.7em;
	padding:5px 0;
	}
	
h3 {
	font-size:1.4em;
	padding: 5px 0;
	}


/*CONTAINERS*/

.container-thin {
	margin:0 auto;
	width: 700px;
	}

.container-thin-head {
	margin:0 auto;
	width: 770px;
	height:155px;
	}

.container-extra-thin {
	margin:0 auto;
	width:600px;
	float:right;

	}
	
.content {
	margin:0 auto;
	padding-bottom:1.5em;
	width:600px;
	float:right;
	}
	
	
	

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



/*CONTENT GO HERE*/
#main-content { /*this used to be "column"*/
	width:833px;
	padding:4px;
	margin:3px auto;
	float:left;
	}
#comic {
	background: #d1d1d1;
	padding: 4px;
}

#sidebar-content {
	width:184px;
	float:left;
	margin-top:5px;
	padding-left:4px;
	padding-top:22px;
	background: #d1d1d1 url(sidebar-bg.png) repeat-x top;
	padding-bottom: 5px;
	}


/*HEADER MENU STUFF*/

#header {
	background: url(header-bg.png) repeat-x;
	padding: 14px 0;
	width: 100%;
}

#header ul {
	list-style-type:none;
	padding: 2px;
	}

#header li{
	display:inline;
	margin-right: 0.25em;
	padding-bottom: 0.75em;
	}
#header a {
	background-color:#d1d1d1;
	border: 1px solid #5e1f33;
	font-size: 1em;
	padding: 2px 15px;

	}



/*MASTHEAD STUFF*/

#masthead-left {
	float: left;
	width:269px;
	height: 155px;
}

#masthead-left h1 span {
	position: absolute;
	top: -10000px;
}
#masthead-right {
	float: right;
	text-align: center;
	width: 469px;
	margin:30px auto 26px;
	height: 70px;
	}
#masthead-right img {
	padding-left: 15px;
	margin: 0px auto 5px;
}



/*COMIC NAVIGATION CRAP*/
.comicdate {
	color: #24232b;
	font-family: 'Georgia', serif;
	font-size: 1em;
	font-weight: bolder;
	padding: 6px;
	width: 75px;
	float: left;
	background: url(date-bg.png) no-repeat 35px center;
	margin-right: 15px;
	}
#comic p {
	text-align: center;
}
	
.comic-nav {
	margin: 2px auto;
	float:right;
	width:420px;
	height: 25px;
}

.comic-nav ul {
	padding:0 3px;
	list-style-type: none;
}

.comic-nav li {
	display: inline;
	padding:0 3px;
}

.comic-nav a {
	font-size: 1.25em;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #d1d1d1;
	font-weight: bolder;	
	padding: 1px .5em;
}
.comic-nav-block {
	height:30px;
	display:inline;
	float:left;
	}


.pagenav {
	padding: 40px 20px 20px 20px;
	width:600px;
	margin:0 auto;
	font-family: "Lucida Console", Monaco, monospace;
	float:right;
	font-weight: bold;
	clear: both;
	}

	.pagenav-left {
		float: left;
		}

	.pagenav-right {
		float: right;
		}


.comic-nav-arrows {
	font-size: 1.5em;
}



/*POST STUFF*/
.post-frontpage {

/*	background:#fff;*/
	padding:0 6px 6px;
	margin:0 auto;
	}
.post-frontpage h2, .post h2, .post h3{
	margin-top: 0.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*	font-size: 2em;
*/	border-bottom: thin dotted #5e1f33;
	letter-spacing: -2px;
	clear: both;
}



/*POST CONTAINERS*/
.blog-container-thin {
	margin:0;
	float:right;
	width: 700px;
	}

.blog-container-thin-single {
	margin:0;
	padding-top: 1.7em;
	float:right;
	width: 600px;
	background: url(blog-bg.png) no-repeat right top;
	}

.comic-blog-left {
	clear:both;
	float: left;
	width:48%;
	padding-top: 1.7em;
	padding-bottom: 1.7em;
	}

.blog-right {
	float: right;
	text-align: left;
	width: 48%;
	padding-top: 1.7em;
	padding-bottom: 1.7em;
	background: url(blog-bg.png) no-repeat right top;
	}


.comic-blog-left p, .blog-right p {
	line-height:1.1;}

.blog-container-thin-single .entry p {
	padding-top: 0.3em;
	padding-right: 3em;
	padding-bottom: 0.3em;
	}



/*BLOG STYLES*/
.blogheader  {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.5em;
	text-transform: lowercase;
	font-weight: bolder;
}




.entry {
padding: 0.3em;
}





/*SINGLE PAGES*/
.blog-container-thin-pages {
	margin:0;
	padding-top: 1.7em;
	float:right;
	width: 600px;
	background: url(blog-bg.png) no-repeat right top;
	}
.blog-container-thin-pages .post .entry p {
	padding-top: 0.3em;
	padding-right: 5.5em;
	padding-bottom: 0.3em;
	}

	h2.pagetitle, h2.pagetitle a {
	color: #5e1f33;
	font-family: "Courier New", Courier, monospace;
	font-size: 2em;
	font-weight: bolder;
	letter-spacing: -2px;
		}








.postmeta-single {
	margin:1em auto;
	padding-top: 1em;
	width:60%;
	background:#d1d1d1;
	}

.postmeta {
	font-size: 0.9em;
	padding: 0.3em 0.1em 0.1em;
	text-align: center;
	border-top: thin dotted #5e1f33;
	}

.postmeta-single {
	font-size: 0.9em;
	padding: 0.3em 0.1em 0.1em;
	text-align: center;
	border-top: thin dotted #5e1f33;
	border-bottom: thin dotted #5e1f33;
	}


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: center;
	padding: 1em;
}



/*COMMENTS*/
.comment-wrapper {
	margin:0;
	float:right;
	width: 570px;
	background: #fff;
	margin-right: 2em;
}

	.comment-wrapper h3 {
	margin: 0;
	padding: 20px 0 0 0;
	color: #5e1f33;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	letter-spacing: -1px;
	clear: both;
		}



	.comment-wrapper p {
	margin: 10px 0 0;
	padding: .4em;
		}

.avatar {
	margin:0 10px 10px 0;
	padding:5px;
	float:left;
	border: none;
	}

#comment, #author, #email, #url {
	padding: 2px;
	color: #24232b;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	border: 1px solid #88909e;
	}

	#comment:hover, #author:hover, #email:hover, #url:hover {
		background: #d1d1d1;
		}
	
	#comment {
		width: 100%;
		}

	#author, #email, #url {
		width: 200px;
		}

#submit {
	margin: 0 0 20px 0;
	padding: 0 5px;
	float: right;
	color: #24232b;
	background: #d1d1d1;
	font-family: 'Verdana', sans-serif;
	font-size: 1em;
	border-width: 2px;
	border-style: solid;
	border-color: #5e1f33;
	}

	#submit:hover {
		cursor:pointer;
		background: #d44c3d;
		}

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

	.commentlist li {
	padding: 1em;
	clear: both;
	margin-top: 1.3em;
	margin-right: 1.3em;
	margin-left: 1.3em;
		}

li.alt {
	background:#e7e7e7;
	}

/*SIDEBAR STUFF*/


#sidebar-content h2 {
	color: #24232b;
	padding-top: 15px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.4em;
	border-bottom: thin dotted #24232b;
}
#sidebar-content ul li ul li a {
	display: block;
	margin-bottom: 3px;
	text-indent: 4px;
	margin-top: 3px;
}
.archivedropdown {
	margin-top: 4px;
	margin-bottom: 3px;
}








#search {
	margin:0 auto;
	padding-top: 10px;
	padding-bottom: 6px;
	}





#tag_cloud a:hover{
	text-decoration:none;
	border-bottom: thin dashed #d44c3d;
}
.stumble {
	display: inline;
	margin: 0px auto;
	height: 30px;
}


.income {
	margin: 15px auto 0px;
	width: 125px;
	}

.income-widescraper {
	margin: 15px auto 0px;
	width: 160px;
	}


.adtext {
	line-height: 1.5;
}

 /*CLEAR FLOATS */

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