body { background: white; color: black; margin: 0px; font-family: helvetica, arial, sans-serif; }

img { border: none; }

a:link { color: black; }
a:visited { color: #555; }
a:hover { color: #700; }

#banner a { font-weight: bold; text-decoration: none !important; color: black; }
#banner a:visited { color: black; text-decoration: none !important; }
#banner a:hover { color: black; text-shadow: white 0px 0px 2px; text-decoration: none !important;}
#banner a:link { color: black; text-decoration: none !important; }
#banner {
    height: 150px;
    margin: 0px 0px 1ex;
    padding: 1ex;
    background: #ff7;
    border-bottom: double black 3px;
}
#banner a#logo {
 display:block;
 background: url('layout/comiclogo.png');
 width:375px;
 height:150px;
}
#banner a#logo span { display: none; }
/* #banner span { clear: both; display: block; height: 1px; overflow: hidden; } */

#banner h1 { float: left; margin: 0px; padding: 0px; }

div { font-size: small; }

b.top *, b.bot *, div.content {
    border-style: none solid;
    border-width: 1px;
}

.top, .bot { display: block; }
.top b, .bot b { height: 1px; display: block; overflow: hidden; }
b.r1 { margin: 0px 5px; height: 1px; border: none; }
b.r2 { margin: 0px 3px; height: 1px; border-width: 2px; }
b.r3 { margin: 0px 2px; height: 1px; }
b.r4 { margin: 0px 1px; height: 2px; }
b.end { display: block; clear: both; }
div.content { padding: 0px 5px 1px; }

div.content h2 { margin: 0px -5px; padding: 0px 5px; font-size: large; font-weight: bold; }
div.content h3 { margin: 0px -5px; padding: 2px 5px 0px; font-size: medium; font-weight: bold; }

/*
.calendar { float: right; margin: 1ex; width: 10em; }
.calendar b.top b { border-color: #770; background: #770; }
.calendar b.bot b, .calendar .content {
    border-color: #770; background: #ff0;
}
.calendar h2 { color: white; text-shadow: #770 0px 0px 3px; background: #770; }
.calendar h2 a { color: white; }
.calendar b b.r1 { background: #770; }

.calendar table { border-collapse: collapse; border: solid black 1px; }
.calendar th { background: black; border: solid black 1px; color: white; font-weight: bold; text-shadow: #ff0 0px 0px 4px; }
.calendar td { background: white; color: black; border: solid black 1px; text-align: right; }
.calendar td.entry { background: #ff7; }
.calendar td.future { background: #eed; font-weight: bold; }
.calendar td.none { background: #ccc; }
*/

table.calendar { float: right; margin: 0px; font-size: small; padding: 0px; background: #ccc; }
table.calendar tbody { border: solid black 2px; }
table.calendar caption { margin: 0px; color: white; background: #770; font-size: large; font-weight: bold; text-align: left; padding: 4px 4px 0px;  border: solid black 1px; }
table.calendar caption a { color: white !important; }

table.calendar { border-collapse: collapse; border: solid black 1px; }
table.calendar th { background: black; border: solid black 1px; color: white; font-weight: bold; text-shadow: #ff0 0px 0px 4px; }
table.calendar td { background: white; color: black; border: solid black 1px; text-align: right; }
table.calendar td.entry { background: #ff7; }
table.calendar td.future { background: #eed; font-weight: bold; }
table.calendar td.none { background: #ccc; }
table.calendar td a { color: black; }

table.calendar caption a.archprev { font-size: small; color: #ccf !important; float: left; margin-right: 1ex; }
table.calendar caption a.archnext { font-size: small; color: #ccf !important; float: right; margin-left: 1ex; }

/* for column-ish view in archive index */
table.columns { width: 70%; margin-left: 15%; }
table.columns td { text-align: center; vertical-align: top; }
.about table.calendar { float: none; margin-bottom: 1em; margin-left: auto; margin-right: auto; } 

#newsbox { margin: 0px 16em 1ex 1ex; clear: left; }
#newsbox b.top b { border-color: #047; background: #047; }
#newsbox b.bot b, #newsbox .content {
    border-color: #047; background: #cef;
}
#newsbox b.end { clear: none; }
#newsbox h2 { background: #047; color: white; text-shadow: black 0px 0px 2px; }
#newsbox h3 { background: #77f; color: black; border-bottom: double #047 3px; border-top: solid #047 1px; }

#newsbox b b.r1 { background: #047; }
#newsbox .post { margin-bottom: 1ex; }

#newsbox b.top, #newsbox b.bot { width: 100%; }

#buffer { float: left; margin: 1ex; width: 6em; }
#buffer b.top b { border-color: #740; background: #704; }
#buffer b.bot b, #buffer .content {
    border-color: #407; background: #ecf;
}
#buffer h2 { background: #704; color: white; text-shadow: black 0px 0px 2px; }
#buffer h3 { background: #f77; color: black; border-bottom: double #704 3px; }

#buffer b b.r1 { background: #704; }

#stats { float: left; margin: 1ex; }
#stats b.top b { border-color: #740; background: #704; }
#stats b.bot b, #stats .content {
    border-color: #407; background: #ecf;
}
#stats h2 { background: #704; color: white; text-shadow: black 0px 0px 2px; }
#stats h3 { background: #f77; color: black; border-bottom: double #704 3px; }

#stats b b.r1 { background: #704; }

#stats ul { list-style-type: none; margin: 0px; padding: 0px; }
#stats li { padding-left: 1em; text-indent: -1em; }

#archive { margin-right: 15em; }

#links { float: right; margin: 0px 1ex 1ex; width: 14em; }
#links b.top b { border-color: #740; background: #407; }
#links b.bot b, #links .content {
    border-color: #407; background: white;
}
#links h2 { background: #407; color: white; text-shadow: black 0px 0px 2px; }
#links h3 { background: #77f; color: black; border-bottom: double #407 3px; }

#links b b.r1 { background: #407; }

#links ul { margin: 0px; padding: 0px; list-style-type: none; }
#links li { margin: 0px; padding: 0px; }
#links li a { display: block; text-decoration: none; font-weight: bold; }
#links li a:hover { color: white; background: black; }

#links ul ul { font-size: x-small; font-weight: normal; }
#links ul ul li a { padding-left: 2em; text-indent: -1em; }

.comic { margin: 1ex; text-align: center; clear: both; }
.comic .top { display: none; }
.comic .bot { display: none; }
.comic .content { border: none; background: transparent; }
.comic { margin-bottom: 1ex; }

.comic h2 { font-size: medium; text-align: center; font-weight: bold; font-style: italic; margin: 0px; padding: 0px;}
.comic h2 span.date { font-size: small; font-weight: normal; font-style: normal; }

.comic .recap { font-size: medium; background: #ff7; border: dotted black 1px; }
.comic .recap a { font-weight: bold; }

.news { margin: 1ex; }
.news b.top b { border-color: #047; background: #047; }
.news b.bot b, .news .content {
    border-color: #047; background: #cef;
}
.news h2 { background: #047; color: white; text-shadow: black 0px 0px 2px; }
.news h3 { background: #77f; color: black; border-bottom: double #047 3px; }

.news b b.r1 { background: #047; }
.news .commentlink, #newsbox .commentlink {
   float: right; 
  font-size: x-small;
}

div.about, div.recap { margin: 1ex 1ex 1em; clear: left; }
.about b.top b { border-color: #074; background: #074; }
.about b.bot b, .about .content  {
    border-color: #074; background: #cfe;
}
.about h2 { background: #074; color: white; text-shadow: black 0px 0px 2px; }
.about h3 { background: #7f7; color: black; border-bottom: double #074 3px; }

.about b b.r1 { background: #074; }

.about ul, div.recap ul { margin: 0em; padding: 1em; }
.about ul li, div.recap ul li { text-indent: -2em; padding-left: 2em; }
.about ul ul { margin: 0em; padding: 0em; }

div.recap b.top b { border-color: #704; background: #704; }
div.recap b.bot b, div.recap .content {
   color: black; border-color: #704; background: #eee;
}
div.recap h2 { background: #704; color: white; text-shadow: black 0px 0px 2px; }
div.recap .content h3 { background: #f77; color: black; border-bottom: double #704 3px; margin-bottom: 1ex;}
div.recap b b.r1 { background: #704; }

div.about div.commentlink, div.recap div.commentlink { float: right; }

li.archive-Recap { font-size:120%; background: #ff0; }

/*#comics { margin-right: 15em; }*/

.nav { clear: left; text-align: center; vertical-align: middle; margin: 1ex 0px; }
.nav img, .nav a img { border: none; vertical-align: middle; }

.comic img, .comic .transcribe img { border: none; }
.comic a img { border: dotted #ccc 1px; }

#links .powered { font-size: x-small; }
#links .powered a { display: inline; }

#stuff { float: left; margin-left: 1em; margin-right: 1em; }
#stuff ul { margin: 0px; padding: 0px; list-style-type: none; font-size: medium; border-bottom: solid black 1px; }
#stuff ul a {display: block; padding: 0.2em 0.4em; }
#stuff ul a:hover { background: black; color: white; }
#stuff li { background: #cfc; border: solid black 1px; border-bottom: none; }
#stuff ul li ul { display: none; }
#stuff ul li ul li { border: none; background: white; }
#stuff ul li:hover ul { display: block; position: absolute; font-size: small; border: solid black 1px; font-weight: normal; margin-left: 3em; margin-top: -1em;  }
#stuff ul li ul li a { font-weight: normal; padding: 0.1em; }
/*#stuff ul li ul li span { font-weight: bold; }*/
#stuff li.heading { padding: 0.2ex; border-bottom: solid black 1px; background: #ccf; font-weight: bold; font-size: 110%; }

#banner .topad { margin: 0px 1em; float: right; }
.topad .advertise { font-size: xx-small; text-align: center; }

.linkexchange {
  border: solid black 1px;
  background: white;
  padding: 2px;
  float: right;
}

.adbox-strip { margin: 0.1ex auto; padding: 0.1ex; text-align: center; border-bottom: solid black 3px; }


#links input[type="text"] { border: solid black 1px; width: 100%; }

.foot div { display: inline; margin: 0px 1ex; }

.foot { text-align: center; }
.foot a img, .commentlink a img { border: none; vertical-align: middle; }
.foot a, .commentlink a { text-decoration: none; font-weight: bold; }
/*
.transcribe .ohnorobot { background: url(layout/transcript-icon.png); margin-right: 1px; }
*/
.transcript .ohnorobot { display: block; }

.commentlink img { margin-right: 3px; }

.comic .extra { margin: 1ex 5em; padding: 1ex; background: #cfc; border: solid black 1px; text-align: left; }
/*.about .extra { border: none; background: transparent; margin: 0px; padding: 0px; }*/

.transcribe .transcript { visibility: hidden; position: absolute; }
/*  .transcribe:hover .transcript {
 position: absolute;
 margin-top: 1em;
 visibility: visible;
 background: #ccc;
 border: solid black 1px;
 z-index: 20;
}  */
.transcript div.panel { border: dashed #777 1px; margin: 4px; padding: 2px 4px; background: white; }
.transcript div { display: block; text-align: left; }
.transcript .line { margin: 2px 2em; text-indent: -2em; }
.transcript .line:first-word { font-weight: bold; }

.comments .transcript {
 background: #ccc;
 border: solid black 1px;
}
.comments h2 { clear: both; }

.about blockquote { margin-left: 2em; padding: 1ex; background: white; border: solid black 1px; }


.newsad { margin: 1em; float: left; }

.comments b.top b { border-color: #740; background: #704; }
.comments b.bot b, .comments .content {
    border-color: #407; background: #ecf;
}
.comments h2 { background: #704; color: white; text-shadow: black 0px 0px 2px; }
.comments h3 { background: #f77; color: black; border-bottom: double #704 3px; }

.comments b b.r1 { background: #704; }

.comments a { text-decoration: underline; font-weight: inherit; }

.comments {
        margin: 1em;
text-align: left;
background: white;
        font-size: 110%;
}

.comments .date {
float: right;
}

.comments .post {
clear: both;
margin: 0px;
border-top: solid black 2px;
border-left: solid black 1px;
border-right: solid black 1px;
        background: #dfd;
}

.comments .post .phpBBuser-1 { background: #ddd; }
.comments .post .phpBBuser2 { background: #edd url('/blog/layout/plaid-edd.png') fixed; }
.comments .post .phpBBuser2 .body { background: #ffe; }

.comments .post .who {
float: left;
width: 10em;
padding: 0.5ex;
}

.comments .who .author a { font-weight: bold; color: black; }

.comments .post .actions { clear: left; margin: 1ex 1ex 0px 0px; }
.comments .post .actions a {border: solid black 1px; text-decoration: none; font-size: 80%; font-weight: bold; background: #ffe; padding: 1px; margin-left: 4px; }

.comments .post .who img.avatar { display: block; border: none; margin: 8px auto;}

.comments .post .subject {
        margin-left: 10em;
        background: #eef;
        color: black;
padding: 3px;
        border-left: dotted black 1px;
}

.comments .post .body {
background: white;
padding: 1ex;
        margin-left: 10em;
        border-top: solid black 1px;
        border-left: solid black 1px;
}

.comments blockquote[cite] {
        border-left: solid red 2px;
        margin-left: 2em;
        padding-left: 1em;
}

.comments .expand { clear: both; }

.comments .footer {
         border: solid black 1px;
         border-top: solid black 2px;
         padding: 1ex;
         background: white;
}

.comments .footer .powered {
        font-size: x-small; 
}

.comments a.pid { text-decoration: none; border: solid black 1px; padding: 2px; font-size: x-small; background: white; }