/*
Template Name: Brownie
Template URL: http://www.arcademug.com/brownie.html
Description: Delicious Brownie Arcade Template for YourArcadeScript.com by Arcade Mug.com
Version: 1.0
Author: Arcade Mug
Author URL: http://www.arcademug.com/
*/

body {	margin: 0 auto;	width:988px;background: #b4b6c2 url(images/bg.jpg) top left repeat-x;font: 12px arial;color: #000000;}

.Header {float:left;width:978px;height:204px;background: url(images/headerBG.png) top left no-repeat;margin: 10px 0 0 0;padding: 5px 5px 2px 5px;}
.topMenu {float:left;width: 500px;}
.topMenu ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0; }
.topMenu li { float:left; font: 11px arial; color: #ffffff; text-shadow: 1px 1px #2f2722; padding: 5px 0 5px 0; margin:0; }
.topMenu li a { color: #ffffff; text-decoration: none; padding: 5px 5px 0 7px;}
.topMenu li a:hover { color: #42e2ff;}
.topShare { float:right; width:195px; height: 17px; border:0; margin: 3px 3px 0 0;}
.logoIMG { float:left; width: 300px; height: 150px; border:0; margin: 15px 0 0 0; }
.topBannerBOX { float:right; width: 468px; height: 62px; background: url(images/advertTAG.png) top left no-repeat; margin: 7px 0 0 0;}
.topBanner { float:right; width: 468px; height: 60px; background-color: #d8d8d8; border: 1px solid #595959; }

.topLoginBox { float:right; width: 650px; height: 100px; background-color: #FFECF1; margin-top: 4px;}
.topLogin { float:right; margin-left: 0px; width: 320px; height: 100px; background-color: #FFECF1; }
.topLogin ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0; }
.topLogin li{ float:left; padding: 0 5px 0 0; margin-bottom:0px; }
.topLogin li a { color: #fff; text-decoration: none; padding: 0 5px 0 0;}
.topSocialLogin { float:left; padding: 7px 0 0 5px; margin-top:10px; width: 180px; height: 70px; background-color: #FFECF1;}
.topSocialLogin ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0; }

.categoryBAR {float:left;width:988px;height:41px;background: url(images/catMenu.png) top left no-repeat;}
.categoryBAR ul {list-style: none; margin:0; padding:0 0 0 5px;}
.categoryBAR li { float:left; font:12px arial; color: #ffffff; padding: 10px 5px 12px 5px;}
.categoryBAR li a { color: #ffffff; text-shadow: 1px -1px #000000; text-decoration: none; padding: 10px 5px 12px 5px;}
.categoryBAR li a:hover { color: #ffffff; text-shadow: 0px 1px #000000; background: url(images/catRollover.png) top left repeat-x; }

.mainBOX {	float:left;	width:988px;}
.topGamesBox { float:left; width: 977px; height: 257px; background: url(images/featuredBG.png) top left no-repeat; padding: 5px;}
.topBoxAdvertisement {float:left;width: 300px;height: 250px;text-align:center; background-color: #d8d8d8;}
.featuredBox {float:left; width: 341px; height: 250px; border-right: 1px solid #6b4725; }
.hottestBox { float:right; width: 330px; height: 250px; }
.featuredBar {  float:left;  width: 322px;  height: 28px;  background: url(images/featuredBar.png) top left no-repeat;  margin: 0 0 0 8px; }
.hottestBar {  float:left;  width: 322px;  height: 28px;  background: url(images/hottestBar.png) top left no-repeat;  margin: 0 0 0 7px; }
.hottestBar p { font: 12px arial; color: #ffffff; text-shadow: 0px 1px #000000; padding: 7px 0 0 30px; margin: 0 0 0 0; }

.loginform { overflow:hidden; color: #fff; width: 250px; padding: 20px; padding-top:15px; border: 1px solid #270644; 	margin: -3px 0 5px 13px; text-shadow: #000 1px 1px;
	/*** Rounded Corners ***/
    -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	background-color: #963AD6;
    /*** Background Gradient ***/
    background-image: -webkit-linear-gradient(top, #4E0085, #963AD6);
	background-image: -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
	background-image: -ms-linear-gradient(top, #4E0085, #963AD6);
    background-image: -o-linear-gradient(top, #4E0085, #963AD6);
	/*** Shadow behind the box ***/
    -moz-box-shadow:0px -5px 10px #270644;
    -webkit-box-shadow:0px -5px 300px #270644;
}
.loginform input {
    color: #2e1d11;	width: 230px; background: #8a33c6; padding: 6px; margin-bottom: 10px; border-top: 1px solid #ad64e0; border-left: 0px; border-right: 0px;  border-bottom: 0px; text-shadow: #000 1px 1px;
    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;
    /*** Adding a small shadow ***/
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
}
.loginform input:hover { -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; background: #9d39e1; }
.loginformsubmit { width: 50px; color: #fff; text-transform: uppercase; text-shadow: #000 1px 1px; border-top: 1px solid #ad64e0; margin-top: 10px;
     /*** Adding CSS3 Gradients ***/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
    background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
}
.loginform a {color: #f664ae; text-decoration: none; font-size: 8pt; }
.loginform a:visited {color: #fff; text-decoration: none; }
.loginform a:hover {color: #fff; text-decoration: none; }

.featuredBar p { font: 12px arial; color: #ffffff; text-shadow: 1px 1px #000000; padding: 7px 0 0 30px; margin: 0 0 0 0; }
.featuredGames { float:left; width: 338px;}
.featuredGames ul { list-style: none; margin:10px 0 0 5px; padding:0;}
.featuredGames li { float:left; text-align:center; width: 102px; height: 110px; font: 10px arial; color: #33271f; margin: 0 4px 0 3px; }
.featuredGames li a {  color: #33271f;  text-decoration:none; }
.featuredGames li a:hover { text-decoration: none;}
.featuredImage { float:left; width: 100px;  height: 72px;  border: 1px solid #000000;  margin: 0 0 10px 0; } 
.topratedBox { float:left; width: 774px; height: 186px; background: url(images/topratedBG.png) top left no-repeat; padding: 5px;} 
.topratedBar { float:left; width: 734px; padding: 9px 10px 8px 30px;}
.topratedBox p { font: 12px arial; color: #ffffff; text-shadow: 1px 1px #000000; padding: 0 0 0 0; margin: 0 0 0 0; }
.topratedBox p a { font: 12px arial; color: #ffffff; text-shadow: none; text-decoration: none;}
.topratedBox p a:hover { text-decoration: underline; }
.topratedGames {float:left;width: 774px;}
.topratedGames ul { list-style: none; margin:0 0 0 0; padding: 0 0 0;}
.topratedImage {float:left; width: 147px; height: 110px; border: 1px solid #000000; margin: 0 0 10px 0;}
.topratedGames li { float:left; width: 149px; height: 140px; text-align:center; padding: 7px 2px 0 3px; margin : 0 0 0 0; color: #cda37a; }
.topratedGames li a {  color: #000000;  text-decoration: none; } 
.topratedGames li a:hover {  color: #00498d; }
.randomBox {  float:right;  width: 186px;  height: 186px;  background: url(images/randomBG.png) top left no-repeat;  padding: 5px; }
.randomBar {  float:left;  width: 186px; }
.randomBar p {  font: 12px arial;  color: #ffffff;  text-shadow: 1px 1px #c54000;  padding: 0 0 0px 0;  margin: 9px 0 10px 35px;  }
.randomGames {  float:left;  width: 186px; }
.randomGames ul { list-style: none; margin:0; padding: 0;}
.randomGames li { float:left; width: 186px; font: 12px arial; line-height: 14px; margin: 7px 0 7px 0; }
.randomImage {  float:left;  width: 81px;  height: 58px;  border: 1px solid #000000;  margin: 0 5px 0 0; }
.smallPlayNow {  float:left;  width: 64px;  height: 20px;  border:0;  margin: 5px 0 0 0; }
.LeaderAdvertisement {  float:left;  width: 750px;  height: 97px;  background: url(images/advertTAG.png) top left no-repeat;  margin: 0px 0 0 15px;  text-align:center; }
.Leaderboard {  float:right;  width: 728px;  height: 90px;  background-color: #ffecf1;  border: 1px solid #595959; }

.searchBox  {  float:right;  width: 176px;  height: 88px;  background: url(images/searchBG.png) top left no-repeat;  padding: 5px 10px 5px 10px; }
.searchBox p {  float:left;  width: 176px;  font: 11px arial;  color: #000000;  padding: 0 0 6px 0;  margin: 0 0 0px 0; } 
.searchinput {  float:left;  width: 110px;  font: 12px arial;  color: #000000;  background-color: #ffffff;  border: 1px solid #d8d8d8;  padding: 4px; } 
.searchButton {  float:left;  width: 52px;  height: 25px;  border:0;  cursor: pointer;  margin: 0 0 0 0;  padding: 0 0 0 0;  background: url(images/searchButton.png) top left no-repeat; }
.gamelist {  float:left;  width: 172px;  font: 12px arial;  color: #000000;  background-color: #ffffff;  border: 1px solid #d8d8d8;  padding: 4px;  margin: 7px 0 0 0; }
 
.contentBox {  float:left;  width: 828px; }
.halfwidthTop {  float:left;  width: 828px;  height:6px;  background: url(images/halfwidthTop.png) top left no-repeat;  }
.halfwidthBottom {  float:left;  width: 828px;  height:14px;  background: url(images/halfwidthBottom.png) top left no-repeat;  }
.halfwidthBG {  float:left;  width: 815px;  min-height:50px;  background-color: #ffecf1;  padding: 0 6px 0 7px;  }
.halfwidthBar {   float:left;   width: 815px;   height: 28px;   background: url(images/halfwidthBar.png) top left no-repeat; }
.halfwidthBar p {  font: 12px arial;  color: #ffffff; text-shadow: 1px 1px #000000;  padding: 7px 0 0 30px;  margin:0; }
.halfwidthBar h1 {  font: 12px arial;  color: #ffffff; text-shadow: 1px 1px #000000; padding: 7px 0 0 30px;  margin:0; }
.halfwidthGames {  float:left;  width: 815px; } 
.halfwidthGames ul {  list-style:none;  padding:0;  margin:0; }
.halfwidthGames li {  float:left;  width: 149px;  height: 140px;  font: 12px arial;  color: #000000;  text-align:center;  padding: 10px 7px 10px 7px;  margin: 0 0 0 0; }
.halfwidthGames li a {  color: #000000;  text-decoration: none; } 
.halfwidthGames li a:hover {  color: #e718a0; }
.halfwidthImage {  float:left;  width: 148px;  height: 110px;  border: 1px solid #000000;  margin: 0 0 10px 0; }
 
.seoBox {  float:left;  width: 815px;}
.seoBox h3 { font: 18px arial; color: #e718a0; padding: 5px 0 5px 0; margin:0;}
.seoBox p { font: 12px arial; color: #000000; padding: 5px 0 5px 0; margin:0; line-height: 20px; text-align:justify;}
.seoBox a { color: #ED127F;  text-decoration: none;  padding: 0 5px 0 5px; }
.seoBox  a:hover {  color: #004797; }

.sidebar { float:right; width: 149px;}
.sidebarTop { float:left; width: 149px; height: 7px; background: url(images/sidebarTop.png) top left no-repeat;}
.sidebarBG { float:left; width: 139px; min-height: 50px; background-color: #ffecf1; padding: 0 5px 0 5px; margin:0;}
.sidebarBottom { float:left; width: 149px; height: 7px; background: url(images/sidebarBottom.png) top left no-repeat; }
.sidebarBar {  float:left;  width: 138px;  height: 28px;  background: url(images/sidebarBar.png) top left no-repeat; }
.sidebarBar p {  font: 12px arial;  color: #ffffff;  text-shadow: 1px 1px #703d00;  padding: 7px 0 0 30px;  margin:0; }
.sidebarScrapper {  float:left;  width: 120px;  height: 600px;  background-color: #d8d8d8;  text-align:center;  margin: 10px 0 15px 9px; }
.sidebarPlugs {  float:left;  width: 100px;  height: 100px;  background-color: #bb458a;  text-align:center;  margin: 10px 0 15px 17px; }
.sidebarLinks {  float:left;  width: 149px; }
.sidebarLinks ul {  list-style: none;  margin:0;  padding:10px 0 0 0; } 
.sidebarLinks li {  font: 12px arial;  color: #1075d2;  padding: 5px 0 5px 25px;  background: url(images/Bullet.png) no-repeat;  background-position: 10px 11px; }
.sidebarLinks li a {  color: #1075d2;  text-decoration: none;}
.sidebarLinks a:hover { color: #004797;}

.friendLinks {  float:left;  width: 400px; color: #000000;}
.friendLinks ul {  list-style: none;  margin:0;  padding:10px 0 0 0; } 
.friendLinks li {  font: 12px arial;  color: #000000;  padding: 5px 0 5px 25px;  background: url(images/Bullet.png) no-repeat;  background-position: 10px 11px; }
.friendLinks li a {  color: #1075d2;  text-decoration: none;}
.friendLinks a:hover { color: #F14099;}

.Footer { float:left; width:988px; height:88px; margin: 15px 0 0 0; padding: 10px 0 0 0;border-top: 3px solid #707070;}
.Footer ul { list-style: none; margin:0; padding:0;}
.Footer li { float:left; font: 12px arial; color: #000000; padding: 0px 0px 0px 2px; }
.Footer li a { color: #ED127F;  text-decoration: none;  padding: 0 5px 0 5px; }
.Footer li a:hover {  color: #000000; } 
.Footer a { color: #ED127F;  text-decoration: none;  padding: 0 5px 0 5px; }
.Footer  a:hover {  color: #000000; }
.Footer p { float:left;  font: 12px arial;  line-height: 18px;  color: #484848;  padding:5px 0 0 0;  margin:0; }

.pregameBOX {  float:left;  width: 805px;  padding: 10px 5px 5px 5px; } 
.pregameDescription{  float:left;  width: 795px;  padding: 5px; } 
.pregameDescription p {  font: 12px arial;  color: #000000;  line-height: 20px;  text-align:justify;  padding: 5px 0 5px;  margin: 0; }
.notrade {  width: 117px;  height: 32px;  border:0;  margin: 0 0 0 0; } 
.leftadBox {  float:left;  width: 300px;  height: 250px;  text-align:center;  margin: 0 0 0 0;  background-color: #d8d8d8; }
.pregamerightBox {  float:right;  width: 490px; }
.pregamerightrowONE {  float:left;  width: 490px;  height: 160px; }
.pregamerightrowTWO {  float:left;  width: 490px;  height: 100px; }
.pregameImage {  float:left;  width: 147px;  height: 110px;  border: 1px solid #000000; }
.thumbandrating {  float:left;  width: 170px; }
.gameSpec {  float:left;  width: 220px; }
.gameSpec p {  float:left;  font: 13px arial;  color: #f03190;  line-height: 24px;  padding: 5px 0 5px 0;  margin:0; }
.Playbutton {   float:right;  width: 88px;  height: 32px;  border:0;  margin: 0 0 0 0; }
.smalladBox {  float:left;  width: 234px;  height: 60px;  text-align:center;  margin: 0 0 0 0;  background-color: #d8d8d8; }
 
.gamePlugs {  float:left;  width: 100px;  height: 100px;  text-align:center;  font-size: 10px;  background-color: #d8d8d8;  margin: 0 10px 0 0; }
.gamePlay {  float:left;  width: 805px;  min-height: 400px;  padding: 5px;  text-align:center; }
.gamepageadBox {  float:left;  width: 300px;  height: 250px;  text-align:center;  margin: 0 10px 0 0;  background-color: #d8d8d8; } 
.gamepageStat {  float:left;  width: 150px;  min-height: 260px; }
.gamepageStat p {  float:left;  width: 150px;  line-height: 20px;  padding:0;  margin:0; }
.gShare {  float:left;  width: 128px;  height: 39px;  border:0; }
.gamepageDescription {  float:right;  width: 345px; }
.gamepageDescription p {  font: 12px arial;  color: #000000;  line-height: 20px;  text-align:justify;  padding: 5px 0 5px 0;  margin:0; }
.gamepageDescription p a {  color: #f03190 }
.gamepageDescription p a:hover {   text-decoration: none;  }
 
.pagelinks { float:left; width: 700px; padding: 20px 0 0 0;}
.pagelinks p { float:left; font-size: 14px; color: #000000; font-weight:bold; padding: 0 0 0 0; margin: 5px;}
.pagelinks p a {  color: #1075d2;}
.pagelinks p a:hover { color: #ffffff;}
.textinput { font:12px arial; color: #544134; background-color: #E4C8FF; border: 1px solid #93715b; padding: 5px;} 
.textinputcode { float:left; font:12px arial; color: #544134; background-color: #E4C8FF; border: 1px solid #93715b; padding: 5px;}
.submit_button { width: 64px; height: 20px; border:0; }
.addlink a { float:right; color: #1075d2; text-decoration: none; }
.addlink a:hover { color: #F14099;}
 
/* CSS for Hint bubble*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }
a.tt:hover{ z-index:9999; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    /*top:85px; left:0px;*/
	top:0px; left:0px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	text-decoration:none;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	text-decoration:none;
	display: block;
	padding: 30px 8px 0;
    background: url("images/bubble.gif") no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	text-decoration:none;
	display: block;
	padding: 0 8px; 
	background: url("images/bubble_filler.gif") repeat bottom; 
}
a.tt:hover span.bottom{
	text-decoration:none;
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url("images/bubble.gif") no-repeat bottom;
}
/* CSS for Pagination*/
div.pagination {
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #F13F98;
	text-decoration: none; /* no underline */
	color: #F13F98;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2694F7;
	color: #2694F7;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #C3005B;
	font-weight: bold;
	background-color: #C3005B;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #707070;
	color: #707070;
}