/* The Body and Wrapper */
 *{margin: 0; padding: 0;}
 body{font-size: 62.5%;background: #041202 url(images/greentechback.jpg); background-attachment: fixed; background-repeat: repeat-x; background-position: top center; line-height: 14pt;}
 #wrapper{width: 960px; margin: 0 auto;}
 #whiteWrapper{background-color: #FFFFFF;}
 
/* The Header */
 #header{background: url(images/global/headBackground.png) repeat-x top left; height: 50px; margin-top: 40px;}
  #header h1{background: url(images/global/logo.png) no-repeat top left; width: 114px; height: 154px; text-indent: -9999px; color: transparent; float: left; position: absolute; top: 10px; margin-left: 30px;}
   #header h1 a{display: block; width: 114px; height: 154px;}
  #header ul{float: right; list-style: none; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-right: 25px; margin-top: 14px;}
   #header ul li{float: left; margin: 0 15px;}
   #header ul a{color: #FFFFFF; text-decoration: none; padding-left: 20px;}
   #header ul a:hover{background: url(images/global/arrow.png) no-repeat 2px 1px;}
 #mainBanner{border: 0;}

/* Headings */
 h2{text-indent: -9999px; color: transparent;}
 #homeWelcome{background: url(images/headings/homeWelcome.png) no-repeat top left; width: 400px; height: 40px;}
 #homeBlog{background: url(images/headings/homeBlog.png) no-repeat top left; width: 400px; height: 40px;}
 #homeForums{background: url(images/headings/homeForums.png) no-repeat top left; width: 300px; height: 30px;}
 #homeLatest{background: url(images/headings/homeLatest.png) no-repeat top left; width: 300px; height: 30px;}
 #gamesLatest{background: url(images/headings/gamesLatest.png) no-repeat top left; width: 400px; height: 55px;}
 #gamesPopular{background: url(images/headings/gamesPopular.png) no-repeat top left; width: 400px; height: 55px; clear: left;}
 #gamesClassic{background: url(images/headings/gamesClassic.png) no-repeat top left; width: 400px; height: 55px; clear: left;}
 #gameScreenshots{background: url(images/headings/gameScreenshots2.png) no-repeat top left; width: 300px; height: 30px;}
 #gameScreenshots{background: url(images/headings/gameScreenshots.png) no-repeat top left; width: 300px; height: 30px;}
 #gameVideo{background: url(images/headings/gameVideo.png) no-repeat top left; width: 300px; height: 30px;}
 #similarGames{background: url(images/headings/similarGames.png) no-repeat top left; width: 300px; height: 30px;}
 #downloadNow{background: url(images/headings/downloadNow.png) no-repeat top left; width: 450px; height: 65px;}
 #soundtrack{background: url(images/headings/soundtrack.png) no-repeat top left; width: 400px; height: 40px;}
 #editable{background: url(images/headings/editable.png) no-repeat top left; width: 400px; height: 40px;}

/* The Homepage */
 #homeLeft{margin: 20px 340px 20px 20px;}
  #homeLeft #intro{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; margin-bottom: 20px;}
  #homeLeft #intro p{margin: 1.1em 0;}
 #homeRight{float: right; width: 300px; margin: 20px 20px 0 0;}


/* The Lastest Game */
 #latest{margin-bottom: 20px;}
 #latest span{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em;}
 #latest img{margin-top: 10px;}
 #latest a{color: #598ec3; text-decoration: none;}
  #latest a:hover{text-decoration: underline;}

/* Latest Forum Posts */
 #forums{margin-bottom: 20px;}
  #forums span{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em;}
  #forums ul{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; margin: 5px 10px 0 25px;}
  #forums a{color: #598ec3; text-decoration: none;}
  #forums a:hover{text-decoration: underline;}

/* Homepage Blog */
 .homeBlog{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; margin-bottom: 20px;}
  .homeBlogTitle{font-weight: bold; margin: 0 10px 4px 10px;}
   .homeBlogTitle a{color: #000000; text-decoration: none;}
   .homeBlogTitle a:hover{text-decoration: underline;}
  .homeBlogSnippit{}
  .homeBlogDate{color: #598ec3;}
  
/* Games */
 #gamesAd{float: right; margin: 100px 20px 0 0;}

 #games{background: url(images/bg-top2.png); }
  #games .game{width: 960px; height: 120px; display: block; margin-bottom: 10px;}
  #games a{text-decoration: none; font-size: 1.4em; font-family: Trebuchet MS; color: #000000; text-align: center;}
  #games a:hover{background: url(images/gameBorder.png) no-repeat center;}
  #games img{width: 800px; height: 120px; border: 0; no-repeat center;}

 #classics{background: url(images/bg-top2.png);}
  #classics .game{width: 400px; height: 120px;  display: marker; margin-bottom: 10px;}
  #classics a{text-decoration: none; font-size: 1.2em; font-family: Trebuchet MS; color: #000000; text-align: center;}
  #classics a:hover{background: url(images/gameBorderC.png) no-repeat;}
  #classics img{width: 400px; height: 120px; display: inline; border: 0;  no-repeat center;}

/* A Game */
 #game{margin: 20px 340px 20px 20px; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif;}
  #game p{margin: 1.1em 0;}
 #reviewer{font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 0 40px;}
  #reviewer a{color: #598ec3; text-decoration: none;}
  #reviewer a:hover{text-decoration: underline;}

/* The Download Link */
 #download{height: 60px; width: 300px; display: block; background: url(images/download.png) no-repeat top left; color: #FFFFFF; margin-bottom: 10px; text-decoration: none;}
  #download .download{display: none;}
  #download .info{font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; float: left; margin: 2px 0 0 20px;}
  #download:hover{text-decoration: underline;}

/* The Demo Link */
 #demo{height: 60px; width: 300px; display: block; background: url(images/downloadDemo.png) no-repeat top left; color: #FFFFFF; margin-bottom: 10px; text-decoration: none;}
  #demo .download{display: none;}
  #demo .info{font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; float: left; margin: 34px 0 0 14px;}
  #demo:hover{text-decoration: underline;}
  
/* The Purchase Link */
 #purchase{height: 60px; width: 300px; display: block; background: url(images/purchase.png) no-repeat top left; color: #FFFFFF; margin-bottom: 10px; text-decoration: none;}
  #purchase .download{display: none;}
  #purchase .info{font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; float: left; margin: 2px 0 0 20px;}
  #purchase:hover{text-decoration: underline;}
  
/* Extras */
 #extra{font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; display: block; margin-bottom: 20px; margin-left: 10px;}
  #extra a{color: #598ec3; text-decoration: none;}
  #extra a:hover{text-decoration: underline;}

/* Videos */
 #video{}
  #video img{width: 96px; margin: 2px; float: left; border: 0;}
 
/* Screenshots */
 #screenshots{}
  #screenshots img{width: 96px; margin: 2px; float: left; border: 0;}

/* The Sidebar */
 #sidebar{float: right; width: 300px; margin: 20px 20px 0 0;}
  #sidebar #ad{float: left; margin-top: 20px;}

/* Error */
 #error{font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 20px -5px 20px;}
  #error ul{margin: 40px 0 40px 30px;}
  #error li{margin: 4px 0;}

/* Download */
 #dload{font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 0 0 40px;}
  #dload p{margin: 1.1em 0;}
  #dload a{color: #598ec3; text-decoration: none;}
  #dload a:hover{text-decoration: underline;}

/* Extras */
 #extras{margin: 0 0 40px 40px; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; width: 500px;}
  #extras h2{margin-top: 40px;}
  #extras p{margin: 1.1em 0;}
  #extras ul{margin: 20px 0 0 40px;}
  #extras li{margin: 4px 0;}
  #extras a{color: #598ec3; text-decoration: none;}
  #extras a:hover{text-decoration: underline;}

/* The Footer */
 #footer{clear: both; height: 30px; padding: 20px 20px 5px 20px; margin-bottom: 20px; background: url(images/footer.png) repeat-x bottom left;}
  #footer span{float: left; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px;}
  #footer #dg{background: url(/images/dgoff.png) no-repeat top left; height: 30px; width: 150px; display: block; float: right; color: transparent;}
  #footer #dg:hover{background: url(/images/dgon.png) no-repeat top left;}
