/* Luar Music | jun '09 | spicyweb | vimello */
@charset "utf-8";

/* Estrutura Principal */
 * { margin: 0; padding: 0; text-align: left; }
 a img { border: none; }
 html { background: url(../img/bgtile.jpg); }
 body { background: #0b0c0f url(../img/bgg.jpg) top center repeat-x; text-align: center; }
 div#container { width: 950px; display: block; margin: 0 auto; padding-top: 10px; }
 div#topo h1 a { float: left; display: inline; height: 100px; width: 128px; text-indent: -9999px; outline: none; background: url(../img/luar-music.jpg) top left no-repeat; margin: 0 0 0 200px; }
 div#topo h1#libra a { float: right; display: inline; height: 100px; width: 216px; text-indent: -9999px; outline: none; background: url(../img/libra.jpg) top left no-repeat; margin: 0 200px 0 0; }
 div#topo div#banner { width: 598px; height: 81px; float: right; background: #1d3249; margin-top: 20px; }
 div#topo { height: 115px; }
 div#corpo { margin: 15px auto; width: 950px; }
 div#footer { clear: both; height: 80px; margin: 20px 0; border-top: 1px solid #c0c0c0; padding-top: 20px; }
 div#assinatura { width: 200px; float: right; text-align: right; }
 div#footer p { float: left; width: 500px; margin: 0; }
 
/* Tipografia e Elementos de Apresentação */ 
  p { margin: 0 0 20px; display: block; }
  * { font-family: verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
  body { font-size: 11px; }
  div.clear { width: 1px; height: 1px; display: block; clear: both; }
  h2 { margin-bottom: 10px; color: #218eb5; font-size: 14px; text-transform: uppercase; font-weight: normal; }  
  div#txt.bloco h2 { font-size: 18px; }
  a { color: #62beff; text-decoration: none; }
  a:hover { color: #004a7d; }
  a.continue { display: block; float: right; }

/* Menu */
 #menu ul { list-style: none; padding: 0; width: 950px; margin: 15px 0; height: 17px; }
 #menu ul li { margin: 0; }
 #menu li { display: block; float: left; position: relative; }
 #menu ul li a { background-image: url(../img/menu.jpg); background-repeat: no-repeat; display: block; text-indent: -9999px; height: 17px; margin: 0 15px 0 15px; }
 #menu.interno ul li a { background-image: url(../img/menuinterno.jpg); }
 #menu ul a { float: none; outline: none; }
 
 #menu ul li#home a { width: 41px; background-position: 0 0; margin: 0 15px 0 0 !important; }
 #menu ul li#home a:hover,
 #menu ul li#home a#current { background-position: 0 -17px; }
 
 #menu ul li#luar a { width: 80px; background-position: -80px 0; }
 #menu ul li#luar a:hover,
 #menu ul li#luar a#current { background-position: -80px -17px; }
 
 #menu ul li#artistas a { width: 60px; background-position: -185px 0; }
 #menu ul li#artistas a:hover,
 #menu ul li#artistas a#current { background-position: -185px -17px; }
 
 #menu ul li#catalogo a { width: 80px; background-position: -280px 0; } 
 #menu ul li#catalogo a:hover,
 #menu ul li#catalogo a#current { background-position: -280px -17px; }
 
 #menu ul li#agenda a { width: 60px; background-position: -390px 0; }
 #menu ul li#agenda a:hover,
 #menu ul li#agenda a#current { background-position: -390px -17px; }
 
 #menu ul li#radio a { width: 85px; background-position: -476px 0; } 
 #menu ul li#radio a:hover,
 #menu ul li#radio a#current { background-position: -476px -17px; }
 
 #menu ul li#noticias a { width: 65px; background-position: -585px 0; } 
 #menu ul li#noticias a:hover,
 #menu ul li#noticias a#current { background-position: -585px -17px; }
 
 #menu ul li#cadastro a { width: 70px; background-position: -685px 0; } 
 #menu ul li#cadastro a:hover,
 #menu ul li#cadastro a#current { background-position: -685px -17px; }
 
 #menu ul li#imprensa a { width: 66px; background-position: -784px 0; } 
 #menu ul li#imprensa a:hover,
 #menu ul li#imprensa a#current { background-position: -784px -17px; }
 
 #menu ul li#contato a { width: 66px; background-position: -885px 0; margin: 0 0 0 15px !important; } 
 #menu ul li#contato a:hover,
 #menu ul li#contato a#current { background-position: -885px -17px; }
 
/* Específico para a Home */
 div#corpo div.bloco { border: 1px solid #1e1e1e; background: url(../img/bg-home.jpg); padding: 12px; }
 div#corpo div#e.bloco { width: 251px; float: left; height: 420px; display: inline; }
 div#corpo div#c.bloco { width: 346px; float: left; margin-left: 12px; height: 420px; display: inline; }
 div#corpo div#d.bloco { width: 251px; float: right; height: 420px; display: inline; }
 
 div#e.bloco div.mes { margin-bottom: 10px; }
 div#e.bloco div.mes p { margin-left: 20px; }
 div#e.bloco div.mes strong { display: block; margin-bottom: 20px; }
 div#e.bloco div.mes p strong { color: #218eb5; display: inline; }
 div.bloco hr { width: 90%; height: 1px; display: block; margin: 20px auto; border: 0; border-bottom: 1px solid #1b242b; }
 div#e.bloco hr { margin: 6px auto !important; }
 
 div#c.bloco p#radio { display: block; background: url(../img/record.jpg) top left no-repeat; padding: 0 0 0 100px; height: 110px; color: #fff; margin-top: 20px; }
 div#c.bloco p#radio strong { color: #218eb5; }
 div#c.bloco p#radio a.continue { margin-top: 25px; }
 
 div#d.bloco p strong { color: #218eb5; }
 div#d.bloco p { margin: 0; }
 div#d.bloco h2 { margin-bottom: 0px; }
 
 #widget { overflow: hidden; height: 180px; position: relative; float: left; }
 #widget img { display: none; }
 #widget li { clear: left; overflow: hidden; position: relative; top: 0; height: 90px; border-bottom: 1px solid #1b242b; *width: 230px; }
 h4 { font-size: 12px; color: #218eb5; margin-top: 25px; }
 #widget p { margin: 0 0 20px; }
 
 div#left.bloco { margin: 20px 0 0 0; float: left; width: 443px; height: 40px !important; } 
 div#right.bloco { margin: 20px 0 0 0; float: right; width: 443px; height: 40px !important; }
 div#left.bloco p, div#right.bloco p, div#left.bloco h2, div#right.bloco h2 { margin: 0; }

/* Específico para as Internas */
 div#side.bloco { width: 150px; float: right; background: none !important; display: block !important; border: 0 !important; }
 div#txt.bloco { width: 775px; float: left; }
 div#corpo.interno { margin-top: 30px; } 
 div#corpo.interno .bloco { background: url(../img/50.png); height: auto !important; padding: 0 !important; }
 div#corpo.interno .bloco p { margin: 15px; }
 div#corpo.interno .bloco h2 { margin: 15px; }
 
 #arts { overflow: hidden; height: 420px; position: relative; width: 120px; list-style: none; margin: 0 0 0 10px; *margin-bottom: -20px; }
 #arts li { clear: left; overflow: hidden; position: relative; top: 0; height: 140px; text-align: center; }
 
 /* Artistas */
 a.artistas { position: relative; width: 145px; display: inline; float: left; margin: 20px 0 30px 84px; cursor: pointer; }
 a.artistas img { border: 0; cursor: pointer; }
 a.artistas span { position: absolute; right: 0; top: 145px; font-size: 14px; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; cursor: pointer; }
 
 /* Artistas : individual */
 div.artistas { position: relative; width: 145px; display: inline; float: left; margin: 0 0 30px 20px; }
 div.artistas span { position: absolute; right: 0; top: 145px; font-size: 14px; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; }
 div#release { float: right; width: 570px; margin-right: 20px; display: inline; }
 div#release p { margin: 20px 0 !important; text-align: justify; }
 div#release h3 { color: #218eb5; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: -10px; }
 a.visite { display: block; text-indent: -9999px; background: url(../img/visite.jpg) top center no-repeat; width: 102px; height: 17px; float: right; margin: 10px 0 20px; outline: none; }
 a.outros { display: block; text-indent: -9999px; background: url(../img/utros.jpg) top center no-repeat; width: 142px; height: 17px; float: left; margin: 10px 0 20px; outline: none; }
 a.visite:hover, a.outros:hover { background-position: 0 -17px; }
 
 div.coverart { width: 100px; display: inline; float: left; margin: 0 0 30px 20px; }
 div#tracks { float: right; width: 610px; margin-right: 20px; display: inline; }
 div#tracks p { margin: 20px 0 !important; }
 div#tracks h3 { color: #218eb5; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: -10px; }
 div#tracks ul { list-style: none; margin: 20px 0; width: 350px; }
 div#tracks ul li { display: block; padding: 7px 2px; margin-bottom: 5px; width: 100%; background-color:#010205; }
 div#tracks ul li.alternate { background-color: #1b1c1c; }
 
 
 div#tracks12 { float: right; width: 590px; margin-right: 0px; display: inline; }
 div#tracks12 p { margin: 20px 0 !important; }
 div#tracks12 h3 { color: #218eb5; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: -10px; }
 div#tracks12 ul { list-style: none; margin: 20px 0; width: 350px; }
 div#tracks12 ul li { display: block; padding: 7px 2px; margin-bottom: 5px; width: 100%; background-color:#010205; }
 div#tracks12 ul li.alternate { background-color: #1b1c1c; }
 
 a.bckcatalogo { background: url(../img/bck-catalogo.jpg) top center no-repeat; width: 196px; height: 17px; text-indent: -9999px; float: right; outline: none; margin: 10px 0 20px; _margin-bottom: 10px; }
 a.bckcatalogo:hover { background-position: 0 -17px; }
 
 div#txt.bloco div.mes { margin: 0 20px; }
 div#txt.bloco p.evento { display: block; margin: 0; }
 div#txt.bloco p.evento span { width: 67px; float: left; display: inline-block; background: #222222; padding: 7px 12px; }
 div#txt.bloco p.evento strong { padding: 7px 7px; width: 170px; float: left; display: inline-block; background: #2e2e30; margin-right: 455px; }
 div#txt.bloco p.evento em { font-style: normal; display: inline-block; clear: both; margin: 0 0 40px 91px; color: #cecece; border-left: 1px solid #2e2e30; padding: 5px 0 0 5px; _margin-left: 94px; } 
 
 div#news { width: 500px; float: left; }
 div#news h3 { margin: 0 15px -15px; }
 div#news hr { margin: 35px auto !important; }
 div#news p.data { margin: 0 15px !important; font-size: 10px; color: #a4a4a4; }
 div#news .texto { margin: 15px 0 0 15px !important; }
 
 div#arquivo { width: 200px; float: right; margin: 0pt 20px; }
 div#arquivo ul { list-style: none; }
 div#arquivo ul li span { display: block; font-weight: bold; color:#999; }
 div#arquivo ul li { margin-bottom: 10px; }
 div#arquivo p.titulo { color: #a4a4a4; }
 
 fieldset { border: 0; display: block; padding: 10px 0; }
 fieldset label { display: block; font-size:10px; text-transform:uppercase; } 
 div.form input { background:#1F1D1E none repeat scroll 0 0; border:0 none; color:#999999; display:block; padding:3px; width:330px; }
 div.form form { width: 340px; display: block; margin: 0 auto 20px; }
 div.form select { background:#1F1D1E; border: none; border-color: #1f1d1e; color:#999999; padding:2px; }
 div.form input#botao { width: 100px; float: right; text-align: center; }
 
 form#login { display: block; margin: 0 auto 20px; width: 205px; padding: 20px; }
 form#login input { background: #1F1D1E; border:0 none; color:#999999; display:block; padding:3px; width:200px; }
 form#login input#botao { width: 50px; float: right; text-align: center; }
 
 form#cad { display: block; margin: 0 auto 20px; width: 205px; padding: 20px; }
 form#cad input { background: #1F1D1E; border:0 none; color:#999999; display:block; padding:3px; width:200px; }
 form#cad input#botao { width: 50px; float: right; text-align: center; }
 
 div#release.restrito { width: 300px; float: left; margin-left: 20px; }
 div#release.restrito h4 { margin: 0; text-transform: uppercase; color: #a4a4a4; }
 div#release.restrito ul { list-style: none; margin: 0 0 20px 10px; }
 div.hires { float: right; width: 220px; margin-right: 20px; }
 div.hires h4 { margin: 0; text-transform: uppercase; text-align: right; color: #a4a4a4; }
 div.individual { margin: 0 0 40px 0; }
 div.hires ul { list-style: none; }
 div.hires ul li { float: right; display: inline; margin: 5px 0 0 5px; }
 div.hires ul li img { padding: 3px; border: 1px solid #333; background: #000; }
 div.hires ul li a:hover img { border: 1px solid #4d4d4d; background: #161616; }
 
 div.contatos { float: right; width: 230px; }
 div#cont { width: 350px; float: left; margin: 0 0 20px 15px; }
 div#cont form input { background: #1F1D1E; border:0 none; color:#999999; display:block; padding:3px; width:330px; }
 div#cont form input#botao { width: 50px; float: right; text-align: center; margin-right: 12px; display: inline; margin-top:10px; }
 div#cont form textarea { background: #1F1D1E; border:0 none; color:#999999; display:block; padding:3px; width:330px; height: 100px; }