/******************** 
 STYLE.css
 @author Anthony Macali
 @updated 05/09/2008
 ********************/

/******************** 
 GLOBAL
 ********************/

  body { margin:0; margin-bottom:10px; background:#FFF url(../images/bk.background.gif) top center repeat-x; font-size:12px; }
  .clear { clear:both; line-height:1px; }
  .center { text-align:center; }
  .left { float:left; }
  .right { float:right; }
  
  .right img { margin:0 0 8px 16px; }
  
  a { text-decoration:none; }
  a:hover { text-decoration:underline; }
  li { font-size:0.9em; }
  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; }

/******************** 
 CONTAINER
 ********************/
  #container { width:940px; 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; }
  
/******************** 
 LOGO
 ********************/
  #banner { }
  #banner #logo { height:100px; background:url(../images/lg.logo.gif) 784px bottom no-repeat; text-align:left; }
  #banner #logo a img { margin:20px 0 0 500px; }

/******************** 
 MENU
 ********************/
  #menu { }  
  #menu ul { height:21px; list-style:none; padding:0; margin:0; margin-left:2px; }
  
  #menu li { float:left; margin:0 1px; font:bold 0.9em Arial; line-height:20px; }
  #menu li a { display:block; color:#333; padding:0 6px; border:1px solid #CCC; border-bottom:0; background:url(../images/bk.gradient.gif) 0 -4px repeat-x; text-decoration:none; }
  #menu li a:hover { color:#FFF; background:none; border:1px solid #B5C1D6; border-bottom:0; text-decoration:none; }

/******************** 
 CONTENT
 ********************/
  #content { float:left; font-family:Arial; border-right:1px solid #CCC; padding-right:20px; min-height:600px; -height:600px; }

  #content img { margin-right:10px; }
  #content a { font-weight:bold; color:#333; }
  #content p { color:#333; line-height:1.4em; }
  #content li { font-size:1em; color:#333; line-height:1.4em; }
  #content .date { font-size:0.9em; margin:3px 0; color:#999; }
  #content h2 { color:#333; }
  
  #content .column { padding-bottom:12px; border-bottom:1px solid #CCC; }
  #content .column2 img { width:200px; height:125px; margin-bottom:6px; }
  #content .column2 a { font-size:1.5em; }
  #content .column2 p { margin:0; }
  
  #content .column3 { width:470px; float:left; margin-right:10px; padding:18px 10px 0 0; }
  #content .column3 img { width:96px; height:60px; }
  #content .column3 a { font-size:1.2em; }
  #content .column3 p { margin:0; font-size:0.9em; line-height:1.3em; }
  #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; }
  
  #content .column .preview { height:60px; overflow:hidden; margin-bottom:6px; }

/******************** 
 FOOTER
 ********************/
  #pane { text-align:right; }
  
  #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; }
  

/******************** 
 HEADERS
 ********************/
  .column, .column3, .column4 { background-position:right 3px; background-repeat:no-repeat; }
  
  .home { background-image:url(../images/headers/hd.home.gif); }
  .articles { background-image:url(../images/headers/hd.articles.gif); }
  .archive { background-image:url(../images/headers/hd.archive.gif); }
  .forums { background-image:url(../images/headers/hd.forums.gif); }
  .news { background-image:url(../images/headers/hd.news.gif); }
  .gamereports { background-image:url(../images/headers/hd.gamereports.gif); }
  .advertising { background-image:url(../images/headers/hd.advertising.gif); }
  .aboutus { background-image:url(../images/headers/hd.aboutus.gif); }
  .submit { background-image:url(../images/headers/hd.submit.gif); }
  .privacy { background-image:url(../images/headers/hd.privacy.gif); }
  .columnist { background-image:url(../images/headers/hd.columns.gif); }

/******************** 
 HEADERS
 ********************/

  #logostrip { display:none; }
  #ipbwrapper { margin-top:0; margin-bottom:0; }
  #ipbwrapper #footer { width:auto; }