* { margin:0; padding:0 }

body {
	font:13px Tahoma;
	background:#333 url(img/bg-body.jpg) repeat-x }
	
#all {
	padding:25px 0;
	width:705px;
	margin:0 auto }
	
#header {
	background:url(img/bg-header.gif) no-repeat bottom;
	height:385px }
	
#menu {
	height:72px;
	background:url(img/bg-menu.gif);
	margin-bottom:10px }
	
#menu ul {
	padding:0 0 0 18px;
	list-style:none }
#menu ul li {
	padding-right:2px;
	background:url(img/bg-menu-li.jpg) no-repeat right;
	float:left }
	
#menu ul li.last { background:none }
	
#menu ul li a {
	padding:24px 15px 26px 15px;
	color:#FFF;
	display:block;
	font:bold 18px Arial;
	text-decoration:none;
	letter-spacing:-1px }
	
#menu ul li a:hover { 
	color:#FF8E04;
	/*background:url(img/bg-menulinkhover.jpg)*/ }
	
#content {
	padding:5px;
	width:695px;
	background:#FFF;
	float:left }
	
#programa,
#gallery,
#top,
#newsletter { 
	float:left;
	font-size:11px;
	padding:15px 20px;
	color:#FFF;
	background:url(img/bg-programa.jpg) no-repeat;
	width:275px;
	height:230px }
		
#gallery,
#top,
#newsletter { 
	padding:15px 20px;
	color:#000;
	clear:left;
	width:275px;
	background:none;
	height:auto }
	
#gallery.detail {
	width:auto;
	float:none }
	
#comments {
	float:right;
	width:330px;
	padding:10px 25px }

#comments.detail {
	float:none;
	width:auto;
	padding:10px 30px }
	
.detail { padding:10px 30px !important }
	
h2 {
	clear:both;
	font-family:Arial;
	margin-bottom:10px;
	text-align:center;
	letter-spacing:-1px;
	text-transform:uppercase;
	font-size:20px }
	
.detail h2,
#comments h2,
#gallery h2,
#top h2,
#newsletter h2  {
	padding:5px 0;
	color:#FF8E04;
	background:url(img/bg-h2.jpg) no-repeat center bottom }
	
h3 { 
	margin-top:10px;
	font:bold 15px Tahoma;
	clear:both }

ul li.last { border:none !important }

#programa { color:#FFF }
#programa.detail {
	width:auto;
	color:#000;
	height:auto;
	font-size:13px;
	float:none;
	background:none }
	
#programa h2 { color:#FFF }
#programa.detail h2 { color:#FF8E04 }

#programa a.botao {
	margin-bottom:10px;
	width:280px;
	height:50px;
	text-indent:-1000000px;
	display:block;
	background:url(img/btn-radioaovivo.gif) }
	
#programa a.botao:hover { background:url(img/btn-radioaovivo.gif) bottom }

#programa p { margin-bottom:5px }

p,
#programa.detail p { margin-bottom:10px }

#programa a.more {
	font-size:11px;
	color:#CAE054 }

#programa a.moreb {
	display:block;
	clear:both;
	background:url(img/bg-morelinkb.gif) no-repeat right center;
	padding:9px 30px 10px;
	text-align:right;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF }

#programa a.moreb:hover { color:#CAE054 }

#programa .diasemana {
	float:left;
	width:100%;
	padding:15px 0;
	border-bottom:3px dotted #CCC}
	
#programa .diasemana .dia,
#programa .diasemana ul { float:left }

#programa .diasemana .dia {
	background:#FF8E04;
	color:#FFF;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	letter-spacing:-1px;
	margin-right:20px;
	width:200px }

#programa .diasemana ul {
	list-style:none;
	width:400px }
	
#programa .diasemana ul li .hora { 
	color:#FF8E04;
	font-weight:bold }
	
#programa .diasemana ul li .descricao { 
	font-size:11px;
	color:#666 }

	
/* GALERIA DE FOTOS ---------------------------------*/	
#gallery ul { list-style:none }

#gallery ul li {
	float:left;
	padding:10px 0; 
	width:100%;
	border-bottom:1px dotted #CCC }
	
#gallery.detail ul li { width:50% !important }
	
#gallery  .data { color:#999 }

#gallery  .titulo {
	margin-bottom:5px;
	letter-spacing:-1px;
	font-size:25px }

#gallery  ul li .titulo { 
	font-size:15px;
	letter-spacing:normal;
	font-weight:bold }

#gallery img {
	border:0;
	margin-right:10px }	
	
#gallery a img,
#gallery .thumbs a { border:2px solid #DDD }	
#gallery a:hover img,
#gallery .thumbs a:hover { border:2px solid #FF8E04 }	

#gallery .numfotos { color:#FF8E04 }
		
#gallery a.more,
#comments a.more {
	display:block;
	clear:both;
	background:url(img/bg-morelink.gif) no-repeat right center;
	padding:9px 30px 10px;
	text-align:right;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	color:#333 }

#gallery a.more:hover,
#comments a.more:hover { color:#FF8E04 }

#gallery p {
	font-size:13px;
	clear:both; 
	margin-bottom:50px }

#gallery ul li p { 
	font-size:11px;
	clear:none; 
	margin:0 }

#gallery .thumbs { clear:both }
	
#gallery .thumbs a  {
	float:left;
	margin:0 5px 5px 0;
	width:35px;
	height:35px;
	text-indent:-1000000px;
	display:block }

#radio #gallery .thumbs a  {
	width:60px;
	height:60px }

/* TOP10 ---------------------------------*/	
#top table tr td {
	border-bottom:1px dotted #DDD;
	padding:2px 5px; }
	
#top table tr td.posicao {
	text-align:center;
	font-weight:bold;
	border-right:2px solid #FF8E04;
	font-size:15px }

#top table tr td .nome {
	color:#FF8E04;
	text-align:center;
	font-weight:bold;
	font-size:15px }

/* NEWSLETTER ---------------------------------*/	
#newsletter h2 { margin:0 }

#newsletter form  {
	padding:10px;
	background:#FFE7C8 url(img/bg-newsletter.jpg) no-repeat bottom}
	
#newsletter #MsgNewsletter { margin-top:10px }	
#newsletter #MsgNewsletter img { float:left; margin-right:10px }	
	
#newsletter label,
#comments label {
	margin-bottom:2px;
	display:block }
	
#newsletter span,
#comments label span {
	float:left;
	padding:2px 5px;
	width:65px }
	
#newsletter input.text,
#comments input.text,
#comments textarea {
	padding:2px;
	color:#333;
	font:11px Tahoma }
	
.button  {
	font:bold 11px Tahoma;
	color:#FFF;
	padding:3px;
	border:2px solid #CC8E04;
	background:#FF8E04 }

/* MURAL DE RECADOS ---------------------------------*/	
#comments { position:relative }

#comments form {
	z-index:10;
	position:absolute;
	right:25px;
	top:85px;
	width:240px;
	background:#FFF;
	padding:10px;
	border:2px solid #DDD }
	
#comments form br { display:none }
#comments ul { list-style:none }
#comments ul li { 
	padding:10px 0;
	border-bottom:1px dotted #CCC }
	
#comments ul li .nome { color:#FF8E04 }

#comments ul li .nome,
#comments ul li .cidade { font-size:15px }

#comments ul li .comment { padding:5px 0 }

#comments ul li .datahora { 
	color:#999;
	font-size:11px }
	
#radio #gallery { margin-bottom:15px !important }

.paginador {
	clear:both;
	padding:10px;
	background:#DDD;
	text-align:left }
	
.paginador ul.pages,
.paginador ul.pages li {
	background:none !important;
	display:inline;
	float:none !important;
	padding:0 !important;
	border:0 !important }
	
.paginador ul.pages li a{
	text-decoration:none;
	background:#FFF;
	padding:2px 7px;
	color:#999;
	display:inline }
	
.paginador ul.pages li a:hover {
	background:#FF8E04;
	color:#FFF }
	
#contato .info {
	text-align:center;
	float:left;
	padding-top:20px;
	width:250px }
	
#contato form {
	float:left;
	padding-top:20px;
	width:385px }
	
#contato form label {
	float:left;
	margin:0 0 5px }
	
#contato form span { 
	float:left;
	width:80px }
	
#comments form input.text ,
#comments form textarea ,
#contato form input.text ,
#contato form textarea { 
	font:13px Verdana;
	color:#666;
	padding:2px;
	border:1px inset #CCC }
	
#contato form input.button { 
	font:bold 13px Verdana;
	padding:2px }
	
#contato a { color:#FF8E04 }	
	
#footer {
	z-index:5;
	position:relative;
	background:url(img/bg-footer.jpg) no-repeat top;
	padding-top:30px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	clear:both }
	
#footer .dev { color:#888 }
#footer .dev a { color:#666 }
#footer .dev a:hover { color:#888 }