/*
Theme Name: ComicPress DSA
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. Vertical Edition. <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Heiko Ramirez
Author URI: http://mindfaucet.com/
Version: 1.0
.
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: sans-serif; text-shadow: #000 0 0 0; padding: 0;background: #600;  background-image:url('http://adventures.digitalstrips.com/wp-content/uploads/2010/06/dsaBkgrdFK.jpg'); background-attachment: fixed; }
a { color: #800; text-decoration: none;	}
a:hover { color: #f00; }
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: #000; border: 0px; }

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

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

/* HEADINGS */

h1, h1 a, h1 a:hover {
	padding: 10px 0 0 0;
	margin: 0;
	color: #000;
	font-size: 60px;
	font-family: 'Georgia', serif;
	font-weight: normal;
	line-height: 50px;
	text-decoration: none;
	letter-spacing: -4px;
	font-variant: small-caps;
	}

h2, h2 a, h2 a:hover {
	margin: 0;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 24px;
	}
	
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;
	}

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

td#background{background: url('img/bg.jpg') repeat-y #FFF;}
td.container{padding: 0; margin-bottom: 10px; width: 775px; border: 1px solid #600; border-left: none; }

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

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


/* THE HEADER */

#header { text-align: center; }
	.description { padding: 0 0 10px 0; font-size: 14px; font-style: italic;
		letter-spacing: 2px;}

/* THE MENU */

#menubar { background: #000; 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: 1px solid #fff; }

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

#menunavl { float: left; }

#menunavl a  { width: 25px; height: 25px; display: block; float: right; color: #fff;
	font-size: 19px; font-weight: bold; line-height: 25px; text-align: center;
	border-right: 1px solid #fff; }

#menunavl a:hover { background: #800; }

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

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

#menu li { float: left; }

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

#menu li:hover, #menu li.sfhover {
	background: #800; /* 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: 10px 0; text-align: center; }

/* THE FOOTER */
#footer { padding: 20px 0; text-align: center; }

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

/* POSTS - PAGES */
#column { width: 660px; padding: 15px 10px 20px 10px; float: left; overflow: hidden; }
.post, .post-comic, .post-page { padding: 0 20px; }
.post-head, .post-page-head, .post-comic-head {	}
.post-foot, .post-comic-foot, .post-page-foot { margin: 0 0 40px 0; height: 10px;
	overflow: hidden;}
.comicdate { font-size: 14px;	}
.postdate { font-size: 11px; }
.more-link { border-top: 1px dashed #000; font-style: italic; display: block;
	clear: both;}
.tags { font-size: 11px; clear: both;}
.comment-link { font-family: 'Georgia', serif; font-size: 16px; text-align: right;}


/* THE BLOG HEADER */
#blogheader { font-family: 'Georgia', serif; padding: 25px 0 25px 20px;
	font-size: 32px; letter-spacing: -2px; border-top: 1px solid #000;}


/* 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: 'Georgia', serif;}
.comment { padding: 10px; margin: 10px 0 0 0; clear: both; border: 1px solid #000;
	min-height: 64px;}
.comment .comment  { border: 1px dotted #000; }
.comment-author { display: inline; }
.comment-meta { display: inline; padding: 0 0 0 5px; margin: 0 0 0 2px;
	border-left: 1px solid #000;}
.says { display:none;}
.avatar { margin: 0 10px 0 0; float: left;}
#comment { width: 100%; font-size: 12px; font-family: 'Arial', sans-serif; }
#author, #email, #url { width: 200px; font-size: 12px; font-family: 'Arial', 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 #000; 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: 250px; padding: 5px 0; float: left; font-size: 11px;
	overflow: hidden;}
#sidebar h2, #sidebar h2 a { font-size: 16px; }
#sidebar ul { margin: 0; padding: 0; list-style: none;}
#sidebar ul li { margin: 0 0 10px 10px; padding: 0; }
#sidebar ul li ul li { margin: 0 0 0 10px; padding: 0; }


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


/* SEARCH */
#s { width: 140px; margin: 0; padding: 2px; font-size: 12px; 
	font-family: 'Arial', sans-serif; }
#searchsubmit { padding: 0 5px; font-size: 12px; font-family: 'Arial', 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; }
	.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: 'Georgia', serif; font-style: italic; font-size: 16px;
	letter-spacing: -1px; border-bottom: 1px dashed #000;}
#transcript-content { font-family: 'Courier New', monospace; overflow: hidden; }
#s-transcript { width: 140px; margin: 0; padding: 2px; font-size: 12px;
	font-family: 'Georgia', serif; font-style: italic;}
#searchsubmit-transcript { padding: 0 5px; font-size: 12px; 
	font-family: 'Arial', 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; }