html, body { height: 100%; }

body {
  background: #000000;
  font: normal 11px Arial;
  color: #E6C8C7;
  padding: 0;
  margin: 0;
}

.bb_h1 {
    font-size: x-large;
}

a {
  color: #ff4900;
  text-decoration: none;
  font-weight: bold;
  display: inline-flex;
  gap: 4px;
}

.bb_link::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 11px;
  background-image: url('../site_images/link_external.png');
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  bottom: 2px;
  right: 2px;
}

p {
  font-size: initial;
}

.bb_paragraph {
  min-height: 1px;
  font-size: initial;
}

#background {
  width: 1200px;
  background: url(../site_images/background.png) no-repeat center top;
  padding: 0;
  margin: 0 auto;
}

#header {
  position: relative;
  width: 762px;
  height: 300px;
  padding: 0;
  margin: 0 auto;
}

#wrapper {
  position: relative;
  width: 754px;
  padding: 0;
  margin: 40px auto 0 auto;
}

.external {
  background: url(../site_images/link_external.png) no-repeat right top;
  padding: 0 14px 0 0 !important;
}

.heading {
  display: block;
  width: 100%;
  font: bold 12px Arial Black;
  color: #661814;
  text-transform: uppercase;
  border-bottom: 1px solid #661814;
  padding: 0 0 2px 0;
  margin: 0 0 15px 0;
}


/* HEADER */

#menuLeft {
  position: absolute;
  top: 82px;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

#menuLeft li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0 20px 0 0;
}

#menuRight {
  position: absolute;
  top: 82px;
  right: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

#menuRight li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0 0 0 20px;
}

#menuLeft .hover, #menuRight .hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  z-index: 10;
  display: none;
}
#news .hover { width: 57px; background: url(../site_images/menu/news_hover.png) no-repeat left top; }
#about .hover { width: 65px; background: url(../site_images/menu/about_hover.png) no-repeat left top; }
#press .hover { width: 62px; background: url(../site_images/menu/press_hover.png) no-repeat left top; }
#team .hover { width: 55px; background: url(../site_images/menu/team_hover.png) no-repeat left top; }
#media .hover { width: 62px; background: url(../site_images/menu/media_hover.png) no-repeat left top; }
#forums .hover { width: 77px; background: url(../site_images/menu/forums_hover.png) no-repeat left top; }

#download {
  position: absolute;
  top: 151px;
  right: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#download li {
  height: 49px;
  padding: 0;
  margin: 0 0 5px 0;
}


/* CONTENT */

#content {
  position: relative;
  padding: 0;
  margin: 0;
}

#footer {
  position: relative;
  width: 754px;
  text-align: center;
  padding: 60px 0 40px 0;
  margin: 0;
  clear: both;
}


/* TEAM PAGE */

#developers {
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}

#developers ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

#developers li {
  float: left;
  width: 255px;
  padding: 0;
  margin: 0 0 10px 0;
}

#developers ul h2 {
  font: bold 16px Arial;
  color: #9D7D7D;
  padding: 0;
  margin: 0;
}

#developers p {
  font: normal 10px Arial;
  color: #9D7D7D;
  padding: 0;
  margin: 0;
}

#developers a {
  background: url(../site_images/link_header.png) no-repeat right top;
  color: #9D7D7D;
  text-decoration: none;
  padding: 0 14px 0 0;
}
#developers a:hover { color: #661814; }

#contributors {
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 30px 0 0 0;
}

#contributors ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

#contributors li {
  float: left;
  width: 170px;
  font: normal 11px Arial;
  padding: 0;
  margin: 0 0 5px 0;
}

#playtesters {
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 30px 0 0 0;
}

#playtesters ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

#playtesters li {
  float: left;
  width: 170px;
  font: normal 11px Arial;
  padding: 0;
  margin: 0 0 5px 0;
}

#contributors a, #playtesters a {
  color: #9D7D7D;
  text-decoration: none;
}
#contributors a:hover, #playtesters a:hover { color: #661814; }