@charset "utf-8";
/* CSS Document */

div#content {
	width:800px;
	top:100px;
	left:50%;
	margin-left:-300px;
}

div#discos {
	width:130px;
	float:left;
	margin-right:5px;
}

div#discos img.cd {
	display:block;
	clear:both;
	margin-top:24px;
}

p.nome-disco {
	padding:10px;
	background-color:#000;
	font-weight:bold;
	clear:both;
	font-size:16px;
}


ul#outros-discos li {
	float:left;
	margin-right:4px;
	margin-top:4px;
}

ul#outros-discos li.no-margin {
	margin-right:0px;
}

div#musicas {
	width:600px;
	height:360px;
	float:left;
}

div#musicas ul#conteudo-musicas {
	margin-bottom:10px;
	clear:both;
}

div#musicas ul#conteudo-musicas li {
	display:block;
	padding:5px;
	background:url(../img/bg-transparente.png) top repeat-x;
	_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-transparente.png', sizingMethod='scale'); /* Essa coloca um filtro pra o IEca ler o PNG */
	overflow:auto;
	margin-bottom:2px;
}

div#musicas ul#conteudo-musicas li * {
	float:left;
}

div#musicas ul#conteudo-musicas li a.play {
	margin-right:10px;
	cursor:pointer;
}

div#musicas ul#conteudo-musicas li a.letra {
	margin-right:15px;
}

div#musicas ul#conteudo-musicas li p {
	width:535px;
	margin-right:10px;
	font-size:12px;
}

div#conteudo-letras {
	width:560px;
	height:360px;
	padding:0 20px 20px 20px;
	float:left;
	background:url(../img/bg-transparente.png) top repeat-x;
	_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-transparente.png', sizingMethod='scale'); /* Essa coloca um filtro pra o IEca ler o PNG */
	margin-bottom:10px;
}

div#conteudo-letras h2 {
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}

div#letras {
	margin-top:0px;
	width:530px;
	height:330px;
	padding:0 15px 15px 15px;
	background:#0d0d0d;
	overflow:auto;
}

div#letras h3 {
	font-weight:bold;
	font-size:16px;
	padding-bottom:5px;
	color:#cfcd00;
	padding-top:20px;
}

div#letras h3 a{
	text-decoration:none;
	cursor:normal;
}

ul.abas li {
	float:left;
	margin-right:10px;
}

ul.abas li a {
	display:block;
	width:108px;
	height:24px;
	text-indent:-9999em;
	cursor:pointer;
}

ul.abas li.musica a {
	background:url(../img/aba-musica.png) top no-repeat;
}

ul.abas li.letra a {
	background:url(../img/aba-letra.png) top no-repeat;
}

ul.abas li.musica a.enabled {
	background-position:bottom;
	cursor:default;
}

ul.abas li.letra a.enabled {
	background-position:bottom;
	cursor:default;
}

div.bt-recado {
	clear:both;
}

div#player {
	position:absolute;
	top:0;
	left:50%;
	margin-left:243px;
}



div#content {
	z-index:10;
}

div#footer {
	z-index:5;
}