html, body {
  margin: 0;
  width: 100%;
}

body {
  background-image: linear-gradient(bottom, rgb(111,111,111) 36%, rgb(46,46,46) 68%);
  background-image: -o-linear-gradient(bottom, rgb(111,111,111) 36%, rgb(46,46,46) 68%);
  background-image: -moz-linear-gradient(bottom, rgb(111,111,111) 36%, rgb(46,46,46) 68%);
  background-image: -webkit-linear-gradient(bottom, rgb(111,111,111) 36%, rgb(46,46,46) 68%);
  background-image: -ms-linear-gradient(bottom, rgb(111,111,111) 36%, rgb(46,46,46) 68%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.36, rgb(111,111,111)),
    color-stop(0.68, rgb(46,46,46))
  );

  font-family: Lucida Grande, Helvetica, sans-serif;
  font-size: 0.8em;
}

#main {
  width: 800px;
  height: 995px;
  background-color: white;
  margin: 0 auto;
  border-left: 4px solid #222;
  border-right: 4px solid #222;
  position: relative;
  overflow: hidden;
}

#sky {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/images/backg.jpg");
  width: 800px;
  height: 817px;
}

#sky2 {
  position: absolute;
  top: 0;
  left: 800px;
  background-image: url("/images/backg.jpg");
  width: 800px;
  height: 817px;
}

#airship {
  position: absolute;
  top: 0;
  left: -200px;
  background-image: url("/images/airship.png");
  width: 200px;
  height: 159px;
}

#city {
  position: absolute;
  top: 603px;
  left: 0;
  background-image: url("/images/city.png");
  width: 100%;
  height: 392px;
}

#building {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/images/building.png");
  width: 100%;
  height: 100%;
}

#topbar {
  position: absolute;
  top: 276px;
  left: 142px;
}

#content {
  position: absolute;
  top: 312px;
  left: 182px;
  width: 440px;
}

#topbar #bullets {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/images/bullets.png");
  width: 513px;
  height: 39px;
}

#topbar a {
  display: block;
}

#home_link {
  position: absolute;
  top: 140px;
  left: 160px;
  display: block;
  width: 160px;
  height: 100px;
}

#tree {
  position: absolute;
  top: 886px;
  left: 500px;
  background-image: url("/images/tree.png");
  width: 169px;
  height: 109px;
}

/*
 TOPBAR LINKS
*/

#topbar #comic_link {
  position: absolute;
  top: 0;
  left: 10px;
  background-image: url("/images/comic.png");
  width: 75px;
  height: 39px;
}

#topbar #comic_link:hover {
  background-image: url("/images/comic_rolled.png");
  left: 12px;
}

#topbar #games_link {
  position: absolute;
  top: 0;
  left: 95px;
  background-image: url("/images/games.png");
  width: 80px;
  height: 39px;
}

#topbar #games_link:hover {
  background-image: url("/images/games_rolled.png");
}

#topbar #news_link {
  position: absolute;
  top: 0;
  left: 192px;
  background-image: url("/images/news.png");
  width: 65px;
  height: 39px;
}

#topbar #news_link:hover {
  background-image: url("/images/news_rolled.png");
  left: 193px;
}

#topbar #team_link {
  position: absolute;
  top: 0;
  left: 272px;
  background-image: url("/images/team.png");
  width: 63px;
  height: 39px;
}

#topbar #team_link:hover {
  background-image: url("/images/team_rolled.png");
  left: 274px;
}

#topbar #media_link {
  position: absolute;
  top: 0;
  left: 353px;
  background-image: url("/images/media.png");
  width: 76px;
  height: 39px;
}

#topbar #media_link:hover {
  background-image: url("/images/media_rolled.png");
}

#topbar #store_link {
  position: absolute;
  top: 0;
  left: 445px;
  background-image: url("/images/store.png");
  width: 62px;
  height: 39px;
}

#topbar #store_link:hover {
  background-image: url("/images/store_rolled.png");
  left: 444px;
}

#content h2 {
  text-align: center;
  margin: 0;
  margin-bottom: -10px;
}

.avatar {
  width: 40px;
  height: 40px;
}

.post h3 {
  float: left
}

.post .author {
  float: right
}

.post .author .meta {
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  font-size: 0.8em;
}

.post .author .avatar {
  float: right;
}

.post .content {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}

.large_avatar {
  width: 80px;
  height: 80px;
  float: right;
  margin-top: -10px;
}

.game, .member, .screenshots, .music {
  margin-bottom: 20px;
}

#left_arrows, #right_arrows {
  position: absolute;
  top: 480px;
}

#left_arrows {
  left: -40px;
}

#left_arrows .first img {
  position: absolute;
}

#left_arrows .back img {
  position: absolute;
}

#right_arrows .forward img {
  position: absolute;
}

#right_arrows .last img {
  position: absolute;
}