@charset "UTF-8";
@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  body {
    background-color: #fff;
    padding: 0 0 1em 0;
  }
  .site-box {
    background: url("../../images/header-bg.gif") left top repeat-x;
  }
  .site-out {
    background: url("../../images/header-bg.jpg") right top no-repeat;
  }
  
  .adbox-top { min-width: 960px; }

  .page_margins { margin: 0 auto; }

  .page_margins { width: auto;  min-width: 960px; max-width: 90em; }
  .page { padding: 0 1.5em; }
  
  #header {
    height: 94px;
    z-index: 2000;
  }

  #header h1 {
    margin: 0 0 0 0;
    padding: 0;
    height: 75px;
    width: 400px;
    background: url("../../images/header-logo.gif") 0 15px no-repeat;
  }

  #header h1 a {
    float: left;
    width: 330px;
    height: 70px;
   }

  #header h1 a span {
    visibility: hidden; display: none;
  }

  #nav { overflow:hidden; }

  .top-nav {
      position: absolute;
      top: 47px;
      left: 340px;
      list-style: none;
      margin: 0; padding: 0;
  }
  .top-nav li {
      list-style: none;
      margin: 0; padding: 0;
      display: inline;
  }
  .top-nav li a {
      float: left;
      margin: 0 5px 0 0;
      padding: 0 0 0 20px;
      height: 20px;
      font-family: "trebuchet ms", arial, helvetica, sans-serif;
      font-size: 1em;
  }
  .nav-news a { background: url("../../images/icon-nav-news.gif") 0 3px no-repeat; }
  .nav-news a:hover, .current-news a {
      background: url("../../images/icon-nav-news-hover.gif") 0 3px no-repeat;
      color: #f90 !important;
  }
  .nav-articles a { background: url("../../images/icon-nav-articles.gif") 0 3px no-repeat; }
  .nav-articles a:hover, .current-articles a {
      background: url("../../images/icon-nav-articles-hover.gif") 0 3px no-repeat;
      color: #f90 !important;
  }
  .nav-forum a { background: url("../../images/icon-nav-forum.gif") 0 3px no-repeat; }
  .nav-forum a:hover {
      background: url("../../images/icon-nav-forum-hover.gif") 0 3px no-repeat;
      color: #f90 !important;
  }
  .nav-fb a { background: url("../../images/icon-nav-fb.gif") 0 3px no-repeat; }
  .nav-fb a:hover, .current-search a {
      background: url("../../images/icon-nav-fb-hover.gif") 0 3px no-repeat;
      color: #f90 !important;
  }
  .nav-search a { background: url("../../images/icon-nav-search.gif") 0 3px no-repeat; }
  .nav-search a:hover, .current-search a {
      background: url("../../images/icon-nav-search-hover.gif") 0 3px no-repeat;
      color: #f90 !important;
  }

  .top-auth {
      position: absolute;
      top: 47px;
      right: 40px;
      list-style: none;
      margin: 0; padding: 0;
  }
  .top-auth li {
      list-style: none;
      margin: 0; padding: 0;
      display: inline;
  }
  .top-auth li a {
      float: left;
      margin: 0 5px 0 0;
      padding: 0 0 0 20px;
      height: 20px;
      background: url("../../images/icon-auth.gif") 0 3px no-repeat;
      font-family: "trebuchet ms", arial, helvetica, sans-serif;
      font-size: 1em;
  }
  .top-auth li a:hover {
      background: url("../../images/icon-auth-hover.gif") 0 3px no-repeat;
  }

  #main { margin: 0; }
  .inner #main { margin-top: 10px; }
  #teaser {
      clear: both;
      padding: 0 0 0.5em 0;
      margin: 2em 0;
      border-bottom: 1px solid #ddd;
      background: url("../../images/teaser-bg.gif") left bottom repeat-x;
      z-index: 100;
  }
  #tags {
      padding: 1.5em;
      border-top: 1px #ddd solid;
      background: url("../../images/footer-bg.gif") left top repeat-x;
  }
  
  #alpha-index {
      padding: 1.5em;
      border-top: 1px #ddd solid;
      background: url("../../images/footer-bg.gif") left top repeat-x;
      text-align: center;
  }
 
  #footer {
      padding: 1.5em;
      border-top: 1px #ddd solid;
      background: url("../../images/footer-bg.gif") left top repeat-x;
  }

  .footer-logo {
      float: left;
      width: 200px;
      height: 50px;
  }
  .copyright {
      float: right;
      width: 190px;
      height: 50px;
      font-size: 0.9em;
      color: #999;
  }
  .footer-menu a {
      margin-right: 10px;
      font-size: 0.9em;
      line-height: 2em;
      text-decoration: none;
  }
  .disclaimer { font-size: 0.9em; padding: 0.8em 0 0 200px; color: #999; }

  /*-------------------------------------------------------------------------*/

  #col1 { float: right; width: 250px; z-index:1;}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 250px 0 0}
  #col1_content { padding: 0 1.5em 0 1.5em }
  #col3_content { padding: 0 1.5em 0 0 }
  .inner #col3_content, .inner #col1_content { padding-top: 1.5em; }
  .inner #col3_content { padding-right: 2em; }

  #col3 { border-right: 1px #ddd solid }

  /*-------------------------------------------------------------------------*/
}
