body {
  background: url("/images/bg.png") repeat-x #160e15;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
}
html {
  height: 100%;
}
a {
  color: #e49536;
  text-decoration: none;
}
#wrapper {
  width: 990px;
  background: #ffffff;
  margin: 0 auto;
  min-height: 100%;
}
#header {
  width: 890px;
  margin: 0 auto;
  height: 455px;
  background: url("/images/topbanner.png");
}
#logo {
  display: block;
  width: 600px;
  margin-left: 150px;
  height: 150px;
  float: left;
  margin-top: 170px;
}
#leaderboard {
  width: 728px;
  height: 90px;
  margin: 0 auto;
  clear: both;
  background: #ccc;
}
#menu {
  width: 531px;
  height: 46px;
  margin: 0 auto;
}
#menu a {
  float: left;
  display: block;
  height: 46px;
  margin-top: 3px;
}
#menu a:hover {
  background-position: 0px -56px;
}
#about {
  width: 109px;
  background: url("/images/about.png");
}
#archive {
  width: 135px;
  background: url("/images/archive.png");
}
#cast {
  width: 84px;
  background: url("/images/cast.png");
}
#links {
  width: 99px;
  background: url("/images/links.png");
}
#story {
  width: 104px;
  background: url("/images/story.png");
}
#comicwrap {
  width: 890px;
  margin: 0 auto;
  background: #fff;
}
#comicarea {
  width: 750px;
  margin-left: -20px;
  float: left;
}
.cc-nav {
  width: 452px;
  margin: 0 auto;
  clear: both;
  height: 40px;
  padding: 10px;
}
.cc-nav a {
  float: left;
  display: block;
  height: 40px;
}
.cc-nav a:hover {
  background-position: 0px -40px;
}
.cc-first-dis {
  float: left;
  display: block;
  height: 40px;
  width: 222px;
}
.cc-first {
  width: 108px;
  background: url("/images/first.png");
}
.cc-prev {
  width: 114px;
  background: url("/images/prev.png");
}
.cc-next {
  width: 116px;
  background: url("/images/next.png");
}
.cc-last {
  width: 114px;
  background: url("/images/last.png");
}
#rightbar {
  width: 177px;
  float: right;
  margin-right: -25px;
  margin-top: 76px;
}
#tower {
  width: 160px;
  height: 600px;
  background: #ccc;
  margin: 0 auto;
}
#patreon {
  width: 177px;
  height: 68px;
  display: block;
  background: url("/images/patreon.png");
  margin-top: 10px;
}
#rss {
  width: 100px;
  height: 100px;
  display: block;
  background: url("/images/rss.png");
  margin: 0 auto;
  margin-top: 10px;
}
#ibar {
  padding: 10px 30px;
  clear: both;
}
#jumptocomicimg,
#jumptocomicprev,
#jumptocomicnext {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='-1.0 0 0 0 1.0 -1.0 0 0 0 1.0 -1.0 0 0 0 1.0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: invert; /* IE6-9 */
  -webkit-filter: invert(100%); /* Chrome 19+ & Safari 6+ */
}
#bottom {
  width: 810px;
  padding: 40px;
  background: #fff;
  margin: 0 auto;
}
#hw-privacy {
  text-align: center;
  padding-bottom: 20px;
  clear: both;
}