body,
html {
  margin: 0 auto;
  background: #e0eff2;
  padding: 0;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
}
#newsheader {
  font-size: 24px;
  font-weight: bold;
}
.cc-publishtime {
  font-size: 10px;
  padding-bottom: 15px;
}
.cc-commentheader {
  font-size: 24px;
  font-weight: bold;
  padding-top: 25px;
}
a {
  color: #fff;
}
#top-space {
  position: relative;
  z-index: 60;
  background: #ccc;
  margin-left: 247px;
  margin-top: -232px;
  height: 92px;
  width: 730px;
  border: 1px solid black;
}
#wrapper {
  width: 1030px;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  background: url("/images/bgrepeat.png");
  z-index: 10;
  display: flex;
  flex-direction: column;
}
#headwrap {
  width: 991px;
  height: 232px;
  position: relative;
}
#header {
  width: 991px;
  height: 232px;
  position: relative;
  background: url("/images/header.png");
  display: block;
  z-index: 20;
}
#logo {
  width: 220px;
  position: absolute;
  height: 232px;
}
#menuwrap {
  position: relative;
  z-index: 25;
  width: 700px;
  height: 70px;
  margin-top: -25px;
  margin-left: 58px;
  background: none;
}
#menuwrap a {
  position: relative;
  line-height: 18px;
  font-size: 18px;
  padding: 26px 23px;
  display: block;
  float: left;
  text-decoration: none;
}
#comicarea {
  width: 1000px;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
}
.cc-nav {
  width: 222px;
  height: 42px;
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  float: right;
}
.cc-nav a {
  float: left;
  display: block;
  height: 42px;
}
.cc-first {
  width: 59px;
  background: url("/images/first.png");
}
.cc-prev {
  width: 53px;
  background: url("/images/prev.png");
}
.cc-next {
  width: 49px;
  background: url("/images/next.png");
}
.cc-last {
  width: 61px;
  background: url("/images/last.png");
}
.cc-first-dis {
  width: 112px;
  height: 42px;
  float: left;
}
#navtop {
  margin-top: -72px;
  z-index: 999;
  position: relative;
}
#hw-jumpbar {
  width: 705px;
  margin-left:58px;
}

.bottom-wrap {
	display: flex;
	margin-top: 25px;
	margin-left: 85px;
}

#leftside {
  width: 700px;
  min-height: 200px;
  float: left;
  margin-bottom: 30px;
}
#rightside {
  width: 223px;
  padding-left: 22px;
}
#hiveworks {
  width: 207px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 102px;
  display: block;
  background: url("/images/hiveworks.png");
}
#sociallinks {
  width: 199px;
  padding: 12px;
  border-radius: 0px 10px 10px 0px;
  background: #6898c7;
  height: 61px;
}
#sociallinks a {
  height: 61px;
  float: left;
  display: block;
}
#rsssocial {
  width: 62px;
  background: url("/images/rss.png");
}
#patreon {
  width: 70px;
  background: url("/images/patreon.png");
}
#twitter {
  width: 67px;
  background: url("/images/twitter.png");
}
#right-space {
  background: #ccc;
  height: 602px;
  width: 162px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid black;
}
#hw-privacy {
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
  width: 700px;
  margin-left: 82px;
}

#text-area {
	width: 700px;
}

#box-space {
	width:300px;
	height:250px;
	float:right;
	margin-right:0px;
}