/*
Theme Name: DaveTheme
Version: 1.0
Theme URI: http://mindfaucet.com/comicpress/
Description: Built on ComicPress Standard 2.5 - The customizable theme for publishing comics. Visit the ComicPress website. Redesigned by David Cutter
Author: David Cutter (new) & Tyler Martin (original)
Author URI: http://mindfaucet.com/
Created Mar 20 2010 for site redesign
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
*/
/* GENERAL CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family: "Helvetica Neue", Arial, Sans-Serif;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
body{width:100%;background:#ffffff;color:#000000;line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:400;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
/* Page Background */
body { background: url(img/page_bg.png); }
body #page_bg_top { position: absolute; top: 0; left: 0; width: 100%; height: 1000px; background: url(img/page_bg_top.png) repeat-x; }
/* Page Content */
#page_content { position: relative; width: 910px; margin: 15px auto; padding: 0; }
/* Border Art */
div#borderart_top { position: absolute; top: 0px; left: -300px; width: 452px; height: 521px; background: url(img/borderart_matt.png) no-repeat; }
div#borderart_bottom { position: absolute; bottom: -60px; right: -270px; width: 331px; height: 764px; overflow: hidden; }
div.borderart_rose { background: url(img/borderart_rose.png) no-repeat; }
div.borderart_justin { background: url(img/borderart_justin.png) no-repeat; }
div.borderart_ddos { background: url(img/borderart_ddos.png) no-repeat; }
/* Ads */
#page_content .ad { border: 1px solid #333; box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; -webkit-box-shadow: 0px 0px 10px #666; overflow: hidden; position: relative; }
#page_content .topbanner { width: 728px; height: 90px; }
#page_content .bottombanner { width: 728px; height: 90px; margin: 10px auto; }
#page_content .square { width: 300px; height: 250px; margin: 0 auto; margin-top: 10px; text-align: center; }
#page_content .skyscraper { width: 120px; height: 600px; margin: 0 auto 10px auto; }
/* PageBox */
#page_content .pagebox { position: relative; margin: 15px 0; padding: 0; background: #fff; border: 1px solid #87b9db; box-shadow: 0px 0px 10px #ea83a8; -moz-box-shadow: 0px 0px 10px #ea83a8; -webkit-box-shadow: 0px 0px 10px #ea83a8; }
/* Band Banner */
#top_band_banner { display: block; width: 644px; height: 100px; overflow: hidden; }
#top_band_banner .banner { display: block; position: absolute; top: 0px; left: 0px; width: 644px; height: 100px; overflow: hidden; }
/* Navbar */
#page_content .navbar { position: relative; height: 44px; background: url(img/navbar.png) repeat-x; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: #fff 0px 1px 0px; }
#page_content .navbar ul { list-style-type: none; display: inline; }
#page_content .navbar li { list-style-type: none; display: inline; }
#page_content .navbar a { display: inline-block; height: 30px; padding: 14px 12px 0 12px; color: #333; text-decoration: none; }
#page_content .navbar a:hover { color: #000; text-decoration: none; background: url(img/navbar_hover.png) repeat-x; }
/* PageBox Content */
#page_content .content { min-height: 1000px; margin: -10px 0 0 0; padding: 10px 0 0 0; border-right: 160px solid #f2f2f2; }
/* Lone H1 */
h1 { padding: 5px 10px; font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; font-size: 28px; padding-bottom: 10px; }
/* Lone Search Form */
#searchform { padding: 10px; }
/* Post */
#page_content .post { position: relative; margin: 10px 10px 0 10px; border: 3px solid #f2f2f2; -moz-border-radius:12px;-webkit-border-radius:12px; }
#page_content .newpost { position: relative; margin: 10px 10px 0 10px; border: 3px solid #f2f2f2; -moz-border-radius:12px;-webkit-border-radius:12px; width: 400px; height:181px; }
#page_content .aboutpost { position: relative; margin: 10px 10px 15px 10px; border: 3px solid #f2f2f2; -moz-border-radius:12px;-webkit-border-radius:12px; width: 400px; height:250px; }
#columntwo { float:right;}
#page_content .col2post { position: relative; margin: 10px 10px 15px 10px; border: 3px solid #f2f2f2; -moz-border-radius:12px;-webkit-border-radius:12px; width: 300px; height:250px; }
#page_content .aboutpost .imgleft { float: left; margin: 3px 10px 5px 0px; border: 3px solid #f2f2f2; -moz-border-radius:12px;-webkit-border-radius:12px; }
#page_content .post .details { padding: 5px 10px; background: #f7f7f7; font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 2px; }
#page_content .post .newdetails { padding: 5px 10px; background: #f7f7f7; font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 2px; }
#page_content .post .details .author { float: right; }
#page_content .post .postcontent { padding: 0 10px; }
#page_content .post .postcontent * { font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; color: #333; }
#page_content .post .postcontent a { color: #0090f2; }
#page_content .post a.title {font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; text-decoration: none; color: #333; }
#page_content .post a.newtitle {font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; text-decoration: none; color: #333; font-size:18px; }
#page_content .post a.title:hover { color: #000; }
#page_content .post h1 { padding: 5px 10px; font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; font-size: 28px; padding-bottom: 10px; }
#page_content .newpost h1 { padding: 5px 10px; font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; font-size: 18px; padding-bottom: 5px; }
#columntwo h1 { padding: 20px 15px 15px 15px; font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; font-size: 18px; padding-bottom: 5px; text-align:right; }
#page_content .post p { padding-bottom: 15px; line-height: 21px; font-size: 16px; text-align: justify; }
#page_content .newpost p { padding-bottom: 5px; line-height: 1.3em; font-size: 14px; text-align: justify; }
#page_content .post .metadata { position: relative; padding: 10px 100px 5px 10px; font-size: 11px; color: #999;
text-transform: uppercase; letter-spacing: 1px; }
#page_content .newpost .newmetadata { position: relative; padding: 10px 100px 5px 10px; font-size: 11px; color: #999;
text-transform: uppercase; letter-spacing: 1px; }
#page_content .post .metadata span.commentslink { position: absolute; top: 10px; right: 10px; }
#page_content .post .metadata a { text-decoration: none; color: inherit; }
/* ShareThis Button */
.stbutton { display: inline-block; margin-top: 15px; text-decoration: none; color: #999; font-size: 12px; }
.stbutton:hover { color: #000; }
/* Comic*/
#comic { position: relative; text-align: center; }
#comic .prevbutton a { position: absolute; top: 100px; left: 5px; width: 66px; height: 41px; padding: 27px 0 0 0; background: url(img/comicsprites.png) 0px 0px no-repeat; overflow: hidden; font-size: 10px; font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; text-align: center; text-shadow: #fff 0px 1px 0px; }
#comic .nextbutton a { position: absolute; top: 100px; right: 5px; width: 66px; height: 41px; padding: 27px 0 0 0; background: url(img/comicsprites.png) -66px 0px no-repeat; overflow: hidden; font-size: 10px; font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; text-align: center; text-shadow: #fff 0px 1px 0px; }
#comic .lastbutton a { position: absolute; bottom: 10px; right: 15px; width: 66px; height: 16px; padding: 6px 0 0 0; background: url(img/comicsprites.png) -66px -68px no-repeat; overflow: hidden; font-size: 10px; font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; text-align: center; text-shadow: #fff 0px 1px 0px; }
#comic .firstbutton a { position: absolute; bottom: 10px; left: 15px; width: 66px; height: 16px; padding: 6px 0 0 0; background: url(img/comicsprites.png) -3px -68px no-repeat; overflow: hidden; font-size: 10px; font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; text-align: center; text-shadow: #fff 0px 1px 0px; }
/* Comments */
#page_content .comments { margin: 10px 10px 0 10px; border: 3px solid #f2f2f2; -moz-border-radius:12px;-webkit-border-radius:12px; }
#page_content .comments .details { padding: 5px 10px; background: #f7f7f7; font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 2px; }
/* Comment */
#page_content .comment { margin: 10px 15px 5px 15px; border: 3px solid #fbd1e0; -moz-border-radius:6px;-webkit-border-radius:6px; }
#page_content .comment .details { padding: 5px 10px 0 10px; font-size: 11px; background: #fff; color: #999; text-transform: uppercase; letter-spacing: 2px; }
#page_content .comment .details .count { font-size: 10px; }
#page_content .comment .details .name { color: #333; font-weight: bold; }
#page_content .comment .details .name a { color: #333; }
#page_content .comment .details .date { letter-spacing: 1px; font-size: 10px; float: right; }
#page_content .comment .commentcontent { padding: 8px 10px 10px 10px; }
#page_content .comment .commentcontent * { font-family: Palatino, Baskerville, Georgia, "Times New Roman", serif; color: #444; }
#page_content .comment p { font-family: inherit; line-height: 21px; font-size: 16px; text-align: justify; }
/* Post Comment */
#page_content form.postcomment { position: relative; margin: 10px 0 0 0; padding: 20px; background: #f7f7f7; border-top: 1px solid #f2f2f2; }
#page_content form.postcomment h2 { margin: 0; padding: 0 0 10px 0; font-size: 20px; color: #3c2411; }
#page_content form.postcomment .loggedinuser { position: absolute; top: 15px; right: 15px; font-size: 10px; color: #999; }
#page_content form.postcomment .loggedinuser a { color: #333; }
#page_content form.postcomment label { display: block; margin: 10px 0; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #3c2411; }
#page_content form.postcomment label span.label { display: inline-block; width: 80px; text-align: right; }
#page_content form.postcomment label input { margin: 0 10px; padding: 3px 5px; width: 120px; background: #fff; border: 2px solid #ea83a9; -moz-border-radius:6px;-webkit-border-radius:6px; }
#page_content form.postcomment label span.note { font-size: 10px; color: #999; }
#page_content form.postcomment label textarea { vertical-align: top; margin: 0 10px; padding: 3px 5px; width: 400px; height: 120px; background: #fff; border: 2px solid #ea83a9; -moz-border-radius:6px;-webkit-border-radius:6px; }
#page_content form.postcomment #submit { display: block; margin: 10px auto 0 auto; padding: 5px 10px; width: 140px; background: #8dc0e1; border: 2px solid #305379; color: #003; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: #fff 0px 1px 0px; cursor: pointer; box-shadow: 0px 0px 4px #666; -moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; -moz-border-radius:6px;-webkit-border-radius:6px; }
#page_content form.postcomment #submit:hover { background: #b4dbf4; }
/* Title Link List */
div.titlelinklist { position: relative; padding: 15px 30px; font-size: 12px; }
div.titlelinklist a { display: block; width: 350px; padding: 5px; color: #666; text-decoration: none; border-top: 1px solid #d8d8d8; cursor: pointer; }
div.titlelinklist a:last-child { border-bottom: 1px solid #d8d8d8; }
div.titlelinklist a span.date { display: inline-block; width: 300px; font-weight: bold; color: #87b9db; }
div.titlelinklist a:hover { color: #000; background: #f7f7f7; }
div.titlelinklist a:hover span.date { color: #000; }
/* Page Nav */
.pagenav { height: 20px; margin: 0; padding: 10px 0 10px 20px; }
.pagenav div { float: left; }
.pagenav a { display: inline-block; margin: 0 10px 0 0; padding: 4px 12px; text-decoration: none; color: #333; background: #eee; border: 1px solid #666; }
/* Footer Text */
.footertext { padding: 10px 0 20px 0; font-size: 14px; color: #87b9db; text-align: center; }
.footertext a { color: #87b9db; text-decoration: underline; }
.footertext a:hover { color: #333; }
/* Legal Text */
.legal { padding: 0 0 20px 0; font-size: 11px; color: #333; text-align: center; }
/* Preferences */
.preference { display: inline-block; padding: 5px 10px; cursor: pointer; }
.preference:hover { color: #000; }
/* Side Bar */
#sidebar { position: absolute; top: 154px; right: 8px; width: 142px; }
/* Right Content Nav Box */
#sidebar ul > li > ul > li { display:block; margin: 0 5px; padding: 3px 0; color: #999; font-size: 10px; line-height: 11px; border-bottom: 1px solid #999; text-decoration: none; }
#sidebar ul > li > ul > li:last-child { border: none; }
#sidebar li.widget { margin: 0 0 10px 0; background: #fff; border: 1px solid #999; -moz-border-radius:6px;-webkit-border-radius:6px; }
#sidebar li.widget_text { margin: 0; background: none; border: none; }
#sidebar h2.widgettitle { margin: 0; padding: 5px 0px 5px 5px; font-size: 12px; font-weight: bold; color: #000; border-bottom: 1px solid #999; }
#sidebar a { color: #999; text-decoration: none; }
#sidebar a:hover { color: #000; }
#sidebar #searchform { position: absolute; top: -45px; right: 0px; white-space: nowrap; padding: 0; }
#sidebar #searchform input#s { display: inline-block; width: 110px; height: 20px; margin: 0 5px 0 0; padding: 0 5px; background: #fff; border: 1px solid #999; -moz-border-radius:3px;-webkit-border-radius:3px; box-shadow: 1px 1px 1px #ea83a8; -moz-box-shadow: 1px 1px 1px #ea83a8; -webkit-box-shadow: 1px 1px 1px #ea83a8; font-size: 11px; color: #333; }
#sidebar #searchform input#searchsubmit { display: inline-block; height: 22px; padding: 3px 5px; background: #87b9db; border: 1px solid #ea83a9; -moz-border-radius:3px;-webkit-border-radius:3px; box-shadow: 1px 1px 1px #ea83a9; -moz-box-shadow: 1px 1px 1px #ea83a8; -webkit-box-shadow: 1px 1px 1px #ea83a8; font-size: 11px; color: #333; cursor: pointer; }
#sidebar #searchform input#searchsubmit:hover { border: 1px solid #333; background: #ea83a9; }
/* Show Banner */
#showbanner { display: none; position: absolute; top: -280px; right: 0px; width: 154px; height: 240px; background: url(img/showbanner.png) no-repeat; text-align:center; }
#showbanner .nextshow_weekdaymonth { position: absolute; top: 34px; left: 10px; width: 134px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; }
#showbanner .nextshow_date { position: absolute; top: 66px; left: 10px; width: 134px; font-size: 24px; font-weight: bold; color: #333; text-transform: uppercase; text-align: center; text-shadow: #fff 0px 1px 0px; }
#showbanner .nextshow_location { position: absolute; top: 109px; left: 10px; width: 134px; font-size: 11px; font-weight: bold; color: #333; text-align: center; text-shadow: #fff 0px 1px 0px; }
#showbanner .showlist { position: absolute; top: 125px; left: 20px; width: 114px; font-weight: bold; font-size: 10px; color: #1f4567; }
#showbanner .showlist li { margin: 0; padding: 5px 0px 0px 0px; color: #1f4567; border: none; }
#showbanner .showlist span { float: right; }
.titleleft {
margin-left:20px;
}
.titleright {
margin-left:110px;
}
#homepage_previous {
text-align:center;
text-decoration:none;
padding:10px;
margin:10px;
height: 20px;
width:350px;
border:1px solid #333;
background-color:#cccccc;
}
#homepage_previous a {
text-decoration:none;
width:150px;
}
#homepage_previous a:hover {
text-decoration:underline;
}