/*  
 
Theme Name: ComicPress
Version: 2.5

Theme URI: http://mindfaucet.com/comicpress/
Description: The customizable theme for publishing comics. <a href="http://mindfaucet.com/comicpress">Visit the ComicPress website.</a>

Author: Tyler Martin
Author URI: http://mindfaucet.com/

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

*/

/* STANDARD HTML TAGS */

body {width:865px; margin:0px auto; color:#333; font:13px tahoma, helvetica, arial, sans-serif; background:#300 url('http://www.edgethedevilhunter.com/images/bg_scrn.gif') no-repeat;}
a {color:#000; text-decoration:underline;}
a:hover {color:#777;}
a img {border:0px;}
p img {max-width:100%; padding:0px;}		
small {font-size:11px;}
hr {height:1px; color:#777; background-color:#777; border:0px;}
blockquote {margin:10px; padding:5px 10px 5px 20px; border-width:1px 1px 1px 5px; border-style:solid; border-color:#ddd;}

blockquote cite {margin:5px 0 0; display:block;}
cite {font:normal bold 13px arial,sans-serif;}
code {padding:10px; display:block; font:courier new, monospace; background:#eee; border:1px dotted #777; overflow:scroll;}

acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}

/* HEADINGS */

h1, h1 a, h1 a:hover {margin:0px; padding:0px 0px 0px 5px; color:#000; font:normal 50px georgia,serif; letter-spacing:-2px; text-align:left; text-decoration:none;}
h2, h2 a {margin:0px; color:#111; font:bold 22px arial,sans-serif; text-align: left; text-decoration: none;}
h2.pagetitle, h2.pagetitle a {margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; color:#000; font:normal 24px arial black,serif; letter-spacing:-1px; text-align:left;}
h3, h3 a {margin:15px 10px 5px 0; color:#2f4f4f; font:bold 18px arial black,sans-serif; letter-spacing: -1px; text-align:left; text-decoration:none; clear:both; line-height:18px;}
h2 a:hover, h3 a:hover {color:#111; border-bottom:1px dotted #777;}

/* THE HEADER */

#header {width:861px; height:377px; margin:17px auto; no-repeat;}
.description {margin:0 0 0 0; padding:0px 0 0px 0px; color: #999; font:italic 14px times new roman,serif; letter-spacing:2px;}

/* THE MENU */

#menubar {background:none; width:115px; height:1px; margin:0px auto; position:absolute; top:415px; z-index:2}
#menunav {padding:2px; float:right;  font:bold 12px arial black,sans-serif; text-transform:lowercase;}
#menunav a  {background:none; color:#fff; text-decoration:none; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50;}
#menunav a:hover {color:#fff; background:none; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; -khtml-opacity:0.95;}
.prev {padding:0px;}
.next {padding:0px;}
  
#menu {height:17px; width:850px; background:none; font:13px arial black, sans serif; text-transform:uppercase; text-align:right;}
#menu ul {margin:0px; padding:3px; list-style-type:none;}
#menu li {display:inline; list-style:none; padding:2px; border:none;}
#menu li a {color:#fc0; text-decoration:none;}
#menu li a:hover {color:#ff6;}

/* THE COMIC */
	
#comic {background:url('http://www.edgethedevilhunter.com/images/cmc_scrn.png'); width:895px; height:975px; padding:10px 0px; text-align:center; margin:0px auto; border:0px solid #000; border-bottom:0px; z-index:0;}

/* THE PAGE WRAPPER */

#page {background:#000; width:825px; margin:0px auto; padding:0px; text-align:left; border:3px solid #000;}

/* THE FOOTER */

#footer {width:865px; margin:0px auto; padding:10px 0px; color:#999; text-align:center; background:none;}
#footer a {color:#fff; text-decoration:none; border:none;}
#footer a:hover {border-bottom:1px dotted #fff;}

/* NAVIGATION */

.nav {margin-top:5px; padding:3px 3px; float:right; color:#000; font:bold 11px arial,sans-serif;}
.nav-single {padding:10px 0px 0px 0px; color: #999; font:bold 12px arial,sans-serif; text-align: right;}
.pagenav {padding:40px 20px 20px 20px; color:#8b4513; font:bold 12px arial,sans-serif; clear:both;}
.pagenav-left {float: left;}
.pagenav-right {float: right;}
.nav a, .pagenav a, .nav-single a {background:#000; padding:3px 5px; color:#fff; text-decoration: none; text-align:center; border:none; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.nav a:hover, .pagenav a:hover, .nav-single a:hover {color:#111; background-color:#ddd;}

/* CONTENT AREA */

#column {width:600px; background:#ff6347; margin:auto; padding:10px 0px 0px 0px; float:right; overflow:auto;}
.comicpost {margin:0px 10px; background:#fcc; color:#333; border:2px solid #f00; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.post-frontpage {padding:0px 10px; text-align:justify;}
.post, .content {display:block; margin:0px 10px 15px; padding:0px 10px; text-align:justify; background:#fcc; border:2px solid #e00; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.comicdate {color:#f00; font:bold 19px arial black,sans serif; letter-spacing:-1px; line-spacing:2px;}
.postdate {color:#008080; font:bold 11px verdana,sans-serif;}
.postmeta {margin:0px 0px 10px 0px; color:#008080; font:bold 11px verdana,sans-serif; text-align:right; letter-spacing:-1px;}
.postmeta ul {display:inline; list-style-type:none; list-style-image:none;}
.postmeta-single {padding:10px; color:#666; font-size:11px; text-align:left; background:#ffe4e1; border:1px solid #f00; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.postmeta-single a {color:#333;}
.postmetatags {font:12px georgia,serif;}
.postmeta a, .postmeta-single a {color:#333; text-decoration:none; border-bottom:1px dotted #777;}
.postmeta a:hover, .postmeta-single a:hover {color:#777; border-bottom:1px solid #777;}
.postmeta-comments {font-size:16px; color:#000;}
.balloon {color:#ff0000; font:18px webdings,fantasy}

/* THE BLOG HEADER */

#blogheader {margin:0px; padding:10px 0px 0px 20px; color:#aaa; font:36px georgia,serif; letter-spacing:-3px;}

/* COMMENTS */

.alt {background:#ffe4e1;}
.comment-wrapper {margin:auto; background:#ff6347; padding:5px 15px;}
.comment-wrapper h3 {background:#f00; margin:0px; padding:5px; color:#fff; font:normal 24px arial black,sans-serif; letter-spacing:-1px; clear:both; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.bigballoon {color:#000; font:28px webdings,fantasy}}
.comment-wrapper a {text-decoration none; border-bottom:1px dotted #777;}
.comment-wrapper a:hover {color:#777; border-bottom:1px solid #777;}
.comment-wrapper p {margin:5px 0px 0px 0px;}

.avatar {margin:0px 5px 5px 0px; padding:3px; float:left; border:1px solid #777; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

#comment, #author, #email, #url {background:#ffe4e1; padding:0px; color:#000; font:13px verdana,sans-serif; border:1px solid #999; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#comment:hover, #author:hover, #email:hover, #url:hover {background:#fff;}
#comment {width:100%;}
#author, #email, #url {width:200px;}
#submit {margin:0px; padding:0px; background:#888; float:right; color:#fff; font:13px verdana,sans-serif; border:2px solid #555; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#submit:hover {cursor:pointer; background:#000;}

ol.commentlist {background:#fcc; margin:0px; padding:0px; font-size:12px; list-style:none; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.commentlist li {padding:5px 5px; clear:both;}

/* ARCHIVE */  

.comicarchiveframe {margin: 20px 0 10px 0; padding: 5px 10px 5px 10px; border-width: 1px; border-style: solid ;border-color: #ccc #aaa #555 #777;}
.comicarchiveframe:hover {filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.comicarchiveframe {margin: 20px 0 10px 0; padding: 5px 10px 5px 10px; border: 1px solid #000;}
.comicarchiveframe h3 {margin: 0;}
.comicarchiveframe small {display: block;}
.comicarchiveframe:hover {filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}

/* SIDEBAR */

#sidebar {width:225px; background:#000; color:#fff; padding:5px 0px; float:left; font-size:12px; overflow:auto;}
#sidebar h2, #sidebar h2 a {color:#f00; font:normal 18px arial black,sans-serif; text-transform:lowercase; letter-spacing:-1px;}
#sidebar ul {margin:0px; padding:0px; list-style:none;}
#sidebar ul li {margin:0px 5px; padding:0px;}
#sidebar ul li ul li {margin:0px; padding:0px;}
#sidebar ul li ul li a {display:block; color:#999; text-decoration:none;}
#sidebar ul li ul li a:hover {color:#f5f5f5;}
#sidebar img {margin-bottom:2px;}

/* CALENDAR */

#wp-calendar {width: 165px; margin: 0 0 0 5px;}
#wp-calendar th {color: #999; font-size: 10px; font-weight: normal;text-align: center;}
#wp-calendar caption {color: #555;font-family: 'Georgia', sans-serif; font-size: 18px; letter-spacing: -1px;}
#wp-calendar td {min-width: 20px; padding: 0; text-align: center; border: 1px solid #999;}
#wp-calendar a {color: #333; display: block; text-decoration: none; background: #ddd;}
#wp-calendar a:hover {color: #333; background: #bbb;}


/* SEARCH */

#s {width: 140px; margin: 0; padding: 2px; color: #000; font-family: 'Verdana', sans-serif; font-size: 12px; border: 1px solid #999; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#s:hover {background: #eee;}
#searchsubmit {margin: 0; padding: 0 0 0 2px; color: #fff; font-family: 'Verdana', sans-serif; font-size: 12px; background: #888; border-width: 2px;
	border-style: solid; border-color: #555; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#searchsubmit:hover {cursor:pointer; background: #222;}

/* GALLERY */

.attachment {width:700px; text-align: justify; padding:10px; margin:0 auto;}
.attachment img {margin: 0px 5px 10px; border: 1px solid #000;}
.attachment p {margin: 0px 5px 10px; font:normal 12px georgia, times new roman, serif;}
.imagenav-wrap {width: 502px; height: 77px; margin:0 auto 10px; clear:both;}

.imagenav {width: 77px; height: 77px; float: left;}
.imagenav-center {width: 316px; height: 65px; margin: 0 10px; padding: 10px 5px 0 5px; float: left; color: #bbb; text-align: center; border: 1px solid #999; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.imagenav-center a {text-decoration: none; color: #777; border-bottom: 1px dotted #777;}
.imagenav-center a:hover {color: #777; border-bottom: 1px solid #777;}
.imagetitle {color: #333; font:bold 18px helvetica, sans serif;}
.imagenav-bg {width:75px; height:75px; position: absolute; z-index: 0; background: #eee; border: 1px solid #000;}
.imagenav-bg img {width:75px; height:75px;}
.imagenav-arrow {width:75px; height:75px; position: absolute; z-index: 1; color: #fff; font-size: 50px; 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;}
.imagenav-link img {width:75px; height:75px; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.imagenav-link img:hover {filter: alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00;}
.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}

/* CLEAR FLOATS */

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