/* conteudo:

1. ul#menu
2. definicoes gerais
3. div#chamadas-loja
4. div.catalogo
5. div#chamadas-mp3
6. div#chamadas-zine
7. div#podcast
8. div#rodape

andre@realejo.com.br
------------ */


ul#menu, 
ul#menu * {
/*border: 1px solid red;*/
}

div#principal {
float: left;
width: 529px;
}
div#lateral {
position: absolute;
left: 549px;
width: 201px;
}



/* ul#menu
---------- */


li#bandas,
li#bandas a {
width: 51px;}
li#loja,
li#loja a {
width: 32px;}
li#zine,
li#zine a {
width: 32px;}
li#contato,
li#contato a {
width: 60px;}

li#bandas {
left: 0px;}
li#loja {
left: 51px;}
li#zine {
left: 83px;}
li#contato {
left: 115px;}

li#bandas a:hover {
background-image: url(/img/menu-bandas-ov.gif);
background: none;
}
li#loja a:hover {
background-image: url(/img/menu-loja-ov.gif);
background: none;
}
li#zine a:hover {
background-image: url(/img/menu-zine-ov.gif);
background: none;
}
li#contato a:hover {
background-image: url(/img/menu-contato-ov.gif);
background: none;
}



/* definicoes gerais
-------------------- */


body#home h1 {
display: none;
}



/* div#chamadas-loja
-------------------- */


div#chamadas-loja {
width: 494px;
display: inline;
float: left;
margin-top: 168px;
margin-left: 35px;
}

div#chamadas-loja h2 {
width: 494px;
height: 66px;
background-image: url(/img/home-h2-destaques-trans.png);
text-indent: -1000px;
margin-top:35px;
}

div#chamadas-loja div.conteudo {
float: left;
width: 494px;
}


/* div.catalogo
--------------- */


div.catalogo {
width: 220px;
overflow-x: hidden;
padding: 0 0 1.5em;
margin: 0 10px;
display: inline;
float: left;
}

div.catalogo img {
float: left;
margin: 3px 10px 10px 0;
}

div.catalogo p {
margin: 0;
}



/* div#chamadas-mp3
------------------- */


div#chamadas-mp3 h2 {
display: none;
}
div#chamadas-mp3 {
width: 230px;
padding: 0 10px;
float: right;
background: url(/img/home-h2-mp3.gif);
}
div#chamadas-mp3 div.catalogo {
height: 132px;
margin: 1.5em 0 0;
}



/* div#chamadas-zine
-------------------- */


div#chamadas-zine {
margin-top: 95px;
}

div#chamadas-zine div.scroll {
height: 285px;
overflow-y: scroll;
overflow-x: hidden;
}

div#chamadas-zine div.conteudo {
width: 201px;
height: 300px;
display: inline;
float: left;
}
div#chamadas-zine h2 {
display: block;
text-indent: -1000px;
height: 73px;
background-image: url(/img/home-h2-zine-trans.png);
margin-top:130px;
}
div#chamadas-zine div.chamada {
padding: 0 0 0.5em 15px;
margin-bottom: 0;
width: 160px;
}
div#chamadas-zine div.chamada img {
float: left;
margin: 0 10px 10px 0;
}
div#chamadas-zine div.chamada p.data {
text-align: right;
font-weight: bold;
}
div#chamadas-zine div.chamada h3 {
margin-bottom: 1em;
}
div#chamadas-zine div.fechamento {
height: 22px;
background-image: url(/img/home-zine-fech-trans.png);
display: inline;
float: left;
width: 201px;
}


/* div#chamadasScroll --> JS
------------- */

#chamadasScroll{
height:285px;
float:left;
padding-right:0px;
margin-right:20px;
overflow:auto;
overflow-y:scroll;
z-index:1;
}
#scrolltop2{
background:url(/img/scrollarrowtop.gif) no-repeat center top  white !important; 
}
#scrollbottom2{
background:url(/img/scrollarrowbottom.gif) no-repeat center bottom white !important;
}
#scrollbar2{
height:245px;
width:20px;
background:url(/img/scrollbg.gif) repeat center center white ;
}
#scrollbarbt2{
display:block;
width:20px;
height:20px;
margin-top:0;
background:url(/img/scrollbar.gif) no-repeat center center;
}
.btscroll2{
display:block;
width:20px;
height:20px;
text-indent:-1000em;
overflow:hidden;
}
#scrollCont2{
width:20px;
height:300px;
float:left;
margin-left:-20px;
z-index:2;
}



/* div#rodape
------------- */

div#rodape {
width: 145px;
margin-left: 35px;
float: left;
clear: both;
margin-top: 1em;
height: 21px;
padding-left: 15px;
background-image: url(/img/home-links-fdo-trans.png);
}