body {background-color:#300; padding-bottom:20px; font:13px/1.4em "Trebuchet MS", Arial, Verdana, sans-serif; color:#000; font-weight:normal;  text-align:center;}

* {margin:0; padding:0; list-style:none; text-decoration:none; border:none;}

h1 {background:url("../imgs/logo.gif") no-repeat;}
h1 a, h1 span {text-indent:-5000px; overflow:hidden; display:block; width:300px; height:69px;}

#novidades h2 {background:url("../imgs/tit-novidades.gif") no-repeat;}
#banda h2 {background:url("../imgs/tit-banda.gif") no-repeat;}
#discografia h2 {background:url("../imgs/tit-discografia.gif") no-repeat;}
#agenda h2 {background:url("../imgs/tit-shows.gif") no-repeat;}
#agenda h2.passados {background:url("../imgs/tit-showspassados.gif") no-repeat;}
#fotos h2 {background:url("../imgs/tit-fotos.gif") no-repeat;}
#videos h2 {background:url("../imgs/tit-videos.gif") no-repeat;}
#loja h2 {background:url("../imgs/tit-loja.gif") no-repeat;}
#contato h2 {background:url("../imgs/tit-contato.gif") no-repeat;}
#telefones h2 {background:url("../imgs/tit-telefones.gif") no-repeat;}
h2 a, h2 span {text-indent:-5000px; overflow:hidden; display:block; height:31px;}

h3, h4 {font-weight:bold; text-transform:uppercase; color:#3D1011;}

p {margin-top:15px;}
a {color:#3D1011; text-decoration:underline;}

#topo {background:url("../imgs/bg-topo.gif") repeat;}
#topo-cont {width:940px; height:230px; margin:0 auto; padding:25px 0 0; background:url("../imgs/bg-sofa.jpg") top right no-repeat;}

/* MENU */
#menu {background-color:#000;}
#menu ul {overflow:hidden; width:920px; _height:35px; margin:0 auto; padding:7px 10px 0; font-size:15px; font-weight:bold; letter-spacing:0em; text-transform:uppercase; color:#FFF;}
#menu ul li {display:inline;}
#menu ul li a, #menu li span {display:block; float:left; margin:0 9px 0; _height:18px;/* IE6 */ padding:5px 10px 12px; text-decoration:none; color:#FFF;}
#menu ul li.ult a, #menu li.ult span {margin:0;}
#menu ul li a:hover, #menu ul li a.ativo, #menu li span {background-color:#3D1011;}

#conteudo {overflow:hidden; width:880px; margin:0 auto; padding:20px 15px 20px; background-color:#E1DCCB; border:15px solid #3D1011; text-align:left;}
#novidades, #banda, #discografia, #contato, #agenda, #fotos, #videos, #telefones {position:relative; float:left; width:576px;}
#lateral {float:right; width:288px; padding-top:46px;}

/* CONTEÚDOS */
#novidades .novidade, #novidades .novidade-det, #contato div, #banda div {margin-top:15px; padding:10px; background-color:#D6D1C1;}
#novidades .novidade-det {margin-bottom:25px;}
#novidades p.data {margin-top:3px; font-size:12px; color:#555;}
#novidades h3, #novidades h3 a, #contato h3 {margin-bottom:3px; font-size:17px; text-decoration:none;}
#novidades h3 a:hover {text-decoration:underline;}
#novidades h3.ultimas-tit {display:inline; padding:2px 5px; background-color:#3D1011; font-size:13px; color:#FFF;}
#novidades ul.ultimas {margin-top:15px; padding:5px 10px; background-color:#D6D1C1;}
#novidades ul.ultimas li {padding:5px 0; border-bottom:1px dotted #959181;}
#novidades ul.ultimas li.ult {border:0;}
#novidades ul.ultimas li a {text-decoration:none; font-weight:normal; color:#3D1011;}
#novidades ul.ultimas li a:hover {text-decoration:underline;}
#novidades ul.ultimas li a span {font-weight:bold; color:#555;}
#contato h4 {display:inline; padding:2px 5px; background-color:#3D1011; font-size:13px; color:#FFF;}
#contato h3 {margin-bottom:15px;}
#contato ul, #contato p {margin-top:10px;}
#contato p {margin-bottom:20px;}

#banda h3 {display:inline; padding:2px 5px; background-color:#3D1011; color:#FFF;}
#banda h3 span {font-weight:normal;}
#banda #integrantes {float:left; margin:0; padding:0;}
#banda #integrantes .maior {display:block; margin-bottom:10px;}
#banda #dados {padding:0; margin:0; margin-left:150px;}
#banda ul {margin-top:20px; border-top:1px dotted #959181;}
#banda li {margin-top:3px; padding-bottom:3px; border-bottom:1px dotted #959181;}
#banda li span {font-weight:bold; color:#3D1011;}

#discografia .disc-esq, #discografia .disc-dir {float:left; width:260px; margin-top:15px; padding:10px; background-color:#D6D1C1;}
#discografia .disc-dir {float:right;}
#discografia .disc-esq h3, #discografia .disc-dir h3, #discografia .release h4 {display:inline; padding:2px 5px; background-color:#3D1011; font-size:13px; color:#FFF;}
#discografia ul.discos li {overflow:hidden; _width:260px;/* IE6 */ margin-top:10px;  padding-bottom:10px; border-bottom:1px dotted #959181;}
#discografia ul.discos li.ult {padding-bottom:0; border:0;}
#discografia ul.discos li p {margin-top:3px; color:#555;}
#discografia ul.discos li h4 {margin:10px 0 3px; font-size:17px; text-decoration:none;}
#discografia ul.discos li a:hover h4 {text-decoration:underline;}
#discografia ul.discos li img {float:left; margin-right:10px; border:1px solid #959181;}
#discografia .disco, #discografia .release {overflow:hidden; _width:556px; /* IE6 */ margin-top:15px; padding:10px; background-color:#D6D1C1;}
#discografia .disco h3 {margin-bottom:3px; font-size:20px;}
#discografia .disco p.gravadora {margin:3px 0 15px; color:#555;}
#discografia .disco img {float:left; margin-right:10px; border:2px solid #959181;}
#discografia .disco table {float:right; width:334px; border-top:1px dotted #959181; border-collapse:collapse;}
#discografia .disco td {padding:4px 4px 4px 0; border-bottom:1px dotted #959181; vertical-align:top;}
#discografia .disco td.numero {width:1px; font-size:17px; font-weight:blod; color:#959181;}
#discografia .disco td.tv a {background:url("../imgs/ico-tv.gif") no-repeat;}
#discografia .disco td.letra, #discografia .disco td.tv {width:1px;}
#discografia .disco td.letra {padding-right:0;}
#discografia .disco td.letra a {background:url("../imgs/ico-letra.gif") no-repeat;}
#discografia .disco td a  {text-indent:-5000px; overflow:hidden; display:block; width:12px; height:14px;}
#discografia .release {margin-top:10px;}
#discografia .release ul {margin:10px 0 0;}
#discografia .release ul li {float:left; width:160px; margin:0 7px; padding:2px 0 2px 10px; background:url("../imgs/ico-setaresenhas.gif") 0 9px no-repeat;}

#agenda .eventos {margin-top:15px; padding:10px 10px 0; background-color:#D6D1C1;}
#agenda .eventos table {width:100%; border-collapse:collapse;}
#agenda .eventos caption {display:none;}
#agenda .eventos th {padding:0 10px 5px 10px; font-weight:bold; text-transform:uppercase; font-size:17px; color:#3D1011;}
#agenda .eventos td {padding:10px; border-top:1px dotted #959181;}
#agenda .eventos tr.ag-mais td {padding-top:0; border:0;}
#agenda .eventos table a {text-decoration:none; font-weight:bold;}
#agenda .eventos td.tv, #agenda .eventos td.foto {width:1px; padding:0;}
#agenda .eventos td.tv a {padding:5px 0 5px 15px; background:url("../imgs/ico-tv.gif") center no-repeat;}
#agenda .eventos td.foto a {padding:5px 0 5px 15px; background:url("../imgs/ico-foto.gif") center no-repeat;}
#agenda .eventos td.tv a, #agenda .eventos td.foto a  {text-indent:-5000px; overflow:hidden; display:block; width:14px; height:14px;}

#fotos .album, #fotos .galeria, #videos .video, #videos .video-det {position:relative; overflow:hidden; _width:556px; /* IE6 */ margin:15px 0 25px; padding:10px; background-color:#D6D1C1;}
#fotos .album, #videos .video {margin-bottom:0;}
#fotos .album img, #videos .video img, #fotos .ultimas img, #fotos .ultimas-dir img, #videos .ultimas img, #videos .ultimas-dir img {float:left; margin-right:10px; padding:2px; border:1px solid #959181;}
#fotos .galeria img {margin:7px 10px; border:6px solid #EEE;}
#videos .video a p {color:#555;}
#fotos p{margin:0;}
#fotos p.fotografo {margin-bottom:15px; color:#555;}
#videos p {margin:15px 0 0;}
#fotos h3, #fotos h3 a, #videos h3, #videos h3 a {margin-bottom:3px; font-size:17px; text-decoration:none;}
#fotos a:hover h3, #videos a:hover h3 {text-decoration:underline;}
#fotos h3.ultimas-tit, #videos h3.ultimas-tit {display:inline; padding:2px 5px; background-color:#3D1011; font-size:13px; color:#FFF;}
#fotos .ultimas, #fotos .ultimas-dir, #videos .ultimas, #videos .ultimas-dir {position:relative; float:left; overflow:hidden; width:45%; margin-top:15px; padding:10px; background-color:#D6D1C1;}
#fotos .ultimas-dir, #videos .ultimas-dir {float:right;}
#fotos .ultimas h4, #fotos .ultimas-dir h4, #videos .ultimas h4, #videos .ultimas-dir h4 {font:13px/1.4em "Trebuchet MS", Arial, Verdana, sans-serif; text-transform:none;}
#videos .video img.play, #videos .ultimas img.play, #videos .ultimas-dir img.play {position:absolute; top:80px; left:127px; padding:0; border:0;}

#loja table {margin-top:15px; background-color:#D6D1C1;}
#loja table table {padding:0 10px 10px; border:1px dotted #959181;}
#loja .nome_prod {padding-bottom:5px;}
#loja .nome_prod a {text-decoration:none; font-weight:bold;}
#loja .preco {padding:0 2px; background-color:#3D1011; color:#FFF;}

#telefones #estados {float:left; margin:15px 15px 0 0; width:180px; border-top:1px dotted #959181;}
#telefones #estados li {padding:3px; border-bottom:1px dotted #959181; text-align:right;}
#telefones #estados li a {font-weight:bold; text-decoration:none;}
#telefones #fones {float:right; width:381px;}
#telefones #fones li {margin-bottom:3px; padding:3px 5px; background-color:#D6D1C1;}
#telefones #fones .estado {margin-top:15px; background-color:#3D1011;}
#telefones #fones .estado a {text-decoration:none; color:#FFF;}

a.voltar {position:absolute; top:15px; right:0; font-weight:bold; text-decoration:none; text-align:right;}
a:hover.voltar {text-decoration:underline;}


/* LATERAL */
#ouca, #shows, #web {overflow:hidden; _width:268px;/* IE6 */ margin-bottom:15px; padding:10px; background-color:#D6D1C1;}
#web {_width:278px; padding:5px;}

#ouca img {float:left; margin-right:9px;}
#ouca h3 {float:left; margin-bottom:15px; background:url("../imgs/tit-redencao.gif") no-repeat;}
#ouca h3 a {text-indent:-5000px; overflow:hidden; display:block; width:136px; height:53px;}
#ouca ul {float:left;}
#ouca ul li {margin-bottom:5px;}
#ouca a.player {padding:1px 7px 1px 15px; background:#555 url("../imgs/ico-setaplayer.gif") 7px 7px no-repeat; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#FFF;}
#ouca a.player:hover {background-color:#3D1011;}

#shows h3 {background:url("../imgs/tit-showslado.gif") no-repeat;}
#shows h3 a {text-indent:-5000px; overflow:hidden; display:block; height:19px;}
#shows ul {margin:10px 0 7px;}
#shows ul li {padding:5px 0; border-bottom:1px dotted #959181;}
#shows ul li a {display:block; text-decoration:none; font-weight:bold; color:#3D1011;}
#shows ul li a:hover {text-decoration:underline;}
#shows ul li a span {display:block; font-weight:normal; color:#555;}
#shows a.todos {display:block; text-decoration:none; text-align:right; font-weight:bold; color:#3D1011;}
#shows a.todos:hover {text-decoration:underline;}

#web h3 {display:none;}
#web ul li {float:left; margin:0 3px 0 0;}
#web ul li a {text-indent:-5000px; overflow:hidden; display:block; width:67px; height:28px;}
#web ul li.youtube {margin-right:0; background:#959181 url("../imgs/logo-youtube.gif") center no-repeat;}
#web ul li.orkut {background:#959181 url("../imgs/logo-orkut.gif") center no-repeat;}
#web ul li.myspace {background:#959181 url("../imgs/logo-myspace.gif") center no-repeat;}
#web ul li.fotolog {background:#959181 url("../imgs/logo-fotolog.gif") center no-repeat;}

#selos ul {margin:25px 44px 0;}
#selos ul li {float:left;}
#selos ul li a {text-indent:-5000px; overflow:hidden; display:block; width:100px; height:50px;}
#selos ul li.arsenal {background:url("../imgs/logo-arsenal.gif") center no-repeat;}
#selos ul li.universal {background:url("../imgs/logo-universal.gif") center no-repeat;}

/* PLAYER */
#player {padding:10px;}
#player div  {float:left; padding:0; border:10px solid #3D1011;}
#player h1 {margin-bottom:10px; background:url("../imgs/tit-player.gif") no-repeat;}
#player span {text-indent:-5000px; overflow:hidden; display:block; width:auto; height:31px;}


/* PAGINAÇÃO */
#paginacao {margin-top:10px; padding:5px; background-color:#D6D1C1; text-align:center;}
#paginacao a {display:inline; margin:0 2px; padding:1px 8px; text-decoration:none; color:#444;}
#paginacao a:hover {background-color:#959181; color:#FFF;}
#paginacao span.ativo {margin:0 2px; padding:1px 8px; background-color:#959181; color:#FFF;}


/* RODAPÉ */
#rodape {position:relative; clear:both; width:940px; margin:20px auto 0; text-align:left; font-size:12px; color:#E1DCCB;}
#rodape ul li {display:inline; margin-right:8px;}
#rodape ul li a {padding:1px 4px; background-color:#3D1011; text-decoration:none; color:#E1DCCB;}
#rodape ul li a:hover {background-color:#E1DCCB; color:#3D1011;}
#rodape p {margin:20px 0; font-size:11px;}
#rodape p a {color:#E1DCCB;}