@charset "utf-8";

*{margin:0; padding:0;}
img {margin:0; padding:0;}

/* fix transparency problem in IE */
img, li{ behavior: url('../iepngfix.htc');}

div, li{border:solid 0px rgb(78, 78, 78);  }
/*transparent OR #fff*/

a:link {color:#0f0;}
a:visited {text-decoration: underline; color:#080;}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: #030;}

h1{font-size:11px; margin-bottom:10px;}
h2{text-align:center; font-size:18px; margin:0 8px}
h3{text-align:center; font-size:17px; margin:0 8px}
p{margin-bottom:5px;}

html {
    /*background: repeat-x  url(../images/bg.png) #000; color:#fff*/
    background: #1d1d1d repeat-x url('../images/bg.png'); color:#fff;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
 	padding:0;
 	margin:10px 0 0 0;
	width: 100%;
	height: 100%;
  	display: table;
}

div.Adsense468x60{width:468px; height:60px; float:left; margin: 25px 10px 0 52px; background-color: #fff}
div.Adsense728x90{width:728px; height:90px; margin: 5px auto;}


div.CustomAd{width:400px; height:100px; margin: 0 auto; display:block;}


#Page {margin: 0 auto; padding:0; width: 860px; height:100%; }

/*#Page > #Header*/
#Header{width:100%; height: 78px;}
#Header div#Title{float: left; margin-left: 30px;}
#Header div#Twitter{float: right; margin-right: 32px; margin-top: 60px;}
#Header div#CustomAd{width:400px; height:100px; margin-right: 25px; float:right;}
#Header div#SearchBox{ width: 300px; height:118px; float:left;}

#TopNav{width: 812px; height:48px; background: url('../images/top_nav.png'); margin:10px auto 0 auto;  clear:both;}
#TopNav ul{font-size: 1.3em; font-weight: bold;}
#TopNav li{float:left; width: 120px; text-align: center;}

/*#Page > #TopPanel*/



#TopPanel {background: url('../images/panel_top.png'); width: 100%; height: 37px; }

/*#Page > #ContentPanel*/
#ContentPanel {width:100%; min-height: 690px; background: url('../images/bg_y.png')}

/*#Page > #ContentPanel > #Content*/
#Content {margin: 0 auto; width:720px; height:100%; clear: both;}
#Content #FeaturedGames {margin: 0 auto; width:720px; height:200px;}

#Content div.Featured {width: 348px; height:166px; display: inline-block;}
#Content div.FeaturedLinks {width: 166px; height:166px; float: right;}

#Content .Game{width:355px; height:108px; float:left;cursor: pointer; cursor:pointer; margin: 18px 0;}
#Content .Game img.GameThumb{float:left; width:108px; height:108px;}
#Content .Game .GameDescription{float:left; width:220px; height:100%; padding: 0 10px;}

#BottomPanel {background: url('../images/panel_bottom.png'); width: 860px; height: 37px; }
#Page #Footer{width:366px;}
div#Footer ul{font-size: 1.3em; font-weight: bold;}
div#Footer li{float:left; width: 120px; text-align: center;}


#Content #GameTitle {text-align: center;}
#Content #GameViews {text-align: center; margin-top: 10px;}
#Content .ContentSection{padding:0 10px;}
#Content #FlashHolder {margin:30px auto 15px auto; position: relative;}
#HomeButton {margin:15px auto 0 auto; width: 121px;}

#ContentImageTop{margin:20px auto -7px auto; width: 850px;}
#ContentGame {margin: 0 auto; padding:15px 0; background-image:url('../images/panelline.png'); background-repeat:repeat; width: 850px; height:100%;}
#ContentImageBottom{margin:-5px auto 0 auto; width: 850px;}
#LeftColumn {padding-top:10px; padding-left:15px; width:510px; height:75%; float:left;}
#RightColumn {padding-top:10px; width:300px; height:75%; float:left;}
#OurGames {width:100%; height:40%;}
#OtherGames {width:100%; height:40%;}
#Links {padding-top:10px; clear:both;}

.Sponsor120x240 {margin-top:15px; margin-left:5px; background-image:url('./images/sponsorside.png'); background-repeat:no-repeat; width:140px; height:384px; float:left; padding: 50px 0 0 22px;}
.Sponsor728x90 {margin: 20px auto; width:728px; height:90px; clear:both; background-color:#000;}
.Sponsor160x600 {width:160px; height:600px; border:solid 1px; float:left; }
.Sponsor300x250 {float:left; width:300px; height:250px; background-color:#000;}
.Line {width:2px; height:100px; float:left;}

div.spacer{display: block; clear: both; width: 150px;}
div.spacer2{width:100%; height:100px; clear:both;}
div.spacer3{width:100%; height:64px; clear:both;}
div.spacer4{width:100%; height:32px; clear:both;}

ul{list-style-type:none;}
li.Last{margin-right:0;}

#Contact{display: block; margin: 0 auto;}

img {border:none;}

