/*  
Theme Name: ComicPress
Theme URI: http://mindfaucet.com/comicpress/
Description: A customizable theme for publishing comics.
Version: 2.0 BE
Author: Tyler Martin
Author URI: http://mindfaucet.com/

	ComicPress 2.0 BE (Blogging Edition)
	 http://mindfaucet.com/comicpress/

	This theme was based on the WordPress default Kubrick theme.
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* MAIN SECTIONS */
body {  
margin: 0;  
background: #353535;  
color: #000000;  
font: 10px Arial, Sans-Serif;  
text-align: center;  
}	
#header {  
margin: 0 auto;  
width: 720px;  
background: #000000;  
}	
#headerbar {  
margin: 0 auto;  
width: 720px;  
height: 25px;  
background: #000000;  
}
#comic {  
margin: 0px auto;  
width: 720px;  
background: #000000;  
border-bottom: 1px solid #000000;  
}
#page {  
margin: 0px auto;  
width: 720px;  
background-color: #eeeeee;  
text-align: left;  
}    
#sidebar { 
margin: 0 0 0 505px;  
padding: 7px 0 10px 10px;  
width: 190px;  
border-left: 2px solid #f7f7f7;    
background: #e3e3e3;  
}  
#footer {  
margin: 0;  
width: 720px;  
background-color: #e3e3e3;  
clear: both;  
}
#footer p {  
padding: 20px 0;  
border-top: 1px solid #C0C0C0;  
text-align: center;  
}
#comicarchiveframe {  
margin: 20px 0 10px 0;  
padding: 5px;  
border: 2px solid #C0C0C0;  
}

/* POST STRUCTURE */
.narrowcolumn {  
margin: 0;  
padding: 5px 0 0px 20px;  
float: left;  
width: 460px;  
}  
.blogheader {  
margin: 0;  
padding: 0;  
float: left;  
width: 505px;  
border-top: 2px solid #C0C0C0;  
}
#leftcontainer {  
margin: 0;  
padding: 0;  
float: left;  
width: 505px;  
}
.post {  
margin: 0;  
text-align: justify;  
}
.narrowcolumn.postmetadata {  
padding-top: 5px;  
background: #e3e3e3;  
} 

/* FONTS */
a, .entry p a:visited {  
color: #5964d2;  
text-decoration: none;  
}
a:hover {  
color: #2c96ff;  
text-decoration: underline;  
}  
h2 a:hover, h3 a:hover {  
color: #2c96ff;
}
.headernav {  
margin: -15px 5px -10px 0;  
float: right;  
font-size: 40px;  
font-weight: bold;  
}
.headernav a {  
color: #5964d2;  
}
.headernav a:hover {  
color: #2c96ff;  
text-decoration: none;  
}  
.headerbarlinks {  
padding: 4px 0 0 10px;  
color: #5964d2;  
font-size: 14px;  
font-weight: bold;  
text-align: left;  
letter-spacing: 4px;  
}
.headerbarlinks a{  
color: #5964d2;  
letter-spacing: 0;  
}
.headerbarlinks a:hover{  
color: #2c96ff;  
text-decoration: none;  
letter-spacing: 0;  
}
.comicnav {  
padding: 3px 0 0 0;  
font-size: 11px;  
float: right;  
}
.comicnav a {  
color: #5964d2;  
}
.comicnav a:hover {  
color: #2c96ff;  
text-decoration: none;  
}
.comicdate {  
font-size: 15px;  
font-weight: bold;  
}  
#content { 
font-size: 12px;  
}
.narrowcolumn .postmetadata {
text-align: right;  
}
.alt {  
background: #F7F7F7;  
border-top: 1px solid #7D7D7D;  
border-bottom: 1px solid #7D7D7D;  
}  
#sidebar {  
font-family: Verdana, Sans-Serif;  
font-size: 10px;  
}  
#sidebar h2 {  
font-family: Verdana, Sans-Serif;  
font-size: 12px;  
}  
small {  
font-family: Arial, Sans-Serif;  
font-size: 11px;  
}
h2, h3 {  
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;  
font-weight: bold;  
}
h1 {  
color: #000000;  
font-family: Times, Serif;  
font-size: 50px;  
font-weight: normal;  
text-align: left;  
letter-spacing: -2px;  
}
h2 {  
font-size: 19px;  
}
h2.pagetitle {  
font-size: 19px;  
}
h3 {  
font-size: 16px;  
}
.post h3 {  
border-bottom: 2px solid #7D7D7D;  
}
h1, h1 a, h1 a:hover, h1 a:visited {  
color: #2c96ff;  
text-decoration: none;  
}
.description {  
color: #555555;  
font-size: 14px;  
font-style: italic;  
letter-spacing: 2px;  
text-align: left;  
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;  
}
.commentlist li, #commentform input, #commentform textarea {  
font-family: Arial, Sans-Serif;
font-size: 11px;  
}  
.commentlist li {  
font-weight: bold;  
overflow: auto;  
}
.commentlist cite, .commentlist cite a {  
font-weight: bold;  
font-style: normal;  
font-size: 12px;  
}
.commentlist p {  
font-weight: normal;  
text-transform: none;  
}
.commentmetadata {  
font-weight: normal;  
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {  
color: #7D7D7D;  
}  
code {  
font-family: 'Courier New', Courier, Fixed;  font-size: 12px;  
}
acronym, abbr, span.caps {  
font-size: 10px;  
}
.latestcomics { 
font-family: Arial, Sans-Serif;  
}

/* TEXT MARGINS */
h1 {  
margin: 0;  
padding: 0 0 0 10px;  
}
.description {  
margin: -3px 0 0 0;  
padding: 0px 0 10px 30px;  
}
h2 {  
margin: 0 0 0 0;  
}
h2.pagetitle {  
margin: 10px 0 0 0;  
padding: 0 0 5px 0;  
text-align: left;  
}
#sidebar h2 {  
margin: 5px 0 0;  
padding: 0;  
}
h3 {  
margin: 30px 0 0;  
padding: 0;  
}
h3.comments {  
margin: 40px auto 20px ;  
padding: 0;  
}
p img {  
padding: 0;  
max-width: 100%;  
}
.navigation {  
margin: 10px 0 30px 0;  
text-align: center;  
display: block;  
}

/* LISTS */html>body .entry ul {  
margin-left: 0px;  
padding: 0 0 0 30px;  
list-style: none;  
padding-left: 10px;  
text-indent: -10px;  
} 
html>body .entry li {  
margin: 7px 0 8px 10px;  
}
.entry ol {  
margin: 0;  
padding: 0 0 0 35px;  
}
.entry ol li {  
margin: 0;  
padding: 0;  
}
.postmetadata ul, .postmetadata li {  
display: inline;  
list-style-type: none;  
list-style-image: none;  
}  
#sidebar ul, #sidebar ul ol {  
margin: 0;  
padding: 0;  
}
#sidebar ul li {  
margin: 0 0 15px 0;  
list-style-type: none;  
list-style-image: none;  
}
#sidebar ul p, #sidebar ul select {  
margin: 5px 0 8px;  
}
#sidebar ul ul, #sidebar ul ol {  
margin: 5px 0 0 10px;  
}
#sidebar ul ul ul, #sidebar ul ol {  
margin: 0 0 0 10px;  
}
ol li, #sidebar ul ol li {  
list-style: decimal outside;  
}
#sidebar ul ul li, #sidebar ul ol li {  
margin: 3px 0 0;  padding: 0;  
}

/* FORMS */
#commentform textarea, #s, #author, #email, #url, select, textarea {  
padding: 2px;  
background: #f7f7f7;  
color: #555555;  
border: 1px solid #BBBBBB;  
}  
#commentform #submit, #searchsubmit, #searchsubmitclear, #sortsubmit {  
color: #5964d2;  
background: #DDDDDD;  
border: 1px solid #BBBBBB;  
}  
#commentform #submit:hover, #searchsubmit:hover, #searchsubmitclear:hover, #sortsubmit:hover {  
color: #FFFFFF;  
background: #2c96ff;  
}
#searchsubmitclear {  
margin: 0 0 0 3px;  
}
#commentform #submit {  
margin: 0;  
float: right;  
}  
#commentform input {  
margin: 5px 5px 1px 0;  
padding: 2px;  
width: 170px;  
}
#commentform textarea {  
width: 100%;  
}
#commentform p {  
margin: 5px 0;  
}
#sidebar #searchform #s {  
padding: 2px;  
width: 108px;  
}
#sidebar #searchsubmit {  
padding: 1px;  
}
.entry form { 
/* This is mainly for password protected posts, makes them look better. */  
text-align: center;  
}
select {  
width: 130px;  
}
#sidebar form {  
margin: 0;  
}
/* COMMENTS */
.alt {  
margin: 0;  
padding: 10px;  
}
.commentlist {  
padding: 0;  
text-align: justify;  
}
.commentlist li {  
margin: 15px 0 3px;  
padding: 5px 10px 3px;  
list-style: none;  
}
.commentlist p {  
margin: 10px 5px 10px 0;  
}
.nocomments {  
margin: 0;  
padding: 0;  
text-align: center;  
}
.commentmetadata {  
margin: 0;  
display: block;  
}

/* CALENDAR */
#wp-calendar a {  
text-decoration: none;  
}
#wp-calendar caption {  
padding: 15px 0 0 0;  
width: 100%;  
color: #7D7D7D;  
font-family: Verdana, Arial, Sans-Serif;  
font-size: 13px;  
font-weight: bold;  
text-align: center;  
}
#wp-calendar th { 
font-style: normal;  
text-transform: capitalize;  
}
#wp-calendar {  
margin: 0 auto 0;  
width: 155px;  
empty-cells: show;  
}
#wp-calendar #next a {  
padding-right: 10px;  
text-align: right;  
}
#wp-calendar #prev a {  
padding-left: 10px;  
text-align: left;  
}
#wp-calendar a {  
background: #DDDDDD;  
display: block;  
}
#wp-calendar a:hover { 
background: #2c96ff;  
}
#wp-calendar td {  
padding: 0;  
text-align: center;  
border: 1px solid #BBBBBB;  
}
#wp-calendar td.pad:hover { 
/* Doesn't work in IE */  
background-color: #2c96ff; 
}

/* VARIOUS */
hr {  
height: 2px;  
background-color: #7D7D7D;  
color: #7D7D7D;  border: 0px;  
}
a img {  
border: none;  
}
.center {  
text-align: center;  
}
acronym, abbr, span.caps {  
cursor: help;  
}
acronym, abbr {  
border-bottom: 1px dashed #999;  
}
blockquote { 
margin: 15px 30px 0 10px;  
padding-left: 20px;  
border: 1px solid #ddd;  
border-left: 5px solid #ddd;  
}
blockquote cite {  
margin: 5px 0 0;  
display: block;  
}
/* END */