/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> E-Games Portal v3.0 CSS Style <<<-----------------------------------------------------------------*/
/* ---------->>> copyright 2008 e-games.com.ph <<<-----------------------------------------------------------------*/
/* ---------->>> By the E-games webteam.       <<<-----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for e-games portal <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-image:url(../../images/2008/bg-main.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #000;
	text-align: center;
}

img { border: 0; }

#wrapper {
	display: block; 
	margin: 0 auto; 
	width: 940px; 
	height: 100%;
	text-align: left; 
}
a {
	color: #959595;
	text-decoration: none;
}
a:focus { outline: none; }
a:hover {
	color: #00aeef;
	text-decoration: underline;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Header settings needed for e-games portal <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#headerMain {
	width: 100%;
	height: 262px;
	border: 0;
	display: block;
	z-index: 1;	
	background: url('../../images/2008/bg-header.jpg') 50% 0 no-repeat;
	padding: 0 0 25px 0; 
	position: relative;
}
#headerInner {
	width: 100%;
	height: 135px;
	display: block;
	z-index: 1;	
	background: url('../../images/2008/bg-header.jpg') 50% 0 no-repeat;
	padding: 0; 
	position: relative;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Major navigation settings needed for e-games portal <<<-------------------------------------------*/
/* ---------->>> Register + Top Up + Item Shop <<<-----------------------------------------------------------------*/
#majornav {
	width: 940px;
	text-align: center;
	display: block;
}

#majornav li { 
	float: left;
}
#majornav a.register {
	background: #000000 url(../../images/2008/nav-register.jpg) 100% 0 no-repeat;
	padding: 16px;
	width: 284px;
	display: block;
}
#majornav a.register:hover {
	background: #000000 url(../../images/2008/nav-register.jpg) 100% -39px no-repeat;
}
#majornav a.topup {
	background: #000000 url(../../images/2008/nav-topup.jpg) 100% 0 no-repeat;
	padding: 16px;
	width: 272px;
	display: block;
}
#majornav a.topup:hover {
	background: #000000 url(../../images/2008/nav-topup.jpg) 100% -39px no-repeat;
}
#majornav a.itemshop {
	background: #000000 url(../../images/2008/nav-itemshop.jpg) 100% 0 no-repeat;
	padding: 16px;
	width: 283px;
	display: block;
}
#majornav a.itemshop:hover {
	background: #000000 url(../../images/2008/nav-itemshop.jpg) 100% -39px no-repeat;
}
#main-nav { 
	font-size: 7pt; margin: 0px; text-transform: uppercase; font-weight: normal; 
	}
#main-nav ul, #majornav ul{
	list-style: none;
}	
#main-nav li { 
	float: left;
	background:url(../../images/2008/topnav-ul-mid.gif) left bottom repeat-x;
	height: 20px;
	}
#main-nav li a { 
	color: #6c6c6c; display: block; text-decoration: none; text-align: center; padding: 2px 3px 0 3px; 
	} 
#main-nav li a:hover, #main-nav li.current a { 
	color: #00aeef; 
	}
#main-nav li.member, #main-nav li.member a { display:inline-block; text-transform:capitalize; }	
#main-nav li.member a.logout { color:#CC0000; }
#main-nav li.member a.myaccnt { color:#0099CC; }
.navhome, .navhome a { background:url(../../images/2008/topnav-home.gif) 50% 0px no-repeat; width: 25px; }
 .navhome a:hover { background:url(../../images/2008/topnav-home.gif) 50% -21px no-repeat;}
 .navhome span, .sitemap span, #majornav span { display: none; }
.sitemap, .sitemap a { background:url(../../images/2008/topnav-sitemap.gif) 50% 0 no-repeat; width: 25px; }
 .sitemap a:hover { background:url(../../images/2008/topnav-sitemap.gif) 50% -21px no-repeat;}

#dropnav {	font-size:1em;	}
	
#dropnav, #dropnav ul {	list-style: none;	}

#dropnav a, #dropnav a:hover {	display: block;	text-decoration: none;	border:none;	}

#dropnav li {
	float: left; list-style:none;
}


#dropnav a, #dropnav a:visited {
	display:block; color: #666;
}

#dropnav a:hover {
	color:#a37f04; text-decoration:none;
	}	
#dropnav a:active {
	color:#a37f04; text-decoration:none;
}	
#dropnav div.top {
	background:url(../../images/2008/bg-dropdown.gif) 50% 0 no-repeat; width: 125px; height: 10px;
}	
#dropnav div.bottom {
	background:url(../../images/2008/bg-dropdown.gif) 50% 100% no-repeat; width: 125px; height: 10px;
}	
	
/* Dropdown Menus for categories  */	

#dropnav li ul {/*first level dropdown*/
	position: absolute; left: 0px; display: none; z-index: 10; height: auto; width: 125px; top: 15px;  text-transform:capitalize;
}
#dropnav li.mid {
	background:url(../../images/2008/bg-dropdown.gif) 50% 50% no-repeat;
}
#dropnav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 130px;
}

#dropnav li:hover.listgames ul, #catnav li.sfhover ul ul {
	display: block;
	}

#dropnav li li {
	width: 125px;
	background: transparent;
	}

#dropnav li li a {
	text-align: left;
	padding-left: 10px;
	font-weight:normal;
	color:#666;
	display: block;
	}

#dropnav li li a:hover, #dropnav li li a:active {
	
}	
	
#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul, #dropnav li.sfhover ul, #dropnav li li.sfhover ul, #dropnav li li li.sfhover ul {left: auto;}

a.main:hover {background:none;}

.clearfloat {
	padding:5px 0;
}

#topnav {
	position: absolute;
	z-index: 2;
	width: 920px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> E-games banner & updates setting needed for e-games portal <<<------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#content {
	width: 930px;
}

 .topbg { background: url('../../images/2008/bg-content.jpg') 50% 0 no-repeat; height: 17px; }
 .middle { background: url('../../images/2008/bg-content-mid.gif') 50% 0 repeat-y; padding: 0 10px 0 15px; }
 .middle2 { background: url('../../images/2008/bg-content-mid.gif') 50% 0 repeat-y; padding: 0 7px 0 7px; } 
 .middle2 .gameupdates { background: url('../../images/2008/tile_gameupdates.jpg') left bottom repeat-x;}
 .footbg { background:url('../../images/2008/bg-content.jpg') -5px 100% no-repeat; }
 .banner1 { width: 291px; height: 150px; float: left; display:block; margin: 0 8px 0 0;}
 .banner2 { width: 291px; height: 150px; float: left; display:block; margin: 0 10px 0 0;}
 .banner3 { width: 291px; height: 150px; float: right; display:block; margin: 0; margin-right: 10px;}

#updates {
	width: 100%;
}
#updates .widearea {
	width: 100%;
	height: 155px;
}
#updates .viewarchive {
	float: right;
	padding: 3px;
}
#updates .widearea .content {
        width: 435px;
        height: 155px;
        display: block;
        float: left;
		margin-right: 5px;
}

#updates ul,#archive ul {
	font-size:9px;
	list-style-type:none;
}
#updates .widearea .content .limit {
	height: 145px;
	margin-top: 2px;
	overflow: auto;
}
#updates .widearea .content .limit li, #archive li {
	background: url(../../images/2008/hr-dotted.gif) left bottom repeat-x;
	padding: 5px 8px 3px 5px;
	color: #959595;
	margin-right: 5px;
	
}
#updates .widearea .content li:hover { background-color: #000;}
#updates a:hover {
	text-decoration: none;
}
#updates .date, #archive .date {
	width: 80px;
	float: left;
	color: #fff;
	font-weight: bold;
}
#updates .info {
	overflow:auto;
	line-height:1.3em;
}
#updates .selectCat {
	padding-top: 5px;
	background: #111 url(../../images/2008/hr-blue.gif) center bottom no-repeat;
	height: 24px;
}
#updates .selectCat li {
	float: left;
}
#updates .selectCat span {
	display: none;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Game Updates setting needed for e-games portal <<<------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#updates .gameupdates {
	float: left;
	width: 435px;
	height: 210px;
	display: block;
	padding: 2px;
	overflow: hidden;

}

#btn-ran, #btn-o2jam, #btn-audi, #btn-sd, #btn-ge, #btn-cabal {
	height: 23px;
	display: block;
}

a#btn-ran {
	background-image:url(../../images/2008/tab-ran.gif);
	width: 30px;
}
.current {
	background-position: 50% -23px!important;
}

a#btn-o2jam {
	background-image:url(../../images/2008/tab-o2jam.gif);
	width: 39px;
}
a#btn-audi {
	background-image:url(../../images/2008/tab-audi.gif);
	width: 53px;
}

a#btn-sd {
	background-image:url(../../images/2008/tab-sd.gif);
	width: 90px;
}

a#btn-ge {
	background-image:url(../../images/2008/tab-ge.gif);
	width: 90px;
}

a#btn-cabal {
	background-image:url(../../images/2008/tab-cabal.gif);
	width: 40px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> News Updates setting needed for e-games portal <<<------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#updates .otherupdates {
	float: right;
	width: 435px;
	height: 210px;
	display: block;
	padding: 2px;
	overflow: hidden;
}
#btn-news, #btn-events, #btn-promos, #btn-forum {
	height: 23px;
	display: block;
}
a#btn-news {
	background:url(../../images/2008/tab-news.gif) 50% 0 no-repeat;
	width: 38px;
}
a:hover#btn-news {
	background:url(../../images/2008/tab-news.gif) 50% -23px no-repeat;
}
a#btn-events {
	background:url(../../images/2008/tab-events.gif) 50% 0 no-repeat;
	width: 44px;
}
a:hover#btn-events {
	background:url(../../images/2008/tab-events.gif) 50% -23px no-repeat;
}
a#btn-promos {
	background:url(../../images/2008/tab-promos.gif) 50% 0 no-repeat;
	width: 49px;
}
a:hover#btn-promos {
	background:url(../../images/2008/tab-promos.gif) 50% -23px no-repeat;
}
a#btn-forum {
	background:url(../../images/2008/tab-hottopic.gif) 50% 0 no-repeat;
	width: 94px;
}
a:hover#btn-forum {
	background:url(../../images/2008/tab-hottopic.gif) 50% -23px no-repeat;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Footer & copyright setting needed for e-games portal <<<------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#footer {
	width: 930px;
	background: transparent url(../../images/2008/bg-footer.gif) center top no-repeat;
	text-align: center;
	font-size: 9px;
	padding: 5px;
	height: auto; 
}
#footer .links {
	padding-bottom: 4px;
}
#footer .links, #footer .links a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#footer .links a:hover {
	color: #0072bc;
}
#footer .copyright {
	color:#999999;
	font-size: 9px;
}
 .copyright a {
	 color: #0072bc;
 }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> overides cetrain css needed for e-games portal <<<------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.none { 
	background: none!important; 
	border: 0!important;
	margin: 0!important;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline; }
* html .fix { height: 1%; }
.fix { display: block; }