/**
* Ficheiro de estilos gerais
*/

/* Para que o scroll da direita seja sempre visivel 
	Fontes: http://forums.mozillazine.org/viewtopic.php?t=117
	http://www.communitymx.com/content/article.cfm?cid=528A0
   Alternativa:
   	<div style="position:absolute; top:0; height:100%; padding:0 0 1px">&nbsp;</div>
*/
html { min-height: 100%; margin-bottom: 1px; }
/* -- */
body
{	
	margin:0;
	padding:0;
/* text */
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif; /*  monospace, "Courier New", Courier; */
	background-image:url(imagens/fundo.gif);
	background-repeat:repeat;
	background-attachment:fixed;
}
table { margin: 0; border: 0; padding: 0; border-collapse: collapse; }
td, tr {margin: 0; border: 0; padding: 0; }
td { vertical-align: top; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
a:link, a:visited { color: black; text-decoration: none; }
a:hover, a:active {	color: black; text-decoration: underline; }
a img {	border-width: 0; }
input, textarea { border-width:0; }
hr { 
	height: 1px;
	margin-top: 5px;
	margin-bottom: 4px;
	border: 0;
	color: transparent;
	background-color: #000000;
}

/*  #####################################  */
/*  #############  Gerais  ##############  */
#main {
	background-color:#FFFFFF;
	margin:0 auto;
	width: 840px;
	padding: 0 24px 24px 24px;
}
#main #main_header {
	clear: both;
	padding: 39px 0 26px 0;
	height: 16px;
}
#main #header_logo {
	float: left;
}
#main #header_menu {
	float: right;
}
#header_menu #menu {
    margin:0;
    padding:0;
}
#header_menu #menu li {
    list-style:none;
    margin:0;
    padding:0;
	margin-left:16px;
    float:left;
	cursor:hand;
}
#main #main_banner { clear:both; }
#main #main_body { clear:both; }
#main #main_footer { clear:both; }

/* Opções de administrador */
.admin a { 
	color: #0000FF;
	background-color:#FFFF00;
}

.play_button, 
.play_button:link, .play_button:visited,
.play_button:hover, .play_button:active {
	color: red;
}
/*  #####################################  */
/*  ##########  Formulários  ############  */

.form_div {
	float:left;
	width:580px;
	padding:20px 20px 20px 0;
	background-color:black;
	color: white;
	font-weight:bold;
}

.form_div .form_elemento {
	width:548px;
	padding:2px 4px 3px 30px;
	background-color:white;
	color: black;
}

/*  #####################################  */
/*  ##############  Index  ##############  */
#main_body #start_logo { float: left; }
#main_body #start_news { float: right; width:170px; }
#start_news ul { margin:0 0 10px; padding:0; font-weight:bold; color:#3131FF; }
#start_news ul li { list-style:none; margin:0; padding:0; }
#start_news ul li ul { font-weight:normal; color:black; }

/*  #####################################  */
/*  ####  Ouvir - À borla / Na berra ####  */

#pag_aborla,
#pag_naberra {}

#pag_aborla p,
#div_naberra p {
	margin-top:3px;
	margin-bottom:3px;
}

/*  ## Upper ## */
#div_aborla_upper,
#div_naberra_upper {
	margin-top: 25px;
	clear: both;
}

#div_aborla_upper #div_imagem_convida,
#div_naberra_upper .div_imagem_musica {
	float: left;
}

#div_aborla_upper #div_imagem_convida img,
#div_naberra_upper #div_imagem_musica img {
	max-width: 420px;
	max-height: 234px;
}

#div_aborla_upper #div_musicas_downloads,
#div_naberra_upper #div_lista_musicas {
	float: right;
	width: 360px;
}

#div_aborla_upper #div_musicas_downloads hr,
#div_naberra_upper #div_lista_musicas hr {
	margin-top: 8px;
	margin-bottom: 8px;
}

#div_aborla_upper #div_musicas_downloads .div_titulo,
#div_naberra_upper #div_lista_musicas .div_titulo {
	padding-top: 6px;
	padding-left: 9px;
	margin-bottom: 8px;
	height: 18px;
	vertical-align: center;
	background-color: black;
}

#div_aborla_upper #div_musicas_downloads .div_musica_download,
#div_naberra_upper #div_lista_musicas .div_item_musica {}

#div_aborla_upper #div_musicas_downloads .div_musica_download .div_nome_musica,
#div_naberra_upper #div_lista_musicas .div_item_musica .div_nome_musica {}

#div_aborla_upper #div_musicas_downloads .div_musica_download .div_download_musica *,
#div_naberra_upper #div_lista_musicas .div_item_musica .div_download_musica * {
	color: red;
}

/*  ## Bottom / detalhes ## */
#div_aborla_bottom {
	clear: both;
}

#div_aborla_bottom #sugestao_lider_convida,
#div_naberra_upper #div_detalhes_musicas .descmusica_titulo_musica {
	margin-top: 12px;
	font-weight: bold;
}

#div_aborla_bottom #sugestao_titulo,
#div_naberra_upper #div_detalhes_musicas .descmusica_titulo {
	font-size: 17px;
	font-weight: bold;
	color: red;
	margin-top: 12px;
}

#div_aborla_bottom #sugestao_texto,
#div_naberra_upper #div_detalhes_musicas .descmusica_texto {
	margin-top: 12px;
}

#div_naberra_upper #div_detalhes_musicas .descmusica_texto {
	width: 460px;
}

/*  #####################################  */
/*  ########  Ouvir - Na berra ##########  */

#leitor {
	position:absolute;
	left:4px;
	top:4px;
}

#div_naberra_upper .descmusica_titulo_musica {
	clear:both;
}

/*  #####################################  */
/*  ########  Ouvir - Discos ############  */

.lista_albuns {
	margin: 0;
	margin-left: 4px;
	padding-left: 9px;
	text-indent: -9px;
}
.descr_music_title, .descr_album_title, .lista_album_title {
	font-weight:bold;
}

.descr_music_header, .descr_album_header {
	color:red;
}
.descr_music_body, .descr_album_body {}

.lista_music_title {}

/*  #####################################  */
/*  ######  Registai-vos / Entrai #######  */

#pagina_registai-vos .form_div,
#pagina_entrar .form_div {
	width:460px;
}
#pagina_registai-vos .form_div .form_elemento,
#pagina_entrar .form_div .form_elemento {
	width:428px;
}

/*  #####################################  */
/*  #############  Falar  ###############  */

.com_lista {
	/*
	width:240px;
	*/
	margin-top: 64px;
}
.com_lista div { margin-bottom:5px; }

#com_lateral_direita {
	float:right;
	width:240px;
}
#com_lateral_esquerda {
	float:left;
	width:580px;
}
.com_lista .lista_lista_item { 
	/*margin-left: 4px;
	padding-left: 9px;
	text-indent: -9px;*/
}
.com_conversas {
	width:420px;
	/*
	float:left;
	width:580px; /*width:600px;*/
}
.conversa_titulo, .conversa_titulo a:link { font-weight:bold; font-size:34px; }
.conversa_data, 
 	.conversa_ver_comentarios, 
 	.conversa_ver_comentarios a:link,
 	.com_lista_titulo, 
 	.com_lista_titulo a:link, 
 	.conversa_titulo, 
 	.conversa_titulo a:link 
{
	color:#00CC00;
}
#link_comentar { font-weight:bold;  }
.conversa_texto { }

/*  #####################################  */
/*  ############  Notícias  #############  */

#pagina_noticias .form_div {
}

.noticia_titulo {
	font-weight:bold;
	margin-bottom:6px;
	color:#3131FF;
}

/* Adiciona » no inicio dos paragrafos
	- Não é suportado pelo IE, apareceu há pouco tempo
.lista_album_title:before , .lista_music_title:before { content: "»" } */

/*  #####################################  */
/*  ###############  VER  ###############  */

#pag_ver {}

#pag_ver ul#image_controls {
	padding:10px 0;
}

#pag_ver ul#image_controls li { 
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	margin-left:10px;
}