/*** HOME-SPECIFIC STYLES ***/

/* -- SUB NAVIGATION and BREADCRUMBS -- */
#homeNav {
	width: 755px;  height: 40px;
	background: url(../images/store/nav_store.gif);
	margin: 0 0 0 5px; padding: 0;
	position: relative;}
#homeNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#homeNav li, #homeNav a {height: 40px; display: block;}
#subnavStore {left: 0; width: 196px; text-indent: -8000px;}
#subnavVIP {left: 196px; width: 99px; text-indent: -8000px;}
#subnavUpgrade {left: 295px; width: 95px; text-indent: -8000px;}
#subnavAvatar {left: 390px; width: 98px; text-indent: -8000px;}
#subnavStore a:hover {background: transparent url(../images/store/nav_store.gif) 0 -40px no-repeat;}
#subnavVIP a:hover {background: transparent url(../images/store/nav_store.gif) -196px -40px no-repeat;}
#subnavUpgrade a:hover {background: transparent url(../images/store/nav_store.gif) -295px -40px no-repeat;}
#subnavAvatar a:hover {background: transparent url(../images/store/nav_store.gif) -390px -40px no-repeat;}/*** STORE-SPECIFIC STYLES ***/
/* /-- SUB NAVIGATION and BREADCRUMBS -- */


#contentarea {background: none; width: 730px; margin-left: 16px; margin-right: 0px;}
#contentarea #banner {padding: 10px 0 39px 0;}


/* -- TOP GAMES -- */
#topgames {
	width: 532px; margin: 0; padding: 0; 
	float: left; 
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em; color: #fff;
	}
#toparcadegames, #topcardgames, #toppuzzlegames, #topwordgames, #toptriviagames, #topmpgames {
	float: left; position: relative;
	width: 240px; height: 196px; 
	margin: 0 5px 5px 0; padding: 38px 10px 0 10px;
	}

#toparcadegames {background: url(../images/home/toparcadegames.png) no-repeat;} /* !!!! replace 'http://www.kewlbox.com' with '..' !!!! */
#topcardgames {background: url(../images/home/topcardgames.png) no-repeat;}
#toppuzzlegames {background: url(../images/home/toppuzzlegames.png) no-repeat;}
#topwordgames {background: url(../images/home/topwordgames.png) no-repeat;}
#toptriviagames {background: url(../images/home/toptriviagames.png) no-repeat;}
#topmpgames {background: url(../images/home/multiplayergames.png) no-repeat;}

	/* TOP GAMES: THUMB */
#topgames .thumbnail {float: left; width: 108px; height: 108px; text-align: center;}

	/* TOP GAMES: RIGHT COLUMN */
#topgames .rtColumn {height: 108px; width:119px; float: right;}
#topgames .title {
	font-family: arial, sans-serif; font-size: 13px; letter-spacing: -.05em; font-weight: 600; 
	width: 120px; height:40px; vertical-align: middle; display: table-cell;
	margin-bottom: 9px;
	}	
#topgames .title a {color: #fff; /*text-decoration: none; border-bottom: 1px solid #ccc;*/}
#topgames .title a:hover {color: #FDB27E; /*text-decoration: none; border-bottom: 1px solid #ccc;*/}

#topgames .gamesPlayed {font-size: .9em; margin-top: 12px; width: 120px; height: 28px;}
#topgames .play {width: 50px; height: 19px; margin-left: 70px;}
#topgames .play a {display: block; width: 100%; height: 100%; font-size: .8em; color: #fff; text-decoration: none; text-indent: -9999px;}

	/* TOP GAMES: TOP 3 */
.list {width: 234px; _width: 230px; float: left; margin-left: 6px; _margin-left: 3px; padding-top: 10px;}
.list td {line-height: 1.7em; color: #ccc; font-size: .9em;}
.list td a {color: #fff; /*text-decoration: none; border-bottom: 1px solid #ccc;*/ font-size: 1.1em;}
.list td a:hover {color: #FDB27E; /*text-decoration: none; border-bottom: 1px solid #ccc;*/ font-size: 1.1em;}

	/* TOP GAMES: MORE LINK */
#topgames .tablink {width: 52px; height: 23px;  margin: 0; position: absolute; bottom: 0px; right: 0px;}
#topgames .tablink a {display: block; width: 100%; height: 100%; font-size: .8em; color: #fff; text-decoration: none; text-indent: -9999px;}


/* -- TOP 15 FAVORITES -- */
#favorites_top15played {font-size:11px; float: left; width: 188px; height: 710px; margin: -2px 0 0 0; _margin-left: -5px; margin-bottom: 5px;}
#favorites_top15played a {color: #fff; }
#favorites_top15played a:hover {color: #999;}

#favorites_top15played #top15thumbs 
{
  background: url(../images/home/favorites_top10_header.png) no-repeat;
  height:0px; 
  width:160px;
  padding:80px 14px 0 14px;
}

#favorites_top15played #top15thumbs div
{
  border: solid 1px red;
  height:30px;
  width:30px;
  position:relative;
  float:left;
}

#favorites_top15played #top15list 
{
	background: url(../images/home/favorites_top10_bg.png) repeat-y;
  width:148px;
  padding:0px 20px 4px 20px;
  height:619px;
  position:relative;
}


/* -- BOTTOM ROW BOXES --*/
#soapbox, #soapboxResult, #pressbox, #areyouin {float: left; width: 177px; height: 260px; margin: 0 5px 0 0; color: #fff; line-height: 1.3em;}
#smallboxes {float: left; width: 177px; height: 260px; margin: 0 5px 0 0; color: #fff; line-height: 1.25em;}
#soapbox {background: url(../images/home/soapbox.png) no-repeat;}
#soapboxResult {background: url(../images/home/soapboxResults.png) no-repeat;}
#pressbox {background: url(../images/home/pressbox.png) no-repeat;}
#rssbox {float: left; width: 177px; height: 260px; color: #fff; line-height: 1.3em; background: url(../images/home/pressbox.png) no-repeat;}
#rssbox a {color:#fff;}
#smallboxes #factoid, #smallboxes #yourprivacy {width: 176px; height: 128px; margin: 0; padding: 0;}
#smallboxes #factoid {background: url(../images/home/factoid.png) no-repeat; margin-bottom: 4px;}
#smallboxes #yourprivacy {background: url(../images/home/yourprivacy.png) no-repeat;}

/*#areyouin {background: url(../images/home/areyouin.png) no-repeat;}*/
 
	/* SOAPBOX CONTENT */
#soapbox, #soapboxResult {width: 177px; cursor: default; font-size:11px;}
#soapbox span, 
#soapboxResult .pollResult,
#soapboxResult .pollQuestionResult{margin-left:11px; float:left;}
#soapbox p, #soapboxResult p{padding-top:50px; margin-left:0px; _padding-top:55px;}
#soapboxResult .pollResult {margin-top:10px;padding-right:10px;}
#soapbox form input,
#soapbox span input,
#soapboxResult form input,
#soapboxResult span input {margin-top: 6px; _margin-top: .3em;}
#soapboxResult .resultLine {width:155px; border:solid 0px red; height: 33px;}
#soapboxResult .resultItem {width:120px; border:solid 0px white;float:left;}
#soapboxResult .resultPerc {width:25px;padding-left:2px; border:solid 0px gray; text-align:right; float:right; _float:none; padding-right:5px;}

#soapboxResult .pollTotal {padding:0px 10px 0 11px; border:none;}

#soapboxResult .tablink {display:none;}
#soapbox .tablink {width: 63px; height: 21px; position: absolute; top:1049px; _top:1058px; left: 129px; border:solid 0px red;}
#soapbox .tablink input, #soapboxResult .tablink input {width: 100%; height: 100%; text-indent: -5000px;}
#soapbox .tablink a {display: block; width: 100%; height: 100%; text-indent: -5000px;}

	
	/* PRESSBOX CONTENT */
#pressbox .press_container {width:160px; height:230px; overflow:hidden; border:none; padding:0 0 0 0; font-size:11px;}
#pressbox table {margin:0px 0 0 11px; padding: 0;}
#pressbox td {height:50px;}
#pressbox table a{color: #fff;}
#pressbox table a:hover{color: #999;}
#pressbox .tablink {width: 53px; height: 21px; position: absolute; top:1048px; _top:1049px; left: 319px; border:solid 0px red; z-index:1;}
#pressbox .tablink input {width: 100%; height: 100%; text-indent: -5000px;}


	/* FACTOID CONTENT*/
#factoid {}
#factoid .factoid1 {font-size:11px; padding: 55px 0 11px 11px;} 

	/* YOUR-PRIVACY CONTENT */
#yourprivacy .privacyStatement{padding-top: 63px; padding-left:10px; padding-bottom:11px; font-size:11px;}
#yourprivacy .tablink {width: 53px; height: 21px; position: absolute; top:1048px; _top:1049px; left: 499px; border:solid 0px red;}
#yourprivacy .tablink img{display: block; width: 100%; height: 100%;}

	/* ARE-YOU-IN LINK */
#areyouin .tablink {width: 123px; height: 21px; position: absolute; top:1048px; _top:1067px; left: 614px; border:solid 0px red; z-index:1;}	
#areyouin a {display: block; width: 100%; height: 100%; text-indent: -5000px;}

.bottomBox, #bottomBoxPress, .bottomBoxAdd, .bottomHalfBox, .twox, .threex {margin-right: 5px;}
.bottomBox, .bottomBoxAdd, .bottomHalfBox, .twox, .threex, .fourx {font-size:11px; color: #fff; line-height: 1.25em; border: none /*1px solid red*/; float: left;}
#bottomBoxPress {color: #fff; line-height: 1.3em; font-size:11px;  border: none /*1px solid red*/; float: left;}
#bottomBoxFBLikeBox { position: relative; float: left; background:#ffffff; border: solid 5px #ffffff; height: 285px; width: 300px; }

.bottomHalfBox {position:relative; height: 125px; width: 176px; background-image: url(../images/home/box_1x_background.gif);}
.bottomBox {position:relative; height: 295px; width: 176px; background-image: url(../images/home/box_1x_background.gif);}
#bottomBoxPress {position:relative; height: 295px; width: 225px; background-image: url(../images/home/box_1x_background_press.gif);}
.bottomBoxAdd {position:relative; height: 295px; width: 309px; background-image: url(../images/home/box_1x_background_add.gif);}
.twox {width: 357px; background-image: url(../images/home/box_2x_background.gif);}
.threex {width: 538px; background-image: url(../images/home/box_3x_background.gif);}
.fourx {width: 719px; background-image: url(../images/home/box_4x_background.gif);}

.bottomBox .header {background-image: url(../images/home/box_1x_header.gif); text-align: left;}
#bottomBoxPress .header {background-image: url(../images/home/box_1x_header_press.gif); text-align: left; padding:1px 0px 0px 0px;}
.bottomHalfBox .header {background-image: url(../images/home/box_1x_header.gif); text-align: left;}
.twox .header {background-image: url(../images/home/box_2x_header.gif); text-align: left;}
.threex .header {background-image: url(../images/home/box_3x_header.gif); text-align: left;}
.fourx .header {background-image: url(../images/home/box_4x_header.gif); text-align: left;}

.bottomBox .footer {position:absolute; bottom:0;}
.bottomHalfBox .footer {position:absolute; bottom:0;}
#bottomBoxPress .footer {position:absolute; bottom:0;}

/*#bottomBoxRow {clear:both; margin: 5px 0;} 	*/
#bottomBoxRow .header {height: 43px;}																																										
#bottomBoxRow .copy {padding: 5px 12px;}
#bottomBoxRow .button {position:relative; padding: 10px 6px 0 10px; height: 11px; float:right; clear:both;}
#bottomBoxRow .tablink {position:relative; padding: 100px 5px 0 10px; height: 12px; float:right;}
#bottomBoxRow .copy1 {position:relative; padding: 100px 0px; float:right; clear:both;  bottom:0;}
#bottomBoxRow a:link, #bottomBoxRow a:visited {color: #fff;}
#bottomBoxRow a:hover {color: #FDB27E;}
#bottomBoxRow a:active {color: #a00;}

/*#bottomBoxRow {clear:both; margin: 5px 0;} 	*/
#bottomBoxPress .header {height: 44px;}																																										
#bottomBoxPress .copy {padding: 0 12px;}
#bottomBoxPress .button {position:relative; padding: 10px 5px 0 10px; height: 12px; float:right; clear:both;}
#bottomBoxPress .tablink {position:relative; padding: 100px 5px 0 10px; height: 12px; float:right;}
#bottomBoxPress .copy1 {position:relative; padding: 100px 0px; float:right; clear:both;  bottom:0;}
#bottomBoxPress a:link, #bottomBoxRow a:visited {color: #fff;}
#bottomBoxPress a:hover {color: #FDB27E;}
#bottomBoxPress a:active {color: #a00;}

.resultItem
{
  position:relative;
  float:left;
  width:115px;
}
.resultPerc
{
  position:relative;
  float:left;
  width:35px;
}