@charset "utf-8";

body {
    background-color:#000;
    font-weight:normal;
    font-family:"Verdana", "Verdana", "Arial", "Helvetica", sans-serif;
    padding:0px;
    margin:0px;
    text-align:center;
}

a, div, img {
    border:none;
    padding:0px;
    margin:0px;
}

a {
    text-decoration:none;
}

.ads-top {
    height:90px;
    margin:10px;
    margin-top:20px;
}
.ads-top>div {
    margin-left:auto;
    margin-right:auto;
}

#header {
    background-color:#6470a0;
    border:3px solid #424a69;
    border-bottom:none;
    margin-top:25px;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    width:960px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#banner-box {
    width:960px;
    margin:auto;
    position:relative;
}

#banner {
    text-align:right;
    margin-right:10px;
}

#logo {
    position:absolute;
    top:-38px;
    left:-50px;
}

#logo div {
    position:absolute;
}

#logo-fish {
}

#logo-text {
    top:30px;
    left:110px;
}
#logo-classic {
    top:30px;
    left:110px;
}

.nav-box {
    background-color:#000;
    margin-left:10px;
    margin-right:10px;
    padding:3px;
}
#top-nav {
    margin-top:10px;
}
.navbar {
    background-color:#425a69;
    border:1px solid #6470a0;
    text-align:center;
    color:#fff;
}

#content {
    width:960px;
    padding:0px;
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background-color:#6470a0;
    border:3px solid #424a69;
    border-top:none;
    border-bottom:none;
    text-align:left;
}

.blank-canvas {
    background-color:#edebda;
    border:3px solid #cdcaa7;
    padding:0.5em;
    margin-left:10px;
    margin-right:10px;
    font-family:"Georgia", "Book Antiqua", "Bookman Old Style", "Times New Roman", sans-serif;
    text-align:left;
}

#comic-box {
    background-color:#edebda;
    border:3px solid #cdcaa7;
    width:700px;
    position:relative;
    text-align:center;
    margin-left:10px;
}

#comic {
    height:830px;
    width:650px;
    left:0px;
    text-align:center;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}

#comic-image {
    width:650px;
    height:800px;
    margin-left:auto;
    margin-right:auto;
}

#comic-nav {
    margin-top:10px;
}

#sidebar-box,
#lower-sidebar-box {
    border:3px solid black;
    position:absolute;
    top:0px;
    right:0px;
    text-align:center;
    width:220px;
    margin-right:10px;
}
#sidebar-box>div,
#lower-sidebar-box>div {
    background-color:#425a69;
    border:solid 1px #6470a0;
}
#sidebar {
    line-height:0px;
    height:828px;
    padding-top:20px;
    padding-bottom:20px;
}
#sidebar div {
    padding:0px;
    width:140px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

#bottom {
    background-color:#6470a0;
    border:3px solid #424a69;
    border-top:none;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:960px;
    padding-top:10px;
    padding-bottom:10px;
}
#bottom-nav {
}

#lower {
    text-align:left;
    margin-top:10px;
}

#notes-box {
    text-align:center;
    margin-left:10px;
    margin-right:10px;
    width:705px;
}
.note {
    text-align:left;
    background-color:#edebda;
    border:3px solid #cdcaa7;
    padding:20px 35px;
    margin-bottom:20px;
    font-family:"Georgia", "Book Antiqua", "Bookman Old Style", "Times New Roman", sans-serif;
}

.note-avatar {
    float:left;
    position:relative;
    margin-right:0.5em;
    margin-bottom:0.5em;
}

.note-meta {
    color:#663;
    margin-bottom:0.5em;
}
.note-meta h3 {
    font-weight:normal;
    font-size:1.25em;
    margin:0px;
    padding:0px;
}
.note-meta p {
    margin:0px;
    padding:0px;
    margin-top:0.5em;
    font-size:.75em;
}
.note-body {
    background-color:#fff;
    border:1px solid #cdcaa7;
    padding:0.5em;
    padding-bottom:1em;
    color:#666;
    font-size:0.8em;
    line-height:1.5;
    text-align:justify;
    clear:both;
}
.note-body .blockquote {
    margin-left:1em;
    margin-right:1em;
    border:1px solid #cdcaa7;
    padding:1em;
}

#lower-sidebar-box {
    position:absolute;
    float:right;
}

#lower-sidebar{
    height:640px;
}

.lower-ad-box {
    width:160px;
    height:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px
}

#footer {
    color:#edebda;
    font-size:0.65em;
    text-align:center;
    margin-top:10px;
    padding-bottom:20px;
}
#footer p {
    margin:5px;
}

.clear {
    clear:both;
}

.archive-section {
    padding:0.5em;
    margin:0px;
    display:inline-block;
    width:215px;
    vertical-align:top;
}
.archive-jump {
    position:absolute;
    right:12px;
    bottom:32px;
}

.reader-guide-heading {
    text-align:center;
    font-weight:bold;
    margin-top:2em;
}
.reader-guide-warning {
    text-align:center;
    font-style:italic;
}

.about-content-container {
    text-align:center;
    margin-bottom:30px;
}
.about-content-container img {
    margin-left:auto;
    margin-right:auto;
}