/* TEMPORÁRIO: LAYOUT */
img[src$="pix.png"] {
	background: red;
	opacity: .5;
}

/* BANNERS */
.full-banner{
	text-align: center;
	width: 100%;
}

.selo-banner{
	text-align: center;
	width: 100%;
}

/* ESTRUTURA DA PÁGINA */ 
body {
	text-align: center;
	background: #fff url(img/body.png) repeat-x top left;
	font-size: 12px;
	color: #404040;
	font-family: sans-serif;
}

#container {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	padding: 0 20px;
	padding-top: 10px;
	height: 90px;
	width: 990px;
}
	#header h1 {
		float: left;
		margin-top: 10px;
	}
		#header h1 a {
			display: block;
			text-indent: -9999em;
			background: url(img/logo_bandab.png) no-repeat;
			width: 200px;
			height: 70px;
			overflow: hidden;
		}
	#header .banner {
		float: right;
	}

#nav {
	clear: both;
	height: 60px;
}
	#nav form {
		float: right;
		margin-right: 20px;
		display: inline;
		line-height: 20px;
		position: relative;
		z-index: 2;
	}
		#nav label,
		#nav .field,
		#nav .button {
			float: left;
			vertical-align: middle;
			margin-right: 5px;
			display: inline-block;
		}
		#nav .field {
			width: 156px;
		}
		#nav .button {
			background: url(img/bt_busca.jpg) no-repeat;
			width: 20px;
			height: 20px;
			content: "";
			line-height: 0;
			text-indent: -9999px;
			border: none;
			margin-right: 0;
		}

	#nav ul {
		position: relative;
		z-index: 1;
	}
		#nav ul li {
			display: inline;
			margin: 0 5px;
		}
			#nav ul li a {
				display: inline-block;
				background: #f9d323;
				color: #404040;
				text-transform: uppercase;
				font: 14px "Arial Black";
				line-height: 30px;
				padding: 0 5px;
			}
			#nav ul li a:hover,
			#nav ul li.on a {
				color: #e1040a;
			}
			#nav ul li ul {
				position: absolute;
				left: 0;
				top: 30px;
				background: #e1040a url(img/nav.jpg) repeat-x;
				width: 100%;
				display: none;
				z-index: 1;
			}
			#nav ul li:hover ul,
			#nav ul li.hover ul {
				display: block !important;
				z-index: 2 !important;
			}
				#nav ul li ul li {
					margin: 0;
					background: url(img/nav-sep.jpg) no-repeat right;
					padding-right: 4px;
				}
					#nav ul li ul li a {
						font: 14px Arial, Helvetica, sans-serif;
						font-weight: bold;
						text-transform: lowercase;
						line-height: 30px;
						color: #fff;
						padding: 0 10px;
						background: none;
					}
					#nav ul li ul li a {
						color: #fff;
					}
					#nav ul li ul li a:hover {
						color: #fff;
						text-decoration: underline;
					}

	/* CONFIGURAÇÕES DE MENU "ON" NAS SEÇÕES */
	body#uncategorized #nav ul li.first ul {
		display: block;
	}

	body#home #nav ul li.banda-b ul,
	body.jornalismo #nav ul li.jornalismo ul,
	body.entretenimento #nav ul li.entretenimento ul,
	body.esporte #nav ul li.esporte ul {
			display: block;
	}
		body#home #nav ul li.banda-b a,
		body.jornalismo #nav ul li.jornalismo a,
		body.entretenimento #nav ul li.entretenimento a,
		body.esporte #nav ul li.esporte a {
			color: #e1040a;
		}
			body#home #nav ul li.banda-b ul li a,
			body.jornalismo #nav ul li.jornalismo ul li a,
			body.entretenimento #nav ul li.entretenimento ul li a,
			body.esporte #nav ul li.esporte ul li a {
				color: #fff;
			}
			body#home #nav ul li.banda-b ul li a:hover,
			body.jornalismo #nav ul li.jornalismo ul li a:hover,
			body.entretenimento #nav ul li.entretenimento ul li a:hover,
			body.esporte #nav ul li.esporte ul li a:hover {
				text-decoration: underline;
			}




#page {
	width: 960px;
	padding: 0 20px;
}
	#page .content {
		float: left;
		width: 690px;
	}
	#page .sidebar {
		float: right;
		width: 250px;
	}

#now-playing {
	position: relative;
	background: #f9d323;
	padding: 10px 0;
}
	#now-playing ul {
		padding-left: 10px;
	}
		#now-playing ul li {
			display: inline;
			width: 200px;
		}
			#now-playing ul li a {
				float: left;
				padding: 0 10px;
				width: 168px;
				background: url(img/now-playing-sep.jpg) no-repeat;
			}
			#now-playing ul li a strong,
			#now-playing ul li a span,
			#now-playing ul li a em {
				display: block;
				color: #404040;
				font-family: "Arial Black",sans-serif;
				letter-spacing: -1px;
			}
			#now-playing ul li a em {
				font-style: normal;
				color: #e1040a;
			}
			#now-playing ul li a strong {
				font-size: 18px;
				/* TODO: rever equivalência de spacing
				 * Fireworks / HTML
				 * */
				letter-spacing: -1px;
			}
		#now-playing ul li.play a {
			padding-left: 60px;
			width: 210px;
			min-height: 57px;
			_height: 57px;
			padding-top: 5px;
			background: url(img/bt_play.jpg) no-repeat;
		}
			#now-playing ul li.play a strong {
				font-size: 24px;
				letter-spacing: -2px;
				color: #e1040a;
				text-transform: uppercase;
			}
			#now-playing ul li.play a span {
				font-size: 14px;
			}

	#now-playing p {
		position: absolute;
		right: 0;
		bottom: 0;
	}
		#now-playing p a {
			display: block;
			text-indent: -9999em;
			background: url(img/bt_more.jpg);
			width: 23px;
			height: 21px;
			overflow: hidden;
		}
	
		
#footer {
	clear: both;
	line-height: 50px;
	text-align: center;
	color: #f9d323;
	font-size: 12px;
	font-weight: bold;
	background: #e1040a;
	margin: 0;
}


/* FORMULÁRIO PADRÃO */
.form {
}
	.errorlist {
		font-size: 14px;
		font-weight: bold;
		background-color: #E1040A;
		color: #f9d323;
		padding: 5px 7px;
		margin-bottom: 5px;
	}
	.form fieldset {
		border: 0;
	}
	.form p {
		margin-bottom: 5px;
	}
	.form .row {
		clear: both;
	}
		.form .row .field-wrapper {
			float: left;
			margin-right: 10px;
		}
			.field-wrapper .errorlist {
				font-weight: normal;
			}
	.form label {
		display: inline-block;
		font-weight: bold;
		text-transform: lowercase;
		font-size: 14px;
		font-family: "Arial Black",sans-serif;
		margin-right: 5px;
	}
	.form .field {
		border: 1px solid #7f7f7f;
		background: #dadada;
		height: 18px;
		font-size: 14px;
		padding: 0 2px;
	}
	.form [type=file],
	.form textarea.field{
		height: auto;
	}

	.form p.buttons {
		text-align: right;
	}
	p.buttons input,
	p.buttons a,
	.button {
		background: #E01905 url(img/form_bt.gif) repeat-x bottom;
		color: #f9d323;
		font-family: "Arial Black",sans-serif;
		font-size: 14px;
		padding: 0 10px;
		border: 0;
		height: 23px;
		line-height: 22px;
		/* IE6 ganha altura ao mudar overflow
		 * e IEs desalinham se o line-height for mantido */
		*line-height: 21px;
		vertical-align: middle;
		text-transform: uppercase;
	}

	p.buttons a.link{
		background: #F9D323;
		color: #333;
	}
	p.buttons input,
	input.button {
		/* IEs ganham largura quando há padding */
		overflow: visible;
	}
	p.buttons a,
	a.button {
		display: inline-block;
	}
	
/* Forms inside .content */
.content .form .row {
}
	.content .form .field-wrapper {
		width: 335px;
	}
	.content .form .row label {
		width: 100px;
	}
	.content .form .row input {
		width: 220px;
		vertical-align: top;
	}
	
.radio-suggestion{
	width: 390px;
	float: left;
}
	.radio-suggestion div.field-wrapper{
		width: 100% !important;
	}
	.radio-suggestion div p{
		margin: 5px 0;
	}
	.radio-suggestion div p input, .radio-suggestion div p textarea{
		display: inline-block;
		float: right;
		width: 250px;
	}
	.radio-suggestion div p textarea{
		height: 180px !important;
	}
	.radio-suggestion div p label{
		display: inline-block;
		float: left;
	}

ul#radio-blocks-list{
	margin-bottom: 15px;
	float: left;
}
	ul#radio-blocks-list li{
		float: left;
		width: 320px;
		margin: 6px 0;
		font-weight: bold;
		font-size: 14px;
	}
		ul#radio-blocks-list li.right{
			float: right;
		}
		
ul#radios-latest-audios{
	margin-bottom: 15px;
	float: left;
}
	ul#radios-latest-audios li{
		float: left;
		margin: 6px 0;
		width: 320px;		
	}
		ul#radios-latest-audios li.right{
			float: right;
		}
	ul#radios-latest-audios li a{
		color: #404040;
		font-size: 14px;
		font-weight: bold;
	}
		ul#radios-latest-audios li a:hover{
			text-decoration: underline;			
		}

/* SPLASH LINK DENTRO DE BOXES */
p.splash a {
	text-align: center;
	color: #404040;
	display: block;
	font-weight: bold;
	font-size: 14px;
}