/**
 * 	@author:
 *	2010 Eric Mantoani <eu@eric.com.br>
 * 	
 * 	@comment:	
 * 
 * 	@documentation:
 * 	http://eric.com.br/doc/css/
 * 	
 * 	@resume:
 *	Hierarquia para declaração de propriedades css
 *	1. Posicionamento; >> position, top, right, bottom, left, z-index
 *	2. Fluxo; >> float, clear 
 *	3. Dimensões; >> width, height, overflow
 *	4. Margens e etc; >> margin, padding, outline, list-style
 *	5. Display; >> display, visibilty
 *	6. Tipografia; >> font, line-height, text, word-spacing, letter-spacing, vertical-align, color
 *	7. Background;
 *	8. Outros; >> opacity, cursor, content, quotes  
 *
 * 	Date: 06/03/2010
 * 	Revision: 1
 */
 

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#06050b; overflow:hidden;}
a{text-decoration:none;}
#wrap{ position:absolute; width:300px; left:50%; margin-left:-150px; }
h2{font-size:16px; font-weight:bold; color:#7e7e7e;}
li{list-style:none;}

#topo{width:300px; height:46px; background:url('../images/i-topo-controle-remoto.gif') no-repeat; }
#topo h1{display:none;}

#flash{ height:295px; width:300px; }

#culturaPlaylist{ position:absolute; padding:5px; margin:95px 0 0 10px; height:155px; width:270px; background-color:#e5e5e5; display:none; overflow:auto; }
#culturaPlaylist ul{ margin:8px 0; }
#culturaPlaylist ul li{ font-size:12px; font-weight:lighter; color:#5a5a5a; cursor:pointer; }
#culturaPlaylist ul li.nome-musica{ float:left; margin-bottom:5px; width:200px; font-size:11px; }
#culturaPlaylist ul li.fechar-musica{ float:right; }
#culturaPlaylist ul .nowPlaying{ font-weight:bold; }
#culturaPlaylist .divisor{ clear:both; height:1px; width:100%; background-color:#d7d7d7; }

#content{margin:0 5px; padding:5px; height:210px; width:280px; background-color:#4c4c4c;}
#content #titulo{ font-family:Arial; font-size:16px; font-weight:bold; color:#a0a0a0; }

#content #lista{height:195px; overflow:auto; color:#a0a0a0;}
#content #lista dl{margin:3px;}
#content #lista dl .control{margin-top:3px; }
#content #lista dl .control span{cursor:pointer;}
#content #lista dl dt{ font-family:Arial; font-size:13px; font-weight:bold; color:#ccc; }
#content #lista dl dd{ margin:3px; font-size:11px; }
#content #lista dl dd p{ margin-bottom:6px;}
#content #lista dl dd a{color:#ccc;}

#content #lista .divisor{ margin:7px 0; height:1px; background-color:#a0a0a0; width:100%; }

#content #content-end{margin-left:-5px; width:290px; height:10px; background:url('../images/i-controle-remoto-content-end.gif') no-repeat;}

#footer{margin:16px 4px; height:20px; font-size:11px;}
#footer span{margin-top:-6px;}
#footer #bt-sobre{float:right; margin-top:-6px; width:70px; height:31px; background:url('../images/i-controle-remoto-sobre.gif') no-repeat; display:block; cursor:pointer;}
#footer #bt-sobre-on{float:right; margin-top:-6px; width:70px; height:31px; background:url('../images/i-controle-remoto-sobre-on.gif') no-repeat; display:none; cursor:pointer;}

#sobre{position:absolute; margin:64px 0 0 5px; width:290px; height:460px; display:none; background:url('../images/bg-sobre.gif') no-repeat; display:none;}


#voltar{float:right; cursor:pointer;}

.pointer{cursor:pointer;}
img.youthumb{ width:88px; height:58px; }
.playing{font-weight:bold;}