#ad-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url("images/soonishbg.webp");
  z-index: 200;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
img {
  max-width: 100%;
}
#ad-wrap {
  width: 700px;
  max-width: 95%;
  background: #fff;
  z-index: 300;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  position: relative;
}
#ad-close {
  position: absolute;
  right: 7px;
  color: #666;
  font-size: 1.7em;
}
#ad-click {
  padding: 30px;
  display: block;
}
#ad-click img {
  max-width: 100%;
}
#cc-coverup {
  font-size: 10px !important;
}
#permalink {
  width: 696px;
  background: #516a92;
  height: 16px;
  padding: 2px;
  margin: 0 auto;
  display: flex;
}
#permalink label {
  font-size: 12px;
  font-variant: small-caps;
  color: #fff;
  padding-right: 5px;
}
#permalink input {
  border: 0;
  height: 16px;
  padding: 0;
  flex-grow: 1;
}
#mobilepermalink {
  width: 100%;
  height: 14vw;
  border: 0;
}
body {
  margin: 0;
  padding: 0;
  background: #d4dff1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#comicleft a img {
  max-width: 100%;
}
#buythisimg {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
a {
  color: #516a92;
}
.cc-publishtime {
  font-size: 16px;
  font-weight: bold;
}
#wrapper {
  margin: 0 auto;
  width: 1200px;
  padding-top: 15px;
}
#header {
  width: 1200px;
  height: 200px;
  background: url("images/header.webp");
  position: relative;
}
#menu {
  width: 700px;
  height: 60px;
  top: 120px;
  position: absolute;
}
#logo {
  width: 420px;
  height: 120px;
  position: absolute;
}
#menu a {
  position: static;
  float: left;
  display: block;
  height: 60px;
}
#boardleader, #top-space {
  padding: 10px;
  border-radius: 10px;
  background: #2c4266;
  right: 10px;
  top: 10px;
  width: 728px;
  height: 90px;
  position: absolute;
}

#patreon {
  right: 0px;
  width: 450px;
  top: 125px;
  height: 75px;
  position: absolute;
}
#archive {
  width: 155px;
}
#forum {
  width: 120px;
}
#store {
  width: 140px;
}
#facebook {
  width: 205px;
}
#rss {
  width: 120px;
}
#mainwrap {
  width: 1095px;
  background: #fff;
  padding: 20px;
  margin: 0 auto;
  border-top: 15px solid #f89b69;
  border-bottom: 15px solid #f89b69;
}
#comicleft {
  float: left;
  width: 725px;
}
.cc-nav {
  height: 79px;
  width: 678px;
  margin-bottom: 15px;
  clear: both;
  position: relative;
}
#navtop {
  margin: 0 auto;
  width: 678px;
}
#navbottom {
  width: 678px;
  position: relative;
  margin: 0 auto;
  height: 94px;
}
.cc-nav a {
  height: 79px;
  float: left;
  display: block;
}
#aftercomic {
  position: absolute;
  z-index: 50;
  right: 0px;
  top: 70px;
}
.cc-first {
  width: 102px;
  background: url("images/first.webp");
}
.cc-prev {
  width: 79px;
  background: url("images/prev.webp");
}
.cc-next {
  width: 76px;
  background: url("images/next.webp");
}
.cc-last {
  width: 101px;
  background: url("images/last.webp");
}
.cc-navspace2 {
  float: left;
  height: 79px;
  width: 177px;
}
.cc-navspace1 {
  float: left;
  height: 79px;
  width: 181px;
}
.cc-navaux {
  width: 218px;
  background: url("images/random.webp");
}
#cc-comicbody {
  width: 725px;
  margin-bottom: 15px;
  text-align: center;
}
#hw-jumpbar {
  max-width: 700px;
  margin: 0 auto;
}
#sharebar {
  width: 700px;
  height: 95px;
  background: url("images/sharebar.webp");
  margin: 0 auto;
  margin-top: 15px;
}
#sharebaricons {
  height: 85px;
  margin-top: 5px;
  margin-left: 180px;
  float: left;
}
#sharebar a {
  height: 85px;
  float: left;
  display: block;
}
#facebookshare {
  width: 103px;
  background: url("images/facebook.webp");
}
#pinterestshare {
  width: 81px;
  background: url("images/pinterest.webp");
}
#redditshare {
  width: 96px;
  background: url("images/reddit.webp");
}
#stumbleuponshare {
  width: 115px;
  background: url("images/stumbleupon.webp");
}
#twittershare {
  width: 101px;
  background: url("images/twitter.webp");
}
#blogheader {
  clear: both;
  width: 186px;
  height: 106px;
  margin: 20px 10px;
  background: url("images/blog.webp");
}
#blogarea {
  width: 700px;
  margin: 0 auto;
}
#comicright {
  width: 360px;
  float: right;
}
#boxad1 {
  width: 300px;
  min-height: 250px;
  background-color: transparent;
  margin: 0 auto;
}
#linkarea {
  margin-top: 15px;
  clear: both;
}
#linkarealeft {
  width: 170px;
  float: left;
}
#linkarearight {
  width: 180px;
  float: right;
}
#weinerworks {
  width: 170px;
  height: 69px;
  background: url("images/weinerworks.webp");
  display: block;
}
#linkarea {
  font-weight: bold;
  color: #516a92;
  text-align: center;
  font-size: 14px;
}
#linkarea a {
  text-decoration: none;
}
#sociallinks {
  width: 130px;
  margin: 0 auto;
  margin-top: 10px;
  height: 61px;
  background: url("images/social.webp");
  clear: both;
}
#sociallinks a {
  width: 65px;
  height: 69px;
  float: left;
  display: block;
}
#appearances {
  width: 180px;
  height: 69px;
  background: url("images/appearances.webp");
}
#contact {
  width: 180px;
  height: 69px;
  background: url("images/contact.webp");
}
#hiveworks {
  width: 339px;
  height: 174px;
  background: url("images/hiveworks.png");
  display: block;
  margin: 0 auto;
}
#boxad2 {
  width: 300px;
  height: 250px;
  background: #ccc;
  margin: 0 auto;
  margin-top: 15px;
}
#newinstoreheader {
  width: 356px;
  height: 67px;
  background: url("images/newstore.webp");
  margin: 0 auto;
  margin-top: 20px;
}
#newinstore {
  padding: 10px;
  width: 300px;
  margin: 0 auto;
  background: #2c4266;
  text-align: center;
}
#hobbits {
  width: 320px;
  height: 600px;
  margin: 0 auto;
  margin-top: 20px;
  background: #ccc;
}
#footer {
  width: 1176px;
  height: 85px;
  margin: 0 auto;
  background: url("images/footer.webp");
}
#footer a {
  display: block;
  float: left;
  height: 85px;
}
#footerarchive {
  margin-left: 20px;
  width: 150px;
}
#footerforum {
  width: 120px;
}
#footerstore {
  width: 120px;
}
#footerfacebook {
  width: 195px;
}
#footerrss {
  width: 100px;
}
#privacy {
  width: 170px;
  margin-left: 220px;
}
.tower {
  width: 160px;
  height: 600px;
  float: left;
}
.desktophide {
  display: none !important;
}
#mobilemenu {
  display: none;
}
#mobilefooter {
  display: none;
}
#mobfacebook {
  display: none;
}
#mobtwitter {
  display: none;
}
#mobtumblr {
  display: none;
}

#buythisimg {
  width: 480px;
}
#extracomic {
  width: 102px;
  background: url("images/button.webp");
  position: relative;
  left: 590px;
  top: -90px;
  height: 79px;
  display: block;
}
@media only screen and (max-width: 800px) and (orientation: portrait) {
  #soonishad {
    width: 90vw;
    height: 90vw;
    border: 2vw solid white;
    top: 3vw;
    left: 3vw;
    background-size: 90vw 90vw;
  }
  #soonishtext {
    left: 47vw;
    font-size: 2.1vw;
    top: 23vw;
    width: 42.5vw;
  }
  #soonishx {
    width: 7vw;
    height: 7vw;
    background-size: 7vw 7vw;
    top: -4vw;
    right: -4vw;
  }
  #soonishlink1 {
    width: 90vw;
    height: 23vw;
  }
  #soonlishlink2 {
    width: 42vw;
    height: 67vw;
    top: 23vw;
  }
}
@media only screen and (max-height: 800px) and (orientation: landscape) {
  #soonishad {
    width: 90vh;
    height: 90vh;
    border: 2vh solid white;
    top: 3vh;
    left: calc(50% - 48vh);
    background-size: 90vh 90vh;
  }
  #soonishtext {
    left: 47vh;
    font-size: 2.1vh;
    top: 23vh;
    width: 42.5vh;
  }
  #soonishx {
    width: 7vh;
    height: 7vh;
    background-size: 7vh 7vh;
    top: -4vh;
    right: -4vh;
  }
  #soonishlink1 {
    width: 90vh;
    height: 23vh;
  }
  #soonlishlink2 {
    width: 42vh;
    height: 67vh;
    top: 23vh;
  }
}
@media only screen and (min-width: 800px) and (min-device-width: 800px) {
  #navtop .cc-nav,
  #navtop {
    width: 578px;
  }
}
@media only screen and (max-width: 480px) and (max-device-width: 480px) {
  .cc-nav,
  #navbottom,
  #navtop {
    height: 45px;
  }
  #buythisimg {
    width: 240px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) and (min-device-width: 481px) and (max-device-width: 800px) {
  .cc-nav,
  #navbottom,
  #navtop {
    height: 80px;
  }
  #buythisimg {
    width: 240px;
  }
}

@media only screen and (max-width: 800px) and (max-device-width: 800px) {
  #buythisimg {
    width: 240px;
  }

  body {
    background: #d4dff1;
  }
  .cc-navspace2 {
    width: 0px;
  }
  #buttonwidth {
    width: 85%;
  }
  #mobfacebook {
    width: 12.875%;
    float: left;
    display: block;
    position: relative !important;
  }
  #mobfacebook img {
    max-width: 100%;
    height: auto;
  }
  #mobtwitter {
    width: 11.625%;
    float: left;
    display: block;
    position: relative !important;
  }
  #mobtwitter img {
    max-width: 100%;
    height: auto;
  }
  #mobtumblr {
    width: 14.375%;
    float: left;
    display: block;
    position: relative !important;
  }
  #mobtumblr img {
    max-width: 100%;
    height: auto;
  }
  #mobaftercomic {
    position: static;
    width: 100%;
    display: block;
    text-align: center;
  }
  #mobaftercomic img {
    max-width: 100%;
    height: auto;
  }
  .mobilehide {
    display: none !important;
  }
  #sharemob a img {
    max-width: 100%;
    height: auto;
  }
  #sharemob a {
    float: left;
    display: block;
  }
  #extracomic {
    width: 16.875% !important;
    background: none;
    left: 0px !important;
    top: 0px !important;
  }
  #facebookshare {
    width: 13.75%;
    background: none;
  }
  #pinterestshare {
    width: 10.375%;
    background: none;
  }
  #share {
    width: 19.5%;
    float: left;
  }
  #stumbleuponshare {
    width: 14.375% !important;
    background: none;
  }
  #redditshare {
    width: 12.375%;
    background: none;
  }
  #twittershare {
    width: 12.75%;
    background: none;
  }
  #mobilemenu {
    display: block;
    background: #2c4266;
    width: 100%;
  }
  #mobhiveworks {
    width: 41%;
    float: left;
    display: block;
  }
  #mobpatreon {
    width: 59%;
    float: left;
    display: block;
  }
  #mobilemenu img {
    max-width: 100%;
    height: auto;
  }
  #mobilefooter {
    width: 100%;
    background: #d4dff1;
  }
  #mobilefooter img {
    max-width: 100%;
    height: auto;
  }
  #mobilefooter a {
    float: left;
    display: block;
  }
  #mobcopyright {
    float: right;
    width: 26%;
  }
  #mobweinerworks {
    width: 25.375%;
  }
  #mobcontact {
    width: 20.875%;
  }
  #mobarchive {
    width: 34%;
    float: left;
    display: block;
  }
  #mobstore {
    width: 34.25%;
    float: left;
    display: block;
  }
  #mobforum {
    width: 31.75%;
    float: left;
    display: block;
  }
  #logo img {
    width: 100%;
    height: auto;
  }
  .desktophide {
    display: block !important;
  }
  .desktophide div { height: auto !important; }
  #wrapper {
    width: 100%;
    background: #d4dff1;
    margin-top: 0px;
  }
  #header {
    width: 100%;
    background: #2c4266;
    height: auto;
  }
  #logo {
    width: 61.125%;
    float: left;
    height: auto;
    position: relative !important;
  }
  .cc-nav {
    margin-top: 10px;
  }
  #navtop,
  #navbottom {
    width: 100%;
  }
  .cc-nav {
    width: 85%;
  }
  #navtop .cc-nav,
  #navbottom .cc-nav {
    margin: 0 auto;
  }
  #cc-comicbody {
    width: 100%;
  }
  #mobsocial {
    width: 39%;
    display: block;
    float: right;
    position: relative !important;
  }
  #mobad1 {
    display: block;
    width: 320px;
    min-height: 50px;
    margin: 0 auto;
    clear: both;
    position: relative !important;
    max-width: 100%;
  }
  #mobad2 {
    display: block;
    width: 300px;
    min-height: 250px;
    margin: 0 auto;
    clear: both;
    position: relative !important;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #mobsocial img {
    width: 100%;
  }
  #leaderboard {
    display: none;
  }
  #mainwrap {
    border: none;
    width: 100%;
    padding: 0px;
  }
  #cc-comicbody img {
    max-width: 100%;
    height: auto;
  }
  #share img {
    max-width: 100%;
    height: auto;
  }
  #comicleft {
    width: 100%;
  }
  .cc-nav a {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .cc-navspace1 {
    width: 31.43%;
  }
  .cc-first {
    width: 17.71%;
  }
  .cc-prev {
    width: 13.72%;
  }
  .cc-navaux {
    width: 37.85%;
  }
  .cc-next {
    width: 13.19%;
  }
  .cc-last {
    width: 17.53%;
  }
  #mobheaderclr {
    clear: both;
    height: 10px;
    width: 100%;
    position: relative !important;
  }

  #ibar {
    display: none;
  }
  #sharemob {
    width: 100%;
    height: auto;
    clear: both;
  }
  #pagecontent {
    width: 90%;
    margin: 0 auto;
  }
}

#midleader {
  text-align: center;
}
.right-space{
  padding: 20px 0;
  text-align:center;
}