body { margin: 0; padding: 0; background: #fffbdb url("images/bg_comic.gif") bottom left no-repeat fixed; color: #000; font: 12px sans-serif; line-height: 1.1em; }

a:link, a:visited { color: #ba6114; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: underline; }

#river { display: inline-block; white-space: nowrap; min-width: 100%; margin: 0; padding: 0; background: #fffcf6;  }
#constant { position: absolute; margin: 10px 10px 0 70px; }

a[rel] { display: inline-block; vertical-align: text-top; }
a[rel] img { border: 0; }
a[rel="prev"] { margin-left: 20px; }
a[rel="next"] { margin-right: 20px; }

.day { display: inline-block; vertical-align: text-top; }

.transcript { display: none; }

.extras { position: absolute; display: none; width: 330px;  -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; padding: 10px; background: #fffcf6; white-space: normal; }
.extras form { width: 308px; margin: 1em 0 0; border: 1px solid #000; padding: 10px; }
.extras form label { display: block; font-weight: bold; }
.extras form input { width: 308px; margin-bottom: .5em; border: 1px solid #000; }
.extras form input[type="submit"] { background: #000; color: #fff; }
.extras form textarea { width: 100%; height: 75px; margin-bottom: .5em; border: 1px solid #000; }
.extras h3 { margin-top: 0; }
.extras h4 { margin-top: 0; }
.extras li p:first-child { margin: 0; font-weight: bold; }
.extras li p:first-child + p { margin-top: 0; }
.extras p { margin-left: 1em; }
.extras ul { list-style-type: none; margin-left: 0; padding-left: 0; }

.footer { position: relative; width: 326px; height: 15px; margin-top: -22px; padding: 0 12px; line-height: 15px; font-size: 11px; }
.footer a:link, .footer a:visited { color: #000; }
.footer a:hover, .footer a:active { color: #ba6114; }
.footer a.comments, .footer a.permalink { margin-right: 1em; }
.footer img { margin-right: .5em; border: 0; vertical-align: top; }