#whosonline {

}

#whosonline img {
  border: 1px solid #777;
  margin: 4px 10px 0 0;

  box-shadow:         2px 2px 3px #111;
  -moz-box-shadow:    2px 2px 3px #111;
  -webkit-box-shadow: 2px 2px 3px #111;

  border-radius:         7px;
  -moz-border-radius:    7px;
  -webkit-border-radius: 7px;
}

#whosonline img:hover {
  border: 1px solid #E1E1E1;
}

.categoryname {
  color: #998457;
  position: absolute;
  top: 1px;
  right: 5px;
}

.categoryname:first-letter {
  color: #998457;
}

#sidecolumn {
  float: right;
  width: 30%;
  padding: 10px 0 0 20px;
}

#latestthreads {
  border: 1px solid #777;
  background: url(/images/blackpixel_25.png);

  border-radius:         0 0 7px 7px;
  -moz-border-radius:    0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
}

.latestthread {
  padding: 10px 14px 10px 14px;
}

.latestthread a, .latestthread a:visited {
  color: #BFBC9F;
  text-shadow: 2px 2px 2px #111;
}

.latestthread a:hover, .latestthread a:visited:hover {
  color: #FFF;
}

.latesttime {
  color: #686868;
  font-size: 0.9em;
  text-shadow: 2px 2px 2px #111;
}

/* FORUM SPECIFIC */
.forum {
  clear: both;
  padding: 6px 6px 6px 4px;

  /*border-bottom: 1px solid #777;*/
  height: 75px;

  border: 4px solid transparent;
  border-top: 4px solid #383838;
  background: #000;
}

.forumbanner {
  position: absolute;
  top: -4px;
  left: 10px;
}

.forumdescription {
  color: #666;
  font-size: 0.8em;
  margin: 6px 0 0 6px;
}

.forum:nth-child(3) {
}

.forum:nth-last-child(1) {
  border-bottom: 0;
  border-radius:         0 0 7px 7px;
  -moz-border-radius:    0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
}

.forum:hover {
  background: #000;
}

.forum .avatar {
  float: right;
  border: 1px solid #777;
  margin-top: 6px;

  border-radius:         7px;
  -moz-border-radius:    7px;
  -webkit-border-radius: 7px;
}

.forum .lastpost {
  float: right;
  text-align: right;
  font-size: 0.8em;
  color: #777;
  margin: 2px 15px 0 0;
  text-shadow: 1px 1px 2px #111;
}

.lastpost a, .lastpost a:visited {
  color: #AAA;
  text-decoration: underline;
}

.lastpost a:hover, .lastpost a:visited:hover {
  color: #FFF;
}

.forum .replycount {
  float: right;
  width: 7%;
  font-size: 1.5em;
  margin: 16px;
  font-family: 'Futura';
  text-shadow: 2px 2px 2px #111;
}

.forumlink:first-letter {
  color: #BFBC9F;
}

.forumlink, .forumlink:visited, .forumlink:hover, .forumlink:visited:hover {
  display: inline-block;
  padding: 8px 0 2px 32px;
  font-size: 1.8em;
  font-family: 'Futura', sans-serif;
  color: #FFF;
  text-decoration: none;
}

.forumlink:hover, .forumlink:visited:hover {
  text-decoration: underline;
}

#forumlist {
  display: inline-block;
  width: 69%;
  margin-top: 25px;
  border: 1px solid #777;
  background: #000;

  border: 0;
  background: none;

  border-radius:         0;
  -moz-border-radius:    0;
  -webkit-border-radius: 0;

  border: 0px solid transparent;
  border-top: 0px solid #998457;
}

#latestthreadsheader {
  font: 1.3em 'Futura', sans-serif;
  text-align: center;
  color: #E1E1E1;
  text-shadow: 1px 1px 2px #111;
  padding: 8px 6px  6px;
  border: 1px solid #777;
  border-bottom: 0;

  border-radius:         7px 7px 0 0;
  -moz-border-radius:    7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;

  background-color: #3d3525;
  background: -webkit-gradient(radial,center center,0,center center,460,from(#75674b),to(#3d3525));
  background: -webkit-radial-gradient(circle,#75674b,#3d3525);
  background: -moz-radial-gradient(circle,#75674b,#3d3525);
  background: -ms-radial-gradient(circle,#75674b,#3d3525);
}

#forumfooter {
  margin: 0 10px 35px;
}

#forumfooter a, #forumfooter a:visited {
  font: 1.25em 'Futura', sans-serif;
  color: #999;
  text-shadow: 2px 2px 2px #111;
}

#forumfooter a:hover, #forumfooter a:visited:hover {
  color: #E1E1E1;
}

#shoutdiv {
  overflow-wrap: break-word;
}

.shout {
  padding-left: 80px;
}

/* For long quotes on forumhome shout */
div.shout div.quotecontainer {
  display: none;
}

.whoavatarcontainer {
  float: left;
  width: 52px;
  height: 52px;
  overflow: hidden;
  margin: 0 15px 12px 0;
}

@-moz-document url-prefix() {
  .whoavatarcontainer {
    margin-right: 10px;
  }
}

.whoavatar {
  border: 1px solid #777;
  border-radius:         7px;
  -moz-border-radius:    7px;
  -webkit-border-radius: 7px;
}

div.contentheader {
  padding: 8px;
  color: #FFF;
}

div.contentheaderbg {
  position: relative;

  height: 22px;
  border: 1px solid #BBB;
  background-color: #6c250c;

  border-radius:         7px 7px 0 0;
  -moz-border-radius:    7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#361006), to(#872b0f));
  background: -webkit-linear-gradient(top, #872b0f, #361006);
  background: -webkit-linear-gradient(top, #872b0f, #361006);
  background: -moz-linear-gradient(top, #872b0f, #361006);
  background: -ms-linear-gradient(top, #872b0f, #361006);
  background: -o-linear-gradient(top, #872b0f, #361006);
}

div.contentheader {
  position: relative;
  top: -9px;

  box-shadow:         2px 0 2px #111, -2px 0 2px #111;
  -moz-box-shadow:    2px 0 2px #111, -2px 0 2px #111;
  -webkit-box-shadow: 2px 0 2px #111, -2px 0 2px #111;

  margin: 0 17px;

  background: #755813;
  border: 1px solid #BBB;
  height: 30px;

  border-radius:         7px 7px 0 0;
  -moz-border-radius:    7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;

  background-color: #000;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#333));
  background: -webkit-linear-gradient(top, #333, #000);
  background: -webkit-linear-gradient(top, #333, #000);
  background: -moz-linear-gradient(top, #333, #000);
  background: -ms-linear-gradient(top, #333, #000);
  background: -o-linear-gradient(top, #333, #000);
}

div.contentheader > div {
  display: block;
  position: absolute;
  top: -8px;
  left: 19px;
  right: 19px;
  height: 36px;
  overflow: hidden;

  box-shadow:         2px 0 2px #111, -2px 0 2px #111;
  -moz-box-shadow:    2px 0 2px #111, -2px 0 2px #111;
  -webkit-box-shadow: 2px 0 2px #111, -2px 0 2px #111;

  font-size: 1.3em;
  border: 1px solid #BBB;

  margin: 0;
  color: #FFF;
  text-shadow: 1px 1px 2px #5B4D31;

  border-radius:         7px 7px 0 0;
  -moz-border-radius:    7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;

  background-color: #998457;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#D2CEC5), to(#998457));
  background: -webkit-radial-gradient(circle, #D2CEC5, #998457);
  background: -moz-radial-gradient(circle, #D2CEC5, #998457);
  background: -ms-radial-gradient(circle, #D2CEC5, #998457);
}

.contentheadertext {
  padding-top: 3px;
  font: 1.2em 'Futura', sans-serif;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .contentheadertext {
    padding-top: 2px;
  }
}

@-moz-document url-prefix() {
  .contentheadertext {
    padding-top: 1px;
  }
}

/* not in use */
#forumlist hr {
  width: 90%;
  color: #383838;
}

@-moz-document url-prefix() {
  #sidecolumn {
    width: 28%;
  }

  #forumlist {
    width: 68%;
  }
}