/* 
Theme Name: ComicPress 3C 
Theme URI: http://comicpress.org 
Description: Publish a comic with WordPress. 3-Column Edition. Visit the ComicPress Website. 
Author: Tyler Martin 
Author URI: http://mindfaucet.com/ 
Version: 2.7 
. 
The CSS, XHTML and design is released under GPL v3: 
http://www.opensource.org/licenses/gpl-3.0.html 
. 
*/ 



/* STANDARD TAGS */ 

body { 
margin: 0; 
color: #000; 
font-size: 12px; 
font-family: 'Verdana', sans-serif; 
text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */ 
background-color:#E8F2F5
} 

a { 
color: #5295A5; 
text-decoration: none; 
} 

a:hover { 
color: #5295A5; 
} 

a:focus { 
outline: none; 
} 

a img { 
border: none; 
} 

p { 
margin: 12px 0; 
} 

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

small { 
font-size: 11px; 
} 

hr { 
height: 1px; 
color: #000; 
background-color: #98BEC7; 
border: 0px; 
} 

blockquote { 
margin: 10px; 
padding: 5px 10px 5px 20px; 
border-width: 1px 1px 1px 5px; 
border-style: solid; 
border-color: #98BEC7; 
} 

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: 'Verdana', sans-serif; 
border: 1px dotted #98BEC7; 
overflow: scroll; 
} 

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

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

form { 
margin: 0; 
} 



/* HEADINGS */ 

h1, h1 a, h1 a:hover { 
padding: 0px 0 0 0; 
margin: 0; 
color: #5295A5; 
font-size: 0px; 
font-family: 'Verdana', sans-serif; 
font-weight: normal; 
line-height: 0px; 
text-decoration: none; 
letter-spacing: 0px; 
font-variant: small-caps; 
background-color: #fff;
} 

h2, h2 a, h2 a:hover { 
margin: 0; 
color: #5295A5; 
font-weight: bold; 
letter-spacing: -1px; 
font-size: 24px; 
background-color: #fff;
} 

h2.pagetitle, h2.pagetitle a { 
padding: 0 0 5px 0; 
margin: 0 0 12px 0; 
font-family: 'Verdana', sans-serif; 
font-size: 32px; 
font-weight: normal; 
letter-spacing: -2px; 
background-color: #fff;
} 

h3, h3 a, h3 a:hover { 
padding: 0; 
margin: 0; 
font-size: 20px; 
font-weight: bold; 
text-align: left; 
color: #5295A5; 
text-decoration: none; 
clear: both; 
letter-spacing: -1px; 
background-color: #fff;
} 



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

#page { 
width: 960px; 
margin: 0px auto; 
border-top: solid 2px #98BEC7;
border-right: solid 2px #98BEC7;
border-left: solid 2px #98BEC7;
background-color: #fff;
} 



/* THE HEADER */ 

#header { 
text-align: center; 
} 

.description { 
padding: 0 0 0px 0; 
font-size: 0px; 
font-style: italic; 
letter-spacing: 0px; 
} 



/* THE MENU */ 

#menubar { 
background: #98BEC7; 
zoom: 1; /* IE fix, allows for variable height menu */ 
} 

#menunav { 
float: right; 
} 

#menunav a { 
width: 25px; 
height: 25px; 
display: block; 
float: left; 
color: #fff; 
font-size: 19px; 
font-weight: bold; 
line-height: 25px; 
text-align: center; 
border-left: 2px solid #98BEC7; 
} 

#menunav a:hover { 
background: #fff; 
} 

#menu { 
padding: 0; 
margin: 0; 
list-style: none; 
float: left; 
line-height: 25px; 
font-size: 12px; 
text-transform: uppercase; 
} 

#menu a { 
padding: 0px 5px; 
display: block; 
color: #fff; 
text-decoration: none; 
border-right: 2px solid #E8F2F5; 
} 

#menu li { 
float: left; 
} 

#menu li:hover a, #menu li.sfhover a { 
color: #98BEC7; /* Main menu highlighted text color */ 
} 

#menu li:hover, #menu li.sfhover { 
background: #fff; /* Main menu highlighted background color */ 
} 

/* For submenu dropdowns - this order must be maintained */ 

#menu ul { 
padding: 0; 
margin: 0; 
list-style: none; 
position: absolute; 
left: -9999px; 
width: 151px; 
line-height: 1; 
border-top: 1px solid #fff; 
} 
#menu li li { 
width: 150px; 
margin: 0 0 0 -1px; 
border-width: 0 1px 1px 1px; 
border-color: #fff; 
border-style: solid; 
} 
#menu li li a { 
width: 139px; 
padding: 4px 5px; 
color: #fff; 
border: none; 
} 
#menu li ul ul { 
margin: -21px 0 0 151px; 
} 
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { 
color: #fff; /*Submenu highlighted text color */ 
} 
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a { 
color: #fff; /*Submenu text color */ 
} 
#menu li li:hover { 
background: #f00; /*Submenu highlighted background color */ 
} 
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { 
left: -9999px; 
} 
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { 
left: auto; 
background: #222; /*Submenu background color */ 
text-transform: none; 
} 

/* THE COMIC */ 

#comic { 
padding: 5px 0; 
text-align: center; 
background-color:#fff
} 



/* THE FOOTER */ 

#footer { 
padding: 5px 0; 
text-align: center; 
border-top-style:solid;
border-bottom-style:solid;
border-color:#98BEC7;
background-color: #fff
} 



/* NAVIGATION */ 

.nav { 
float: right; 
font-size: 12px; 
font-weight: bold; 
} 

.nav-first { 
padding: 0 5px 0 0; 
float: left; 
border-right: 1px solid #000; 
} 

.nav-previous { 
padding: 0 5px; 
float: left; 
} 

.nav-next { 
padding: 0 5px; 
float: left; 
border-right: 1px solid #000; 
border-left: 1px solid #000; 
} 

.nav-last { 
padding: 0 0 0 5px; 
float: left; 
} 

.nav-blog { 
color: #000; 
font-size: 12px; 
font-weight: bold; 
float: right; 
} 

.nav-blog-previous { 
padding: 0 5px 0 0; 
float: left; 
} 

.nav-blog-next { 
padding: 0 0 0 5px; 
float: left; 
border-left: 1px solid #000; 
} 

.pagenav { 
padding: 40px 20px 0 20px; 
color: #000; 
font-size: 12px; 
font-weight: bold; 
clear: both; 
} 

.pagenav-left { 
float: left; 
} 

.pagenav-right { 
float: right; 
} 

.nav a, .pagenav a, .nav-blog a { 
display: block; 
float: left; 
color: #000; 
} 

.nav a:hover, .pagenav a:hover, .nav-blog a:hover { 
color: #800; 
} 

.navdivider { 
padding: 0 5px 0 0; 
margin: 0 5px 0 0; 
border-right: 1px solid #000; 
} 



/* POSTS - PAGES */ 

#column { 
width: 550px; 
padding: 2px 0 20px 0; 
float: left; 
overflow: hidden;
border-right: solid 2px #98BEC7;
border-left: solid 2px #98BEC7;
background-color: #fff;
} 

.post, .post-comic, .post-page { 
padding: 0 20px; 
background-color: #fff;
} 

.post-head, .post-page-head, .post-comic-head {
background-color: #fff; 
} 

.post-foot, .post-comic-foot, .post-page-foot { 
margin: 0 0 40px 0; 
height: 10px; 
overflow: hidden; 
background-color: #fff;
} 

.comicdate { 
font-size: 14px; 
background-color: #fff;
} 

.postdate { 
font-size: 11px;
background-color: #fff;
} 

.more-link { 
border-top: 1px solid #000; 
font-style: italic; 
display: block; 
clear: both; 
background-colour: #fff;
} 

.tags { 
font-size: 12px; 
clear: both; 
background-colour: #fff;
} 

.comment-link { 
font-family: 'Verdana', sans-serif; 
font-size: 16px; 
text-align: right; 
background-colour: #fff;
} 



/* THE BLOG HEADER */ 

#blogheader { 
font-family: 'Verdana', sans-serif; 
padding: 25px 0 25px 20px; 
font-size: 32px; 
border-top-style:dotted;
border-color:#98BEC7;
border-width:2px;
background-colour: #fff;
} 



/* COMMENTS */ 

.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: 'Verdana', sans-serif; 
} 

.comment { 
padding: 10px; 
margin: 10px 0 0 0; 
clear: both; 
border: 1px solid #98BEC7; 
min-height: 64px; 
} 

.comment .comment { 
border: 1px dotted 98BEC7; 
} 

.comment-author { 
display: inline; 
} 

.comment-meta { 
display: inline; 
padding: 0 0 0 5px; 
margin: 0 0 0 2px; 
border-left: 1px solid #98BEC7; 
} 

.says { 
display:none; 
} 

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

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

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

#submit { 
margin: 0 0 20px 0; 
float: right; 
} 

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



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

.comicarchiveframe { 
padding: 5px; 
border: 1px solid 98BEC7; 
background: #fff; 
opacity: 0.99; 
filter: alpha(opacity=99); 
} 

.comicarchiveframe:hover { 
opacity: 0.70; 
filter: alpha(opacity=70); 
} 

.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 */ 

#sidebar { 
width: 200px; 
padding: 2px 0; 
float: left; 
font-size: 11px; 
overflow: hidden; 
border-top: solid 2px #98BEC7;
background-color:#fff
} 

#sidebar h2, #sidebar h2 a { 
font-size: 16px; 
background-color:#fff
} 

#sidebar ul { 
margin: 0; 
padding: 0; 
list-style: none; 
background-color:#fff
} 

#sidebar ul li { 
margin: 0 0 10px 10px; 
padding: 0; 
background-color:#fff
} 

#sidebar ul li ul li { 
margin: 0 0 0 10px; 
padding: 0; 
background-color:#fff
} 

/* WIDGETS */ 

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

.comic-bookmark { 
margin: 0 0 10px 5px; 
} 

.archive-dropdown { 
max-width: 100%; 
} 



/* CALENDAR */ 

#wp-calendar {
	width: 165px;
	margin: 0 0 0 5px;
	}

#wp-calendar th {
	color: #98BEC7;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	}

#wp-calendar caption {
	color: #98BEC7;
	font-family: 'Georgia', sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	}

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

#wp-calendar a {
	color: #333;
	display: block;
	text-decoration: none;
	background: #98BEC7;	
	}
	
	#wp-calendar a:hover {
		color: #333;
		background: #fff;
		}


/* SEARCH */ 

#s { 
width: 140px; 
margin: 0; 
padding: 2px; 
font-size: 12px; 
font-family: 'Verdana', sans-serif; 
} 

#searchsubmit { 
padding: 0 5px; 
font-size: 12px; 
font-family: 'Verdana', sans-serif; 
} 



/* GALLERY */ 

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

.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 #000; 
border-right: 4px dotted #000;
background-color: #fff; 
} 

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

a.transcript-title { 
padding: 0 0 5px 0; 
margin: 0 0 5px 0; 
display: block; 
font-family: 'Verdana', sans-serif; 
font-style: italic; 
font-size: 16px; 
letter-spacing: -1px; 
border-bottom: 1px dashed #000;
background-color: #fff; 
} 

#transcript-content { 
font-family: 'Verdana', sans-serif; 
overflow: hidden; 
} 

#s-transcript { 
width: 140px; 
margin: 0; 
padding: 2px; 
font-size: 12px; 
font-family: 'Verdana', sans-serif; 
font-style: italic; 
} 

#searchsubmit-transcript { 
padding: 0 5px; 
font-size: 12px; 
font-family: 'Verdana', sans-serif; 
} 



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