/* fonts */
@font-face {
  font-family: "Andada";
  src: url("/andada/Andada-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Andada";
  src: url("/andada/Andada-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Andada";
  src: url("/andada/Andada-BoldItalic.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Andada";
  src: url("/andada/Andada-Italic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

body {
  background: #23000f;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
}
#pagewrap {
  background: #140108;
  width: 100%;
}
a {
  text-decoration: none;
  color: #e77d66;
}
#headercontainer {
  width: 100%;
  height: 136px;
  background: url("/images/headbg.jpg");
}
#header {
  width: 1006px;
  margin: 0 auto;
  background: url("/images/header.png");
  height: 134px;
}
#leaderboard {
  width: 728px;
  height: 90px;
  background: #ccc;
  float: left;
  margin-left: 10px;
  margin-top: 8px;
}
#logo {
  display: block;
  float: left;
  width: 231px;
  height: 134px;
  margin-left: 26px;
  margin-top: 5px;
}
#menu {
  float: left;
  margin-left: 10px;
  font-family: "Andada";
  font-weight: bold;
  font-size: 1.2em;
  display: flex;
  padding: 8px 0 0 0;
  justify-content: space-between;
  width: 728px;
  height: 20px;
}
#menu a {
  float: left;
  display: block;
  height: 36px;
}
.crossbar {
  width: 100%;
  background: url("/images/topbarbg.jpg");
  height: 32px;
}
.cc-nav {
  width: 471px;
  margin: 0 auto;
  height: 31px;
}
.cc-nav a {
  float: left;
  display: block;
  height: 31px;
}
.cc-first {
  width: 98px;
  background: url("/images/first.jpg");
}
.cc-prev {
  width: 89px;
  background: url("/images/prev.jpg");
}
.cc-navaux {
  width: 98px;
  background: url("/images/archive.jpg");
}
.cc-next {
  width: 91px;
  background: url("/images/next.jpg");
}
.cc-last {
  width: 95px;
  background: url("/images/last.jpg");
}
#cc-comicbody {
  width: 100%;
  text-align: center;
}
#comicbody img {
  padding: 5px;
  background: #23000e;
}
#blogcontainer {
  background: #23000e;
  width: 100%;
}
#blog {
  width: 1108px;
  margin: 0 auto;
  background: #ecd9a2;
}
#blogtop {
  width: 1108px;
  height: 281px;
  background: url("/images/blogtop.png");
}
#hiveworks {
  width: 231px;
  height: 96px;
  background: url("/images/hiveworks.png");
  display: block;
  float: left;
  margin-top: -5px;
  margin-left: 10px;
}
#bookmarks {
  width: 281px;
  margin: 0 auto;
  height: 20px;
}
#bookmarks a {
  float: left;
  display: block;
}
#setbookmark {
  width: 134px;
  height: 20px;
  background: url("/images/setbookmark.png");
}
#loadbookmark {
  width: 146px;
  height: 20px;
  background: url("/images/loadbookmark.png");
}
#hw-jumpbar {
  float: left;
  width: 600px;
  margin-left:15px;
  margin-top: 23px;
  letter-spacing:0px
}
#social {
  width: 121px;
  margin-top: -51px;
  float: left;
  margin-left: 10px;
}
#socialtop {
  width: 121px;
  height: 30px;
  background: url("/images/follow.jpg");
  margin: 0 auto;
}
#social a {
  float: left;
  display: block;
  height: 47px;
}
#socialbox {
  width: 138px;
  margin: 0 auto;
  margin-top: 13px;
}
#twitter {
  width: 45px;
  background: url("/images/twitter.png");
}
#tumblr {
  width: 48px;
  background: url("/images/tumblr.png");
}
#rssbutton {
  width: 45px;
  background: url("/images/rss.png");
}
#deviantart {
  width: 48px;
  background: url("/images/deviantart.png");
}
#facebook {
  width: 45px;
  background: url("/images/facebook.png");
}
#instagram {
  width: 45px;
  background: url("/images/instagram.png");
}
#blogmid {
  margin-top: -150px;
}
#leftsidebar {
  margin-left: -890px;
  width: 300px;
  float: left;
}
h1,
h2,
h3,
.cc-commentheader,
.cc-publishtime {
  font-family: "Palatino Linotype", "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}
.cc-commentheader,
.cc-publishtime {
  text-align: center;
  color: #e77d66;
}
.cc-publishtime {
  margin-top: 20px;
}
#box {
  background: #ccc;
  width: 300px;
  height: 250px;
}
#blogbottom {
  width: 1108px;
  height: 30px;
  background: url("/images/blogbottom.jpg");
}
#picks {
  width: 300px;
  text-align: center;
  color: #e77d66;
}
#journal {
  width: 570px;
  margin-left: 330px;
  float: left;
}
#newstop {
  width: 564px;
  height: 149px;
  background: url("/images/newstop.png");
  margin: 0 auto;
  margin-top: -25px;
}
#rightsidebar {
  margin-right: 10px;
  width: 180px;
  float: right;
  margin-top: -15px;
}
.pageheader {
  background: #23000f;
  color: #52806e;
  width: 170px;
  height: 21px;
  margin: 0 auto;
  letter-spacing: 2px;
  padding: 5px;
  text-align: center;
  font-size: 16px;
}
#pagecontent {
  width: 850px;
  background: #23000f;
  padding: 30px;
  margin: 0 auto;
  color: #fff;
}
#recent {
  width: 180px;
  text-align: center;
  color: #e77d66;
  margin-top: -15px;
}
#tower {
  width: 160px;
  margin: 0 auto;
  height: 600px;
  background: #ccc;
}
#footer {
  width: 100%;
  text-align: center;
  background: url("/images/footer.jpg");
  height: 30px;
}
.cc-navspace1 {
  float: left;
  width: 187px;
  height: 31px;
}
#storelinks {
  height: 136px;
  clear: both;
  width: 300px;
  margin-top: -15px;
}
#storelinks a {
  display: block;
  float: left;
  height: 126px;
}
#patreon {
  width: 154px;
  background: url("/images/patreon.png");
}
#shop {
  width: 146px;
  background: url("/images/shop.png");
}
#hw-privacy {
  padding-bottom: 30px;
  text-align: center;
}