body {
  margin: 0;
  margin-bottom: 10px;
  background-color: #0168b0;
  font-size: 12px; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

li {
  font-size: 1.0em; }

img {
  border: 0; }

h1 {
  display: none;
  text-indent: -5000px; }

h2 {
  margin: 0;
  font-size: 1.5em; }

h3 {
  margin: 0;
  font-size: 1.2em; }

p {
  margin: 8px 0; }

.clear {
  clear: both;
  line-height: 1px; }

.center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }
  .right img {
    margin: 0px 0px 8px 16px; }

#container {
  width: 960px;
  margin: auto; }

#menu, #banner {
  width: 980px;
  margin: auto; }

#content {
  width: 780px; }

#footer {
  width: 780px; }

#container {
  border: 1px solid #B5C1D6;
  border-top: none;
  background-color: #FFF;
  padding: 20px;
  padding-bottom: 10px; }

#banner {
  padding-top: 20px;
  padding-bottom: 10px; }

#menu {
  font-size: 18px;
  width: 1000px;
  background: #FFF url(/images/site/bk.gradient.gif) repeat-x bottom left; }

#nav {
  margin: 0;
  padding: 0; }
  #nav li {
    list-style: none;
    float: left; }
    #nav li a {
      display: block;
      padding: 8px 10px;
      background-color: #5e8ce9;
      background: #FFF url(/images/site/bk.gradient.gif) repeat-x bottom left;
      text-decoration: none;
      font-family: Helvetica, Arial;
      color: #333;
      font-weight: bold; }
  #nav li ul {
    display: none;
    width: 10em;
    background-color: #69f; }
  #nav li ul li {
    margin-top: -1px; }
  #nav li:hover ul, #nav li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
  #nav li:hover li, #nav li.hover li {
    float: none; }
  #nav li:hover a {
    background: #69f;
    color: #FFF; }
  #nav li:hover li a, #nav li.hover li a {
    background: #69f;
    color: #000; }
  #nav li li a:hover {
    color: #FFF;
    background: #8db3ff; }

#content {
  float: left;
  font-family: Arial;
  border-right: 1px solid #CCC;
  padding-right: 20px;
  min-height: 600px; }
  #content .title {
    margin: 20px auto;
    text-align: center; }
    #content .title img {
      float: none; }
  #content img {
    margin-right: 10px;
    float: left; }
    #content img.article_logo {
      float: right;
      margin: 0 !important;
      padding: 0 !important;
      padding-left: 10px !important;
      border: 0 !important;
      outline: none !important;
      height: 16px !important;
      width: 50px !important; }
  #content a {
    font-weight: bold;
    color: #333; }
  #content a.more {
    color: #00F;
    font-size: 12px !important; }
  #content p {
    color: #333;
    line-height: 1.4em;
    text-align: justify; }
  #content li {
    font-size: 1em;
    color: #333;
    line-height: 1.4em; }
  #content h2 {
    color: #333; }
  #content .date {
    font-size: 0.9em;
    margin: 3px 0;
    color: #999; }
  #content .column {
    padding-bottom: 12px;
    border-bottom: 1px solid #CCC; }
    #content .column .preview {
      overflow: hidden;
      margin-bottom: 10px; }
  #content .column2 img {
    width: 200px;
    height: 125px;
    margin-bottom: 6px;
    padding-right: 10px; }
    #content .column2 img.article_logo {
      float: right;
      margin: 0;
      padding: 0;
      padding-left: 10px;
      border: 0;
      outline: none;
      height: 16px;
      width: 50px; }
  #content .column2 a {
    font-size: 1.5em; }
  #content .column2 p {
    margin: 0; }
  #content .column3 {
    width: 470px;
    float: left;
    margin-right: 10px;
    padding: 25px 10px 0 0; }
    #content .column3 a {
      font-size: 1.2em; }
    #content .column3 p {
      margin: 0;
      font-size: 0.9em;
      line-height: 1.3em;
      margin-left: 105px; }
    #content .column3 p.date {
      font-size: 0.9em;
      margin: 2px 0; }
  #content .column4 {
    padding-top: 12px; }
    #content .column4 table {
      border-collapse: collapse; }
    #content .column4 td a {
      font-size: 0.9em; }
    #content .column4 td.date {
      font-size: 0.8em;
      margin: 0;
      width: 54px; }

.column, .column3, .column4 {
  background-position: right 3px;
  background-repeat: no-repeat; }

.home {
  background-image: url('/images/site/headers/hd.home.gif'); }

.articles {
  background-image: url('/images/site/headers/hd.articles.gif'); }

.archive {
  background-image: url('/images/site/headers/hd.archive.gif'); }

.forums {
  background-image: url('/images/site/headers/hd.forums.gif'); }

.news {
  background-image: url('/images/site/headers/hd.news.gif'); }

.gamereports {
  background-image: url('/images/site/headers/hd.gamereports.gif'); }

.advertising {
  background-image: url('/images/site/headers/hd.advertising.gif'); }

.aboutus {
  background-image: url('/images/site/headers/hd.aboutus.gif'); }

.submit {
  background-image: url('/images/site/headers/hd.submit.gif'); }

.privacy {
  background-image: url('/images/site/headers/hd.privacy.gif'); }

.columnist {
  background-image: url('/images/site/headers/hd.columns.gif'); }

#pane {
  text-align: left;
  margin-left: 820px; }
  #pane ul {
    margin: 0;
    padding: 0;
    padding: 10px 0px; }
    #pane ul li {
      list-style: none;
      padding: 2px 0px; }

#footer {
  padding-top: 6px;
  text-align: center;
  font-weight: bold;
  font-family: Arial; }
  #footer img {
    margin-bottom: 8px; }
  #footer a {
    color: #999;
    text-decoration: none; }
  #footer a:hover {
    text-decoration: underline; }
  #footer p {
    margin: 0;
    padding: 0;
    color: #999;
    line-height: 1.2em;
    font-size: 0.8em; }