/*
Theme Name: ComicPress - Absinthe
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. Standard Edition. <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin with modifications by Egypt Urnash
Author URI: http://mindfaucet.com/
Version: 2.7EU
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

/* reset styles */
html, body,ul,li,dl,dt,h1,h2,h3,h4,form,p {padding:0; margin:0; list-style-type:none;}
html, body {height:100%; color:#ccc; font-family:times, 'times new roman';}

/* footerstickalt */
html, body {height:100%;}
#page {position:relative; min-height:100%;}
* html #page {height:100%;}
#footer {position:relative; margin:-2em 0 0 142px; height:2em; overflow:hidden;}

/* column stuff */
/* sidebar 142 main 684 */
#page {width:1068px;}
#header, #sidebar {width:142px; float:left;}
#column {width:846px; float:right; padding:0 40px;}
#comic img {display:block; padding:20px 20px 0;}
#column {padding:1em 40px 0; margin-bottom:2em;}
#sidebar {width:98px; margin:-10px 0 5px; padding:0 22px;}

.clear {clear:both;}

/* hide stuff */
#sidebar h2 {display:none;}

/* chrome */
html {background:#666 url(/wp-content/themes/comicpress/images/body-bg.jpg) scroll}
body {/*background:orange;*/}
#page {background:transparent url(/wp-content/themes/comicpress/images/panelbg.jpg) scroll -707px -78px repeat-y}
#header {/*background:green;*/}
#header h1 a {width:142px; height:166px; display:block; text-indent:-1000px; background-image:url(/wp-content/themes/comicpress/images/logo.gif);}
#comic {/*background:blue;*/}
#column {/*background:purple;*/}
#sidebar {text-align:center; font-size:small; color:#6c6c75;}
#footer {background:#333; color:#666; padding-right:1em; padding-top:.4em; text-align:right; font-size:x-small;}

a {color:#8697aa;}
a:visited {color:#6c6c75;}
a:hover {color:#cfc24b;}

#comic img {border:none;}

/* sidebar stuff */
#sidebar ul li {padding-bottom:10px;}
#sidebar ul li.widget_text {margin-top:-10px;}
#sidebar .widget_text+.widget_text {margin-top:0px;}
#sidebar .widgettitle {display:none;}
#sidebar h2 {font-size:small; font-weight:100; font-style:oblique;}

#sidebar #donations-cloud-cloud:before, #sidebar #donations-cloud-form:before {content:'✻'; display:block; margin-bottom:10px;}

#sidebar a[title='Store'] {display:block; width:100px; height:47px; text-indent:1000px; overflow:hidden; background:transparent url(/wp-content/themes/comicpress/images/panelbg.jpg) scroll no-repeat -606px 0}
#sidebar a[title='Store']:hover, #sidebar a[title='Store'].wiggle {background:transparent url(/wp-content/themes/comicpress/images/panelbg.jpg) scroll no-repeat -606px -47px}

/* donation cloud plugin */
#sidebar #donations-cloud-cloud h2, #sidebar #donations-cloud-form h2 {display:block;}
#dc_paypal_form #help_link {font-size: 0.95em; margin: 1px 0 10px;}

#sidebar input {background:black; border:none; color:white; opacity:.7; font-size:x-small; padding:1px; width:94px;}
#dc_paypal_form p.blocklabel {overflow:hidden; margin:1px 0 2px;}
#sidebar label {display:block; float:left;}
#dc_paypal_form p.amount input {width:50px; margin-right:4px; text-align:right;}
#dc_paypal_form #pp_submit {margin:10px 0 0;}
#sidebar input[type="submit"] {padding:3px 5px; font-size:1.1em; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

#dc_linkcloud {padding:5px; text-align:center; overflow:hidden;}
#dc_linkcloud a {line-height:1em;}

#dc_credits {margin:5px 0 3px; padding:0; font-size:0.85em; font-style:italic;}

/* under-comic navbar */
.nav {width:846px; height:1em; background:#333; padding:3px 0; text-align:center; margin-top:.5em; font-size:1em;}
.nav a {text-decoration:none;}
.nav div {display:inline; width:114px; margin-bottom:1em; font-size:small;}
.nav .nav-previous, .nav .nav-first {float:left; text-align:left; margin-left:.5em; margin-right:-.5em; text-indent:0;}
.nav .nav-next, .nav .nav-last {float:right; text-align:right; margin-left:-.5em; margin-right:.5em;}

/* footer */
#footer {padding-right:1em; padding-top:.4em; text-align:right; font-size:x-small; padding-right:1em; background:#333; clear:left; color:#666; overflow:hidden;}
#footer a {text-decoration:none;}
#footer li:before {content:'·'; margin:0 .5em;}
#footer li:first-child:before {content:'';}
#footer ul, #footer li, #footer p {display:inline;}
#footer ul:after {content:'✻'; margin:0 1em; color:#6c6c75;}
#column p+p {margin-top:1em;}

/* hide some stuff in the ComicPress default theme */
.comicdate, .storyline-cats, .post-comic h2, .post-comic-foot, h3#comments, p.nocomments {display:none; height:0;}

/*  ohnorobot stuff */
#ohnorobot {margin:0 auto; text-align:center;}
.textwidget input {text-align:center;} /* and the search bar lives in the sidebar */

/* post associated with a comic */
.post-comic .entry {margin:1em 0 0; clear:left; text-align:left;}
.post-comic .entry p:first-child, .post .entry {padding:3px 0 0; clear:both;}
.post-comic .entry br {display:none;}
.post-comic .comment-link a {text-decoration:none;}
.comment-link {float:right; padding-bottom:2em;}
.post-comic .tags {position:absolute;}

/* other posts */
.post h3, .post h2 {color:#CEC24B; display:inline;}
.post h3 a, .post h2 a {text-decoration:none; color:#CEC24B;}
.post .entry {border-top:1px dotted white;}
.post .postdate, .post .postauthor {display:inline; font-size:small; font-style:oblique; float:right; height:100%;}
.post .postdate:before {content:'✻'; margin:0 1em;}
.post {width:75%; margin:1em 0 0 12%; padding-left:13%; clear:both; text-align:left;}
.post p {margin:0 0 16px;}

.nav-blog {margin-left:-25%;}
.nav-blog a {text-decoration:none;}
.nav-blog-previous{float:left;}
.nav-blog-next{float:right;}

/* comments */
.comment-wrap {padding-top:1em;}
li.comment .children {margin-left:5em;}
.comment-author {display:inline;}
.comment-author img {float:left; margin-right:5px; margin-top:-1em;}
li.comment .fn {margin-top:1em;}
li.comment .commentmetadata {font-size:small;}
li.comment .commentmetadata+p {border-top:1px dotted; padding-top:5px;}
li.comment>div {position:relative; margin-bottom:3em;}
li.comment .reply {text-align:right; position:absolute; top:-1em; left:100px; font-size:small; font-style:oblique;}
li.comment .reply:after {content:" to this comment";}

/* comment form */
#respond h3 {font-size:1em; font-weight:100; font-style:oblique; border-bottom:1px dotted;}
#respond input, #respond textarea {border:0; background:black; color:white; opacity:.7; padding:.5em; float:right; clear:right;}
#respond label {float:right; padding:.4em;}
#respond textarea {height:10em; margin-top:.2em;}


/* ancilliary pages */

/* general stuff */
.pagetitle, #archives .level-1 li#storyline-epilogue h3 {text-align:center; width:75%; margin:0 auto .5em; padding-bottom:.5em; border-bottom:1px solid #6c6c75;}
.infopage .entry ul {margin-top:1em;}
.infopage .entry li {margin-bottom:.2em;}

/* welcome (front) page */
#welcome #page, #welcome #column, #welcome #header {background:transparent none; width:auto; float:none;}
#welcome #column {width:651px; margin:0 auto;}
#welcome h1 a {width:651px; height:189px; margin:40px auto 0; background:transparent url(/wp-content/themes/comicpress/images/adult-warning.jpg) scroll -256px 0px no-repeat;}
#welcome h2, #welcome h3 {margin:0 auto; overflow:hidden; text-indent:-10000px;}
#welcome h2, #welcome h3 {width:606px; height:41px; background:transparent url(/wp-content/themes/comicpress/images/adult-warning.jpg) scroll -256px -189px no-repeat;}
#welcome h3 {height:66px; background-position:-256px -230px; margin-bottom:60px;}
#welcome #adultsonly {width:30em; margin:5em auto 0; text-align:justify; font-style:italic;}
#welcome #adultsonly:before {content:''; display:block; float:left; margin-top:-5em; width:256px; height:373px; background:transparent url(/wp-content/themes/comicpress/images/adult-warning.jpg)}

/* about (cast, author, summary) */
#about .pagetitle {display:none;}
#about #schedule {text-align:center; width:75%; margin:0 auto .5em; padding-bottom:.5em; border-bottom:1px solid #6c6c75;}
#about #characters {margin:1em -10px 0 0; padding:0;}
#about #characters li {list-style:decimal inside; padding-bottom:1em; font-size:small; width:162px; float:left; padding-right:52px; height:10em;}
#about #characters h3 {font-size:large;}
#about #authors {clear:both; margin:2em 1em 0 4em;}
#about #authors img {float:right;}
#about #authors h2 {padding-top:1em;}
#about #tools {clear:both; margin:1em 4em 1em;}
/*  810-684 = 126/3 = 42 */

/* archives */
#archives .storyline {width:105px;}
#archives h3 {margin-bottom:5px; font-style:italic; font-weight:normal;}
#archives .storyline-root {display:none;}
#archives .storyline img {height:50px; border:none;}
#archives .storyline a {height:50px; display:block; float:left; margin-bottom:4px;}
#archives .level-1 li {float:left; margin-left:30px;}
#archives .level-1 li#storyline-chapter-1 {margin-left:25px;}
#archives .level-1 li#storyline-epilogue {clear:left; width:100%; margin:20px 0 0 0;}
#archives .level-1 li#storyline-epilogue .storyline {width:auto; text-align:center;}
#archives .level-1 li#storyline-epilogue a {float:none; display:inline;}

/* image galleries (fan art!) */
.gallery {text-align:center; margin:0; display:block;}
/*.gallery:after {content:"."; display:block; clear:both; display:none; height:0; width:75%; margin:0 auto .5em; padding-bottom:.5em; border-bottom:1px solid #6c6c75;}*/
.gallery dl, .gallery dt {display:inline;}
.gallery a {margin:0 3px 8px;}
.gallery a img {height:75px; width:75px; margin-bottom:8px;}

.gallery-image {width:100%; text-align:center;}
.gallery-post .postdate:before, .gallery-post .postauthor {display:none;}

/* backdrops */
#backdrops .cat-desc {width:50%; float:left; padding-top:2em;}
#backdrops .post {width:50%; float:left; clear:none; margin:0 0 2em; padding:0;}
#backdrops .post .entry {clear:none; border:none;}

#backdrops .post h3 {text-align:right; display:block; margin-bottom:.2em;}
#backdrops .post h3 a {font-weight:normal; font-style:italic; color:#ccc; cursor:default;}
#backdrops .post .postdate, #backdrops .post .comment-link {display:none;}
#backdrops .post img {margin-bottom:.5em;}
#backdrops .post p {margin-bottom:0;}
#backdrops .post .gallery .gallery-item {float:right; width:5em;}

/* the list-o-image-links in the backdrops page */
#backdrops .gallery {text-align:inherit; margin:0;}
#backdrops .gallery dt {display:none;}
#backdrops .gallery dd {list-style-type:circle;}
#backdrops .gallery-row {clear:none;}

.alignright {float:right; margin:0 0 2em 2em;}

/* store page */
#store .entry p {clear:both;}