Turma da mel para colocar em Blogs

/* MEL MANIA - 02/2007 */

body {
background-image:url(images2/bg-clube.jpg);
background-repeat:repeat-x;
font-family: Verdana;
font-size: 11px;
color: #000;
margin: 0 auto;
text-align: center;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
color:#de1c63;
text-decoration:none;
}

hr {
width: 100%;
color: #9081B6;
height: 1px;
}

fieldset {
background-color: #FFEAF5;
width:400px;
margin-left: 70px;
border:dashed;
border-color:#990000;
padding: 10px;
}

label {
float: left;
width: 120px;
text-align:right;
}

input {
background-color: #f5b6c7;
color: #fff;
border: solid;
font-size:10px;
padding: 2px;
}

textarea {
background-color: #f5b6c7;
color: #fff;
border: solid;
font-size:12px;
padding: 2px;
}
.pborda {
border-top:solid;
border-top-width:thin;
border-top-color:#FFCCFF;
border-bottom:solid;
border-bottom-width:thin;
border-bottom-color:#FFCCFF;
}

.textoamarelo {
color: #FFFF00;
font-weight:bold;
font-size:12px;
}

.textoazul {
color: #0095E1;
font-weight:bold;
font-size:12px;
}

.textolaranja {
color: #E17A1B;
font-weight:bold;
font-size:12px;
}

.textobranco {
color: #FFF;
font-weight:bold;
font-size:12px;
}

#geral {
width: 771px;
_width: 772px;
left: 50%;
position: absolute;
margin: 10px 0px 0px -380px;
background-image:url(images/bg-clube-geral.gif);
background-repeat:repeat-y;
}

#geral2 {
width: 771px;
left: 50%;
position: absolute;
margin: 10px 0px 0px -380px;
background-color:#EAEAFF;
}

#esquerda {
width: 190px;
float:left;
}

#direita {
width: 565px;
float:right;
}

#mel {
width: 206px;
float:left;
margin:0;
}

#menu {
width: 190px;
background-image:url(images2/bkgmenu2.jpg);
background-repeat:no-repeat;
float:left;
text-align:left;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#FFF;
margin:0px;

}

#menu h2 span, #menu ul li a span {
display:none;
}

#menu h2.revistas {
width:190px;
height: 31px;
background-image:url(images2/t-revistas.gif);
background-repeat:no-repeat;
margin-top: -5px;
margin-bottom: -11px;
_margin-bottom: -19px;
}

#menu h2.clube {
width:190px;
height: 22px;
background-image:url(images2/t-clube.gif);
background-repeat:no-repeat;
margin-bottom: -11px;
_margin-bottom: -19px;
}

#menu h2.paravoce {
width:190px;
height: 24px;
background-image:url(images2/t-paravoce.gif);
background-repeat:no-repeat;
margin-bottom: -11px;
_margin-bottom: -19px;
}

#menu h2.tvmel {
width:190px;
height: 30px;
background-image:url(images2/t-tvmel.gif);
background-repeat:no-repeat;
margin-bottom: -11px;
_margin-bottom: -19px;
}

#menu ul {
list-style: none;
margin-left: 0px;
padding: 0;
width: 190px;
}

#menu li a {
display: block;
padding: 0px;
margin: 0px;
font-weight: bold;
text-decoration: none;
}
#menu li a:hover {
display: block;
padding: 0px;
font-weight: bold;
text-decoration: none;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }

#menu ul.mrevista {
background:url(images2/m-revistas.gif);
background-repeat:no-repeat;
}

#menu ul li.mania a:link, #menu ul li.mania a:visited {
width:190px;
height: 25px;
background:url(images2/m-revistas.gif) 0px 0px no-repeat;
}
#menu ul li.mania a:hover, #menu ul li.mania a:active {
width:190px;
height: 25px;
background:url(images2/m-revistas.gif) -190px 0px no-repeat;
}

#menu ul li.kids a:link, #menu ul li.kids a:visited {
width:190px;
height: 24px;
background:url(images2/m-revistas.gif) 0px -25px no-repeat;
}

#menu ul li.kids a:hover, #menu ul li.kids a:active {
width:190px;
height: 24px;
background:url(images2/m-revistas.gif) -190px -25px no-repeat;
}

#menu ul li.anteriores a:link, #menu ul li.anteriores a:visited {
width:190px;
height: 30px;
background:url(images2/m-revistas.gif) 0px -49px no-repeat;
}

#menu ul li.anteriores a:hover, #menu ul li.anteriores a:active {
width:190px;
height: 30px;
background:url(images2/m-revistas.gif) -190px -49px no-repeat;
}
#menu ul.mclube {
background:url(images2/m-clube.gif);
background-repeat:no-repeat;
}

#menu ul li.blog a:link, #menu ul li.blog a:visited {
width:190px;
height: 26px;
background:url(images2/m-clube.gif) 0px 0px no-repeat;
}

#menu ul li.blog a:hover, #menu ul li.blog a:active {
width:190px;
height: 26px;
background:url(images2/m-clube.gif) -190px 0px no-repeat;
}

#menu ul li.foto a:link, #menu ul li.foto a:visited {
width:190px;
height: 26px;
background:url(images2/m-clube.gif) 0px -26px no-repeat;
}

#menu ul li.foto a:hover, #menu ul li.foto a:active {
width:190px;
height: 26px;
background:url(images2/m-clube.gif) -190px -26px no-repeat;
}

#menu ul li.jogos a:link, #menu ul li.jogos a:visited {
width:190px;
height: 21px;
background:url(images2/m-clube.gif) 0px -52px no-repeat;
}

#menu ul li.jogos a:hover, #menu ul li.jogos a:active {
width:190px;
height: 21px;
background:url(images2/m-clube.gif) -190px -52px no-repeat;
}

#menu ul li.quadrinhos a:link, #menu ul li.quadrinhos a:visited {
width:190px;
height: 26px;
background:url(images2/m-clube.gif) 0px -73px no-repeat;
}

#menu ul li.quadrinhos a:hover, #menu ul li.quadrinhos a:active {
width:190px;
height: 26px;
background:url(images2/m-clube.gif) -190px -73px no-repeat;
}

#menu ul li.downloads a:link, #menu ul li.downloads a:visited {
width:190px;
height: 25px;
background:url(images2/m-clube.gif) 0px -100px no-repeat;
}

#menu ul li.downloads a:hover, #menu ul li.downloads a:active {
width:190px;
height: 25px;
background:url(images2/m-clube.gif) -190px -100px no-repeat;
}

#menu ul li.cartoes a:link, #menu ul li.cartoes a:visited {
width:190px;
height: 23px;
background:url(images2/m-clube.gif) 0px -125px no-repeat;
}

#menu ul li.cartoes a:hover, #menu ul li.cartoes a:active {
width:190px;
height: 23px;
background:url(images2/m-clube.gif) -190px -125px no-repeat;
}

#menu ul li.diversao a:link, #menu ul li.diversao a:visited {
width:190px;
height: 25px;
background:url(images2/m-clube.gif) 0px -150px no-repeat;
}

#menu ul li.diversao a:hover, #menu ul li.diversao a:active {
width:190px;
height: 25px;
background:url(images2/m-clube.gif) -190px -150px no-repeat;
}

#menu ul.mparavoce {
background:url(images2/m-paravoce.gif);
background-repeat:no-repeat;
}

#menu ul li.cadastro a:link, #menu ul li.cadastro a:visited {
width:190px;
height: 27px;
background:url(images2/m-paravoce.gif) 0px 0px no-repeat;
}

#menu ul li.cadastro a:hover, #menu ul li.cadastro a:active {
width:190px;
height: 27px;
background:url(images2/m-paravoce.gif) -190px 0px no-repeat;
}

#menu ul li.sugestao a:link, #menu ul li.sugestao a:visited {
width:190px;
height: 26px;
background:url(images2/m-paravoce.gif) 0px -27px no-repeat;
}

#menu ul li.sugestao a:hover, #menu ul li.sugestao a:active {
width:190px;
height: 26px;
background:url(images2/m-paravoce.gif) -190px -27px no-repeat;
}

#menu ul li.fale a:link, #menu ul li.fale a:visited {
width:190px;
height: 26px;
background:url(images2/m-paravoce.gif) 0px -53px no-repeat;
}

#menu ul li.fale a:hover, #menu ul li.fale a:active {
width:190px;
height: 26px;
background:url(images2/m-paravoce.gif) -190px -53px no-repeat;
}

#menu ul.mtvmel {
background:url(images2/m-tvmel.gif);
background-repeat:no-repeat;
}

#menu ul li.clip a:link, #menu ul li.clip a:visited {
width:190px;
height: 28px;
background:url(images2/m-tvmel.gif) 0px 0px no-repeat;
}

#menu ul li.clip a:hover, #menu ul li.clip a:active {
width:190px;
height: 28px;
background:url(images2/m-tvmel.gif) -190px 0px no-repeat;
}

#menu ul li.video a:link, #menu ul li.video a:visited {
width:190px;
height: 28px;
background:url(images2/m-tvmel.gif) 0px -28px no-repeat;
}

#menu ul li.video a:hover, #menu ul li.video a:active {
width:190px;
height: 28px;
background:url(images2/m-tvmel.gif) -190px -28px no-repeat;
}

#topo {
width: 770px;
height: 280px;
float:left;
display:block;
}

#topo h1 {
display:none;
}

#conteudo {
width: 551px;
/*min-height:797px;*/
float:left;
text-align:justify;
_margin-top:10px;
padding-left:5px;
padding-right:10px;
}

.branco {
width: 551px;
background-color:#fff;
}

#conteudo .label {
border-top: 1px solid #9081B6;
border-bottom: 1px solid #9081B6;
height:15px;
padding-top:3px;
font-size:10px;
_margin-top:5px;
}

#conteudo .label a{
color: #000;
text-decoration: none;
}

#conteudo .label a:hover{
color: #de1c63;
text-decoration: none;
}

#conteudo .novidades{
color: #f5b6c7;
}
#conteudo .chamada1{
float:left;
display:block;
width: 390px;
text-align: center;
}

#conteudo .chamada1 img {
border:none;
}

#conteudo .chamada2 {
float:right;
display:block;
width: 160px;
text-align: center;
}

#conteudo .chamada2 img {
border:none;
}

#conteudo .chamada2 p.up {
margin-top: -10px;
}

.clear {
clear:both;
display:block;
}
#rodape {
width: 571px;
float: left;
background-color:#9999FF;
background-image:url(images2/bkgrodape.jpg);
background-repeat:repeat-x;
text-align:left;
padding-top:70px;
padding-bottom:10px;
padding-left:200px;
font-size:10px;
color: #fff;
}

#rodape a {
font-weight:bold;
color:#000;
text-decoration:none;
}

#rodape a:hover {
font-weight:bold;
color:#de1c63;
text-decoration:none;
}

#enquete {
width: 171px;
height: 237px;
float: left;
text-align:left;
padding-left:288px;
padding-right:91px;
padding-top:150px;
background-image:url(images/enquete.jpg);
background-repeat:no-repeat;
color: #000;
}

/* ---------------------------- SEÇÕES -------------------------------- */

/* ********* ALTOS PAPOS ********* */

#altospapos {
background-color: #CAE6D7;
width:530px;
font-size:12px;
padding:10px;
text-align:justify;
_margin-top:-2px;

}

#altospapos a {
color:#999;
text-decoration:none;
}

#altospapos a:hover {
color:#000;
text-decoration:none;
}

.destaque {
background-color: #64AE70;
color: #FFF;
padding:10px;
}

.destaquemenor {
background-color: #FFF;
color: #000;
padding:10px;
}

/* ******** DOWNLOADS ******* */

#download {
width:255px;
padding:10px;
text-align:center;
float:left;

}

/* ******** É O BICHO ******* */

#bicho-materia {
background-color: #FFFDE4;
width:530px;
font-size:12px;
padding:10px;
text-align:justify;
_margin-top:-2px;
}

#bicho-materiapreta {
background-color: #000000;
color: #ffffff;
width:530px;
font-size:12px;
padding:10px;
text-align:justify;
_margin-top:-2px;
}

#bicho-materia a{
color: #000;
text-decoration:none;
}

#bicho-materia a:hover{
color: #006600;
text-decoration:none;
}

#bicho-materiapreta a{
color: #fff;
text-decoration:none;
}

#bicho-materiapreta a:hover{
color: #006600;
text-decoration:none;
}
.bichodestaque {
background-color: #FFFF99;
width:500px;
text-align:justify;
padding:10px;
margin-left:5px;
}

#bicho-galeria {
width:255px;
padding:10px;
text-align:left;
float:left;

}

/* ******** EVENTOS ******* */

#eventos {
background-color: #EBDDBA;
width:530px;
font-size:12px;
padding:10px;
text-align:justify;
_margin-top:-2px;
}

/* ******** FOTOLOG ******* */

.fotolog {
background-color: #CC99CC;
}

/* ******** MURAL ******* */

#mural {
background-color: #F1E6AF;
padding:10px;
}

/* ******** MALHAÇÃO ******* */

.malhacao {
font-size:12px;
padding-right:10px;
text-align: justify;
}

/* ******** O QUE ROLA ******** */

.fundopreto {
background-color:#000000;
color:#FFFFFF;
padding:10px;
}

.fundoazul {
background-color:#3C4F93;
color:#FFFFFF;
padding:10px;
}

.fundoazulclaro {
background-color:#B7DFF8;
color:#000;
padding:10px;
}

.fundobordo {
background-color:#A72D2C;
color:#FFFFFF;
padding:10px;
}

.fundorosa {
background-color:#F096BA;
color:#000;
padding:10px;
}

.cinema {
background-image: url(oquerola/images/fundo-cinema.gif);
background-repeat:no-repeat;
color: #000;
padding-top:70px;
}

/* ******** PERFIL ******* */

.perfil {
font-size:12px;
padding:10px;
text-align: justify;
background-color: #BAB3D5;
}

.bruna {
font-size:10px;
text-align: justify;
width:255px;
padding:10px;
float:left;
}

.brunap {
color: #FF0000;
font-weight:bold;
}

/* ******** VEIA POÉTICA ******* */

.veiapoetica {
width:350px;
background-color: #E4FEF8;
font-size:12px;
padding: 10px;
margin-left:100px;
}