/***** DEFAULT STYLES *****/
/* Defaults for all elements */
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

body,
textarea {
	/* Scrollbars only when needed */
	overflow: auto;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}

/***** FORMS *****/
input.field, label.field input, label.field textarea, label.field select {
	height: 16px;
	_height: 18px;
	border: 1px solid #ccc;
}
	label.field span, label.field option {
		border: none;
		height: auto;
	}
	label.field textarea, label.field select, label.field select * {
		height: auto;
	}
.button {
	cursor: pointer;
}

/***** STRUCTURE *****/
body {
	text-align: center;
	padding: 15px 0;
	padding-top: 0;
	/*background-color: #666;*/
    background: url(/media/style/bg.jpg) #666 top center no-repeat;

}
	/* Centered layout container */
	#container {
		width: 780px;
		margin: 0 auto;
		/* Restore text-align */
		text-align: left;
	}

/* Fix extra whitespace after Flash movies on IE */
object embed {
	_display: none;
}

/* POP HEADER */
#pop_header {
	background: url(http://www.pop.com.br/imagens/barra2/fdo.gif);
}

/***** HEADER *****/
#header {
	background: url(head_bk.gif) no-repeat;
	height: 50px;
	margin-top: 10px;
}
	#header h1,
	#pop_logo {
		background-repeat: no-repeat;
	}
	
	#header h1,
	#header h1 a,
	#pop_logo,
	#pop_logo a {
		display: block;
		text-indent: -5000px;
		overflow: hidden;
	}
	
	#header h1 {
		float: left;
		_display: inline;
		background: url(ma_logo.gif) no-repeat;
		margin-left: 6px;
	}
	#header h1,
	#header h1 a {
		width: 400px;
		height: 40px;
	}
	
	#pop_logo {
		float: right;
		background: url(pop_logo.gif);
	}
	#pop_logo,
	#pop_logo a {
		width: 192px;
		height: 50px;
	}
	
	#header form {
		float: right;
		line-height: 16px;
		height: 16px;
		margin: 10px;
		/* IE5 DOUBLE MARGIN */
		_display: inline;
	}
		#header form label.field {
			text-transform: uppercase;
			color: #aaa;
			font-weight: bold;
			line-height: 16px;
			float: left;
			height: 16px;
			vertical-align: top;
		}
			#header form label.field input {
				text-transform:  none;
				color: #333;
				font-weight: normal;
				margin: 0 5px;
				height: 14px;
				/* BORDER BOX MODEL */
				_height: 16px;
				margin-top: -1px;
			}
	
/***** NAVIGATION BAR *****/
#nav {
	padding: 5px;
	background: #fff;
	position: relative;
}
	#quick_search {
		text-align: right;
		position: absolute;
		right: 10px;
		width: 155px;
	}
		/* Link busca avançada */
		#quick_search a {
			display: block;
			margin-bottom: 6px;
			font-weight: bold;
			color: #E2C608;
		}
		#quick_search .field {
			float: left;
		}
		#quick_search .button {
			background: url(search_bt.gif) no-repeat;
			overflow: hidden;
			width: 0;
			height: 0;
			_width: 23px;
			_height: 19px;
			padding: 19px 0 0 23px;
			border: none;
		}
	
	/***** MENUS *****/
	#nav ul {
		clear: left;
	}
		#nav li {
			float: left;
			list-style: none;
		}
			#nav li a {
				float: left;
				display: block;
				color: #fff;
				/* Fix IE Wrong cursor */
				cursor: pointer;
			}
		#categories {
			height: 15px;
		}
			#categories li {
				background: #E2C608 url(corner_left.gif) no-repeat;
				margin-right: 2px;
			}
				#categories a {
					background: url(corner_right.gif) no-repeat top right;
					padding: 0 10px;
					height: 15px;
					line-height: 15px;
				}
					#categories span {
						display: block;
						text-indent: -5000px;
						background: url(cat.gif) no-repeat center;
						width: 46px;
						overflow: hidden;
					}
			/***** CUSTOMIZATION FOR PLATFORMS *****/
			#categories li.mmog {
				background-color: #f30;
			}
				#categories .mmog span {
					background-image: url(mmog/cat.gif);
					width: 58px;
				}
			#categories li.pc {
				background-color: #333;
			}
				#categories .pc span {
					background-image: url(pc/cat.gif);
					width: 11px;
				}
			#categories li.playstation {
				background-color: #06c;
			}
				#categories .playstation span {
					background-image: url(playstation/cat.gif);
					width: 59px;
				}
			#categories li.xbox {
				background-color: #0c0;
			}
				#categories .xbox span {
					background-image: url(xbox/cat.gif);
					width: 21px;
				}
			#categories li.nintendo {
				background-color: #906;
			}
				#categories .nintendo span {
					background-image: url(nintendo/cat.gif);
					width: 42px;
				}
			#categories li.casual {
				background-color: #94C8B4;
			}
				#categories .casual span {
					background-image: url(casual/cat.gif);
					width: 61px;
				}
			#categories li.servers {
				background-color: #838383;
			}
				#categories .servers span {
					background-image: url(servers/cat.gif);
					width: 51px;
				}
			#categories li.forum {
				background-color: #C49701;
			}
				#categories .forum span {
					background-image: url(forum/cat.gif);
					width: 28px;
				}
            #categories li.esports {
				background-color: #484848;
			}
				#categories .esports span {
					background-image: url(e-sports/cat.gif);
					width: 42px;
				}
		
		#sub_categories {
			background: url(gradient_off.gif) repeat-x;
			height: 30px;
			border-bottom: 1px solid #B48E02;
		}
			#sub_categories li {
				border-right: 1px solid #B48E02;
				border-left: 1px solid #DEBD17;
			}
			#sub_categories li.on {
				border-right-color: #DEBD17;
				border-left-color: #B48E02;
			}
			#sub_categories li.empty {
				line-height: 30px;
				color: #fff;
				padding: 0 5px;
			}
				#sub_categories a {
					background: url(gradient.gif) repeat-x;
					height: 30px;
					line-height: 30px;
					padding: 0 5px;
				}
				#sub_categories li.on a {
					background-image: url(gradient_on.gif);
				}
				#sub_categories li a:hover {
					text-decoration: underline;
				}

/***** LOGIN FORM *****/
#login_bar {
    height: 30px;
    background: #e3e3e3;
    border: 1px solid;
	border-color: #eee #ccc #ccc #eee;
}
#login_form, #user_bar {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	background: #e3e3e3;
}
	#login_form h3 {
		display: inline;
		margin-right: 5px;
		background: url(login_title.gif) no-repeat center left;
		padding-left: 55px;
		padding-top: 7px;
		width: 0;
		_width: 55px;
		height: 7px;
		vertical-align: middle;
	}
		#login_form span {
			font-size: 1px;
			color: #E3E3E3;
			vertical-align: -2px;
		}
	#login_form input {
		/* Margin for vertical center */
		margin: 6px 0;
		vertical-align: middle;
	}
	#login_form label {
		margin-right: 5px;
	}
	#login_form .button {
		background: url(login_bt.gif) no-repeat;
		overflow: hidden;
		width: 30px;
		height: 20px;
		padding: 20px 0 0 30px;
		border: none;
	}
	#login_form a {
		display: inline;
		margin-left: 10px;
		background: no-repeat center left;
		_background-position: top left;
		height: 8px;
		padding-top: 8px;
		overflow: hidden;
		vertical-align: middle;
	}
		#login_form a.forgot {
			background-image: url(login_esqueceu.gif);
			padding-left: 90px;
			width: 90px;
			_width: 105px;
		}
		#login_form a.signup {
			background-image: url(login_cadastre.gif);
			padding-left: 70px;
			width: 70px;
		}
	#user_bar {
		padding-right: 0;
	}
		#user_bar h3 {
			float: left;
			font-weight: normal;
		}
			#user_bar h3 strong {
			}
			#user_bar h3, #user_bar h3 * {
				color: #999;
				font-size: 14px;
			}
		#user_bar ul {
			float: right;
			clear: none;
			margin-right: -1px;
		}
			#user_bar ul li {
				background: #e3e3e3;
				border: 1px solid;
				border-color: #f0f0f0 #cfcfcf #cfcfcf #f0f0f0;
				margin: -1px 0;
			}
				#user_bar ul li a {
					padding: 0 10px;
					color: #999;
					font-size: 10px;
				}
			#user_bar ul li.on {
				background-image: url(accounts/bar_bk_on.gif);
				border-color: #e6e6e6 #e5e5e5 #e5e5e5 #e6e6e6;
			}
				#user_bar ul li#bt_logout a {
					background: url(accounts/bt_logout.gif) no-repeat 50px center;
					padding-right: 30px;
				}

            #user_bar a.yellow_card {
                float: right;
            }
            #user_bar a.yellow_card img {
                vertical-align: middle;
                margin: 4px 8px;
            }
			


/* BANNERS */
.mega_banner {
	display: block;
	width: 780px;
	background: #fff;
	text-align: center;
}
.box_banner {
	margin: 2px 0;
	float: right;
	clear: right;
	background: #e3e3e3;
	text-align: center;
	padding-top: 6px;
	width: 172px;
	height: 186px;
	_height: 192px;
}
.full_banner {
	float: left;
	/* IE Crashes using float */
	_float: none;
	clear: both;
	background: #e3e3e3;
	text-align: center;
	width: 512px;
	padding: 10px 0;
	height: 60px;
	_height: 80px;
	margin: 5px 0;
	margin-top: 0;
}
/***** MAIN *****/
#main {
	float: left;
	padding: 5px;
	width: 770px;
	_width: 780px;
	background: #fff;
}
	#current {
		background: url(gradient.gif);
		margin-bottom: 10px;
		height: 50px;
		border: 1px solid;
		border-color: #FB471E #A50000 #A50000 #FB471E;
	}
		#current h2,
		#current h2 * {
			color: #fff;
		}
		#current h2 {
		}
			#current h2 a {
				display: block;
				
				padding-top: 50px;
				height: 0;
				_height: 48px;
				overflow: hidden;
				background: no-repeat 10px 5px;
				
				font-size: 20px !important;
				font-weight: bold;
			}
	/***** TABS *****/
	#main h3 {
		/* AREA-COLOR */
		background: #E2C608 url(corner_left.gif) no-repeat;
		height: 14px;
	}
		#main h3 a,
		#main h3 span {
			display: block;
			padding-left: 10px;
			background: url(corner_right.gif) no-repeat top right;
			color: #fff;
			text-transform: uppercase;
		}
	#content {
		float: left;
		width: 512px;
	}
		#content #content_main {
			float: left;
			width: 340px;
		}

/* GAME NEWS BOX */
#box_game_news {
	float: left;
	background-color: #E2C608;
	width: 512px;
	height: 155px;
}
	#box_game_news h3 {
		background-color: transparent;
	}
	#box_game_news * {
		color: #fff;
	}
	#box_game_news p {
	}
		#box_game_news p a {
			display: block;
			padding: 2px 5px;
			padding-right: 10px;
			/* IE GUILLOTINE BUG: absolute solved but lost width */
			_position: absolute;
			_width: 100%;
			height: 137px;
			_height: 141px;
		}
			#box_game_news p a img {
				float: left;
				border: 2px solid #D4A803;
				margin: 0 10px 5px 0;
			}
		#box_game_news p a:hover {
			background: #D4A803;
		}
			#box_game_news p strong {
				font-size: 15px;
			}


/* LIST BOXES */
.box {
	float: left;
	margin-right: 1px;
	width: 170px;
	height: 280px;
}
	.box h3 {
		/* !important to avoid overriding on custom areas */
		background-color: transparent !important;
	}
.box ol {
	padding-top: 5px;
}
	.box ol li {
		float: left;
		margin-left: 5px;
		/* IE DOUBLE MARGIN */
		_display: inline;
	}
		.box ol li a {
			float: left;
			display: block;
			width: 15px;
			height: 15px;
			line-height: 15px;
			background: #fff;
			text-align: center;
			filter: alpha(opacity=70);
			-moz-opacity: .7;
			opacity: .7;
		}
		.box ol li.more a {
			width: 60px;
			font-weight: bold;
		}
		.box ol li.on a,
		.box ol li a:hover,
		.box ol li.more a {
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
		}
.box ul {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 5px;
	height: 235px;
	overflow: hidden;
}
	.box ul li {
		padding: 5px;
		padding-top: 0;
		height: 55px;
		_height: 60px;
	}
		.box ul li a {
			display: block;
			padding: 5px;
			height: 45px;
			_height: 55px;
			overflow: hidden;
		}
		.box ul li a:hover {
			background: #f0f0f0 !important;
		}

/* PAGINATION */
.pages {
	float: right;
}
#content_main ol.pages {
	clear: both;
}
#content #content_main ol.pages {
	margin: 5px 5px 0 0;
	/* IE DOUBLE MARGIN BUG AGAIN */
	display: inline;
}
	.pages li {
		float: left;
		margin-left: 2px;
		/* IE DOUBLE MARGIN */
		_display: inline;
	}
		.pages .hole {
			padding: 0 3px;
		}
		.pages li a {
			float: left;
			display: block;
			text-align: center;
			background: #aaa url(page_light.gif) repeat-x;
			font-weight: bold;
			border: 1px solid #aaa;
			/* Border box-model */
			width: 18px;
			_width: 20px;
			height: 15px;
			line-height: 15px;
			color: #333;
			filter: alpha(opacity=60);
			-moz-opacity: .6;
			opacity: .6;
		}
		.pages li.on a,
		.pages li a:hover {
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
			color: #fff;
		}


/***** GENERIC NEWS LIST *****/
#content .list {
	float: left;
	width: 340px;
	margin-top: 2px;
}
	#content .list li {
		float: left;
		width: 170px;
		height: 97px;
	}
		#content .list li a {
			display: block;
			padding: 5px;
			width: 158px;
			height: 85px;
			_width: 168px;
			_height: 95px;
			background: #e3e3e3;
			overflow: hidden;
		}
		#content .list li a:hover {
			background: #f0f0f0;
		}


/* E-commerce BOX */
#box_e_commerce {
	float: right;
	clear: right;
	margin-right: 0;
	background: #aaa;
}
	#box_e_commerce p {
		padding-top: 5px;
		text-align: center;
		line-height: 15px;
	}
	#box_e_commerce ul li a {
		background: #D5D5D5;
	}
		#box_e_commerce ul li a img {
			float: left;
			margin-right: 5px;
		}
	
/***** SIDEBAR *****/
#sidebar {
	float: right;
	clear: right;
	width: 255px;
}
	#sidebar .banner {
		margin: 5px 0;
		text-align: center;
	}


/* FULL-TEXT AREAS */
#text {
	padding: 5px;
	font-size: 12px;
}
	#text * {
		font-size: 12px;
	}
	#text h2 {
		font-size: 20px;
	}
	/* LEAD */
	#text h4 {
		font-size: 13px;
		text-transform: uppercase;
		margin: 5px 0;
	}
	#text h5 {
		font-weight: normal;
		margin-bottom: 10px;
	}
	#text h5,
	#text h5 a {
		font-size: 9px;
	}
	#text p {
		margin: 10px 0;
	}
	#text p,
	#text p * {
		font-size: 12px;
	}
	#text a {
		text-decoration: underline;
	}
	#text a:hover {
		text-decoration: none;
	}
	#text .pic_box {
		float: left;
		text-align: center;
		border: 2px solid #ccc;
		background: #E3E3E3;
		font-size: 10px;
		color: #666;
		margin: 0 10px 10px 0;
	}
		#text .pic_box img {
			margin-bottom: 3px;
		}

/* 'MORE' LISTINGS */
#more {
	float: left;
	width: 338px;
}
	#more h2 {
		background: #e3e3e3;
		padding: 2px;
		text-transform: uppercase;
	}
	#more ul {
	}
		#more li {
		}
			#more ul li a {
				display: block;
				padding: 2px;
				background: #f1f1f1;
				/* IE Whitespace holes */
				_height: 1%;
			}
				#more ul li a:hover,
				#more ul li a:hover * {
					text-decoration: underline;
					background: #fff;
				}
			#more ul li.alt a {
				background: #f7f7f7;
			}


#calendar {
	float: right;
	clear: right;
	border: 5px solid #e3e3e3;
	padding: 2px;
	width: 158px;
	_width: 172px;
	background: #f1f1f1;
}
	#calendar h4 {
		text-transform: uppercase;
		background: #fff;
		color: #666;
		padding: 2px;
	}
	#calendar p {
		float: left;
		height: 20px;
		line-height: 20px;
		padding-left: 2px;
	}
		#calendar p a {
			font-weight: bold;
			color: #666;
		}
	#calendar p.nav {
		float: right;
	}
		#calendar p.nav a {
			float: left;
			display: block;
			margin-right: 2px;
			/* IE FUCKIN DOUBLE MARGIN */
			_display: inline;
			
			text-indent: -5000px;
			width: 20px;
			/* HIDE MOZ FOCUS BORDER TILL THE LEFT */
			overflow: hidden;
		}
		#calendar p.nav a.previous {
			background: url(calendar_nav_previous.gif);
		}
		#calendar p.nav a.next {
			background: url(calendar_nav_next.gif);
		}
	#calendar a:hover {
		text-decoration: underline;
	}
	#calendar table {
		clear: both;
		width: 158px;
		border-spacing: 2px;
	}
		#calendar table th,
		#calendar table td {
			width: 18px;
			height: 18px;
			line-height: 18px;
			text-align: center;
			border: 1px solid;
		}
		#calendar table th {
			color: #666;
			background: #ccc;
			border-color: #ccc;
		}
		#calendar table td {
			background: #fff;
			border-color: #fff;
		}
		#calendar table td.today {
			border-color: #666;
		}
			#calendar table td.sel,
			#calendar table td.sel a {
				background: #ccc;
			}
			#calendar table td a {
				display: block;
				font-weight: bold;
				text-decoration: underline;
			}
			#calendar table td a:hover {
				text-decoration: none;
				background: #999;
				color: #fff;
			}
#anchor_nav {
	float: right;
	width: 172px;
	background: #e3e3e3;
}
	#anchor_nav li {
		/* IE Extra margin */
		display: inline;
	}
		#anchor_nav li a {
			display: block;
			background: #f2f2f2;
			border: 1px solid #ccc;
			color: #666;
			line-height: 18px;
			text-indent: 5px;
			margin: 5px;
		}
#anchor_info {
	background: #ccc;
	margin-top: 2px;
	padding: 5px;
	width: 328px;
	_width: 338px;
}
	#anchor_info h2 {
		font-size: 15px;
	}
	#anchor_info h4 {
		text-transform: uppercase;
		margin: 15px 0 5px 0;
		background: #bbb;
		padding: 2px 5px;
	}
	#anchor_info h4.first {
		margin-top: 0;
	}
		#anchor_info h4 a {
			float: right;
			text-transform: lowercase;
			font-weight: normal;
		}
	#anchor_info p {
		margin-bottom: 5px;
	}
		#anchor_info p a {
			text-decoration: underline;
		}


#box_casual {
	width: 255px;
	height: 280px;
	background: #94C8B4;
	margin: 0;
	padding: 0;
}
	#box_casual ul {
		width: 255px;
	}
			#box_casual ul li a {
				background: #BADCCF;
				line-height: 13px;
			}
				#box_casual ul li a img {
					float: left;
					margin-right: 5px;
				}
                #box_casual ul li a span {
                    display: block;
                    height: 26px;
                    overflow: hidden;
                }



/* MESSAGE BOX */
#message {
	border: 1px solid #fc6;
	background: #ffc no-repeat 10px 10px;
	padding: 10px;
	padding-left: 90px;
	min-height: 65px;
	_height: 85px;
	margin: 10px 30px;
	clear: both;
}
.ok {
	background-image: url(ico_ok.gif) !important;
}
.alert {
	background-image: url(ico_alert.gif) !important;
}
.error {
	background-image: url(ico_error.gif) !important;
}
	#message * {
		color: #333;
	}
	#message h2 {
		font-size: 15px;
		margin-bottom: 5px;
	}
	#message p {
		margin-bottom: 5px;
	}
	#message p#links {
		margin-top: 15px;
		line-height: 25px;
	}
	#message a {
		background: #E2C608;
		color: #fff;
		padding: 2px 5px;
		text-transform: uppercase;
	}

/***** FOOTER *****/
#footer {
	clear: both;
}
	#footer p {
		text-align: right;
		color: #ccc;
	}
	#footer a {
		color: #ccc;
		padding: 0 3px;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#copyright {
		float: left;
		color: #999;
	}
		#copyright * {
			text-align: center !important;
		}
		#copyright h3 {
			line-height: 15px;
			font-weight: normal;
			color: #999;
			background: url(copy_right.gif) no-repeat right;
			padding-right: 3px;
		}
			#copyright h3 span {
				display: block;
				padding: 0 6px;
				padding-left: 9px;
				background: url(copy_left.gif) no-repeat;
			}
		#copyright p {
		}