html, body { 
    height: 100%;
    width: 100%;
}

body {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size:1.2em;
    width:100%;
    background:url('../images/background-bottom.jpg');
}

#header {
    background:black;
    padding-top:5px;
    padding-bottom:20px;
    text-align:left;
    width:100%;
    overflow:hidden;
}

#header a {
    display:block;
    float:left;
    margin-right:20px;
}

#header #subheader {
    color:white;
    font-size:0.85em;
    font-family: "Bembo", "Georgia", serif;
    padding-top:55px;
    display:block;
    width:230px;
    float:left;
}

#header #subheader a {
    font-size:1.0em;
    display:inline;
    float:none;
    margin:0;
}

#header #subheader a:after {
    content:url('../images/rss.png');
}

#series-rss {
    border:1px solid white;
    display:inline;
}

#content {
    width:100%;
    text-align:center;
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -20px;
}

.push {
    height:20px;
}

.wrap, .wrap800 {
    text-align:left;
    margin:0pt auto;
}
.wrap {
    width:1024px;
}
.wrap800 {
    width:800px;
}

#content-top {
    padding-top:30px;
    padding-bottom:30px;
    background:white;
    overflow:hidden;
    text-align:center;
}

#content-bottom {
    background:repeat-x url('../images/background-bottom-grad.jpg');

}

#content-bottom .wrap {
    width:800px;
}

body#two-column #stage {
    background:black repeat-y scroll 600px 0px url('../images/stage-background.png');
    width:100%;
    overflow:hidden;
}

#content-bottom #stage {
    background-color:black;
    color:#ACACAC;
    font-size:0.8em;
}

#content-bottom #stage .stage-left {
    width:550px;
    float:left;
    margin-right:60px;
}

.stage-right {
    width:160px;
    float:left;
}

#stage h2 {
    font-size:1.5em;
    color:white;
    margin-bottom:25px;
    border-bottom:1px solid white;
}

#stage {
    width:100%;
    overflow:hidden;
    line-height: 1.2em;
}

#commentform label { 
    display:block;
    float:left;
    width:100px;
    padding:3px;
    font-size:0.85em;
}

#commentform textarea, #commentform input {
    font-family: "Helvetica", "Arial", sans-serif;
    font-weight:normal;
    color:#CCCCCC;
    width:600px;
    font-size:0.85em;
    background:black;
    border:1px solid #333333;
}

#commentform p {
    margin-top:0.25em;
    clear:both;
}

#stage {
    padding:20px;
    padding-top:30px;
}

ul li {
    margin-bottom:0.5em;
}

#nav {
    width:100%;
    text-align:right;
    padding-top:20px;
    background:black;
    padding-bottom:10px;
    overflow:hidden;
}

div#nav div.wrap800 {
    text-align:right;
}

#site-nav {
}

#site-nav a {
    margin-left:20px;
}

#comic-nav {
    width:50%;
    overflow:hidden;
    float:left;
}

#comic-nav a {
    display:block;
    float:left;
    padding-left:5px;
    padding-right:5px;
}

#comic-nav h1 {
    color:white;
    font-size:1.5em;
    font-weight:normal;
    font-family: "Bembo", "Georgia", "Baskerville", serif;
    text-align:center;
    float:left;
    width:200px;
    padding-left:10px;
    padding-right:10px;
}

#footer {
    background:transparent repeat-x url('../images/footer-background.png');
    padding-top:20px;
    width:100%;
    height:20px;
}

#footer-body {
    width:100%;
    background:black;
}

#footer-body p {
    color: #ACACAC;
    font-size:0.7em;
    padding:20px;
}

ul.series-comics {
    width:100%;
    overflow:hidden;
}

ul.series-comics li {
    float:left;
    margin:8px;
}

a {
    color: #AAAAAA;
    font-weight:normal;
    text-decoration:none;
}

a:visited {
    color: #AAAAAA;
}

a:hover {
    color:white;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    border-bottom:1px solid white;
}
ul.series-comics li a img {
    border:2px solid black;
}
ul.series-comics li a:hover img {
    border:2px solid white;
}

.comic { 
    text-align:center;
}

.comic h1 {
}

.comic form label {
    clear:left;
    float:left;
    display:block;
    width:200px;
} 

ul.seriesnavigator {
    float:left;
}

ul.seriesnavigator.right {
}

ul.comments { 
    width:100%;
    clear:both;
    background:black;
}

li.comment {
    display:block;
    list-style:none;
    border-bottom:1px solid #333333;
    padding-top:15px;
    padding-bottom:20px;
}

li.comment p span.who {
    display:block;
    font-size:1.0em;
    text-decoration:underline;
}

.who:after {
    content:'...';
}

.submit {
    margin-left:106px;
}

#commentform p.submit input {
    width:auto !important;
    height:auto;
    padding:6px;
}

#commentform p.submit input:hover {    
    background:#212121;
    border:1px solid white;
}

#stage ul li p {
    color:#666666;
    font-size:0.8em;
    margin-left:10px;
}

.stage-left h2 {
    margin-top:17px;
    border:none;
}

.stage-left h3 {
    font-size:1.2em;
    color:white;
    margin: 7px 0px;
}

.stage-left p {
    text-indent: 1.5em;
}

.stage-left a {
    color:#CCCCCC;
    border-bottom:1px solid #666666;
}

.stage-left pre {
    background: #222;
    border:1px solid #333;
    overflow:hidden;
}

.stage-left code {
    font-family:monospace;
}

.stage-left ul {
    margin-left: 20px;
}

.stage-left ul li {
    margin: 5px 1.0em;
    list-style:disc;
}