* {
  margin: 0;
  padding: 0;
}

body {
  background: #499ab8;
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
}

#wrapper {
  margin: 1em auto;
  position: relative;
  width: 1000px;
}

.content,
.foot-content {
  margin: 1em 0;
  overflow: auto;
  text-align: center;
  background: white;
  overflow: auto;
}

.back {
  background: url(../img/bodyback.gif) repeat-y top left;
  border: 0;
  overflow: hidden;
}

.back,
.noback {
  margin: 0 0;
}

.noback {
  border: 1px solid black;
}

.foot-content {
  clear: both;
  border: 1px solid black;
}

.top-content {
}

.comic-content,
.rating-content {
  border-top: 1px solid black;
}

.comic-content {
  float: left;
  width: 782px;
  overflow: auto;
  padding-bottom: 1em;
}

.rating-content {
  float: right;
  width: 200px;
  margin-bottom: 1em;
}

.sidebar-outer {
  background: #499ab8;
  padding-bottom: 1em;
  float: right;
  width: 200px;
}

.rating-inner {
  background: white;
  border: 1px solid black;
  font-size: 0.82em;
}

.rating-inner img {
  margin: 5px;
}

.side-top {
  float: right;
  width: 200px;
  overflow: hidden;
  background: #499ab8 url(../img/sideback.gif) no-repeat top left;
  padding-bottom: 1em;
}

#head,
#comic-head {
  height:55px;
  margin: 5px 0;
  position: relative;
}

#comic-head {
  width: 700px;
  margin: 0 auto;
}

h1 {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 65px;
  width: 155px;
  z-index: 1000;
  overflow: hidden;
}

h1 a.logo {
  z-index: 1500;
  display: block;
  height: 55px;
  width: 155px;
  line-height: 55px;
  text-indent: -9999px;
  text-decoration: none;
  background: white url(../img/logo.gif) no-repeat top left;
}

h1 a.dos {
  display:block;
  width:155px;
  height:10px;
  line-height:10px;
  font-size: 10px;
  text-align:center;
}

a img {
  border: 0px solid black;
}

h2 {
  font-size: 1.25em;
  font-weight: bold;
  padding: 0.25em 0 0;
}

h3 {
  font-size: 1em;
  font-weight: normal;
}

ul#nav {
  list-style: none outside;
  margin: 1em auto;
  width: 30em;
  height: 1.5em;
}

ul#nav li {
  display: block;
  width: 5em;
  float: left;
  background: #495d80;
  border: 1px solid black;
  margin-right: 0.5em;
}

form input.submit {
  width: 5em;
  background: #495d80;
  border: 1px solid black;
  color: white;
  font-variant: small-caps;
}

ul#nav li a {
  color: white;
  text-decoration: none;
  display: block;
}

dt {
  text-decoration: underline;
  margin: 1em;
}

dd {
  border-bottom: 1px solid #aaa;
  margin-bottom: 1em;
}

ul {
  list-style: none outside;
}

li {
}

img {
  margin: 1em;
}

div.rating div {
  background-color: transparent;
  background-image: url(../img/stars.gif);
  background-repeat: no-repeat;
  border: 0px solid green;
  height: 16px;
  width: 100%;
  text-align: left;
  color: white;
  font-size: 1px;
}

div.rating p,
div.rating label {
  margin: 2px 0 4px;
  font-size: 0.82em;
}

div.rating div.r0  { background-position: center top; }
div.rating div.r1  { background-position: center -16px; }
div.rating div.r2  { background-position: center -32px; }
div.rating div.r3  { background-position: center -48px; }
div.rating div.r4  { background-position: center -64px; }
div.rating div.r5  { background-position: center -80px; }
div.rating div.r6  { background-position: center -96px; }
div.rating div.r7  { background-position: center -112px; }
div.rating div.r8  { background-position: center -128px; }
div.rating div.r9  { background-position: center -144px; }
div.rating div.r10 { background-position: center -160px; }

div.rating form {
  margin: 1em 0;
}

div.rating form fieldset {
  border: 0;
}

div.rating form input,
div.rating form select {
  font-variant: small-caps;
}

div.rating form.comment fieldset {
}

div.rating form.comment label {
  display: block;
  width: 90%;
  text-align: left;
  padding-left: 5%;
}

div.rating form.comment input.text,
div.rating form.comment textarea {
  width: 90%;
  display: block;
  margin: 0 auto 1em;
}

div.rating form.comment textarea {
  height: 5em;
}

div.rating form select {
  width: 90%;
  margin: 0 auto;
}

div.rating form.comment input.submit {
  clear: both;
}

p.foot {
  padding: 0em 1em;
  font-size: 0.7em;
}

ul.footnav {
  list-style: none outside;
  margin: 1em;
}

ul.footnav li {
  border-right: 1px solid black;
  display: inline;
  padding-right: 0.5em;
  margin-left: 0.5em;
}

ul.footnav li.last {
  border-right: 0px solid black;
}

#authornames { width:30%; float:left; border-right:1px solid black; }
#authorcomics { width:69%; float:right; }
#authornames ul { list-style: none inside; height:25em; overflow:auto; }
#authornames li { padding: 0.5em; }
#authornames li a { color: black; text-decoration:none; display:block; text-align:right; outline:none; }
#authornames li.selected { background:black; color:white; }
#authornames li.selected a { color:white; }

.btc {
    position:absolute;
    left:714px;
    top:10px;
    width:58px;
    padding-top:64px;
    font-size:0.5em;
    color:#555;
    background:url(/img/btc.gif) no-repeat top left;
}

#queue fieldset {
    margin: 1em 2em;
}

#queue fieldset input {
    width: 15em;
}