/* 
Zen Garden do Maujor
Historico:
Lancado: em 12 de novembro de 2003;
Desativado em 12 de janeiro de 2006 com 25 temas submetidos e publicados;
Relancado em 31 de dezembro de 2006 com novo layout para o tema padrao.
A primeira versão encontra-se desativada em arquivo no endereco: http://www.maujor.com/temas/primeiro/index.html 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Use esta CSS para orientar a construcao do seu tema.
Atencao que nem todos os seletores, classes e DIV's 
constam desta CSS.
Acrescente, suprima e modifique a vontade de acordo com
suas necessidades.
---------------------------------------------------
Preencha a seguir.
Nome do autor do tema: Rodolfo Gomes da Silva
Nome do tema: Medieval
Data: 02/02/2008
Site/Blog:www.rodolfogomes.com
email: contato@rodolfogomes.com
*/

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

/* gerais */
html{
background:url(bg.jpg);
}

body{
width:740px;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90.5%;
position:relative;
}

#tudo{
width:740px;
margin:0 auto;
background:url(bg_borders.jpg) repeat-y;
}

#tudo a{
color:#6f0f12;
font-weight:bold;
}
 
#tudo a:hover{
color:#111;
text-decoration:none;
text-decoration:underline;
}

/* cavaleiro*/
#extra1{
width:365px;
height:303px;
background:url(knight.jpg) top left no-repeat;
position:absolute;
left:50%;
top:0px;
margin:0 0 0 -486px;
}

/* titulos */
#ccsswebdesign {
position:relative;
}
#csswebdesign h2,h3 span{
display:none;

}
#csswebdesign h1 span{
display:none;
}

#csswebdesign h1{
background:url(css_h1.gif) top left no-repeat;
width:372px;
height:129px;
position:absolute;
margin:130px 0 0 -100px;
left:50%;
}


/* menu de temas*/
#busca-menu{
position:relative;
width:740px;
height:300px;
}
#menu{
width:223px;
background:url(temas_bottom.jpg) bottom no-repeat;
position:absolute;
left:50%;
margin: 303px 0 0 -380px;
}

#menu ul{
background:url(temas_top.jpg) top no-repeat;
padding:75px 20px  30px 20px;
}

#menu ul li {
margin:0 0 20px 0;
background:url(bullet.gif) no-repeat left top;
text-indent:26px;
line-height:23px;
}


/* busca */
#busca {
width:300px;
position:absolute;
margin:-10px 0 0 120px;
top:0;
left:50%;
}

#busca p{
text-indent:-9999px;
}

#busca .i-mapa{
background:#eadcbf;
color:#9e9a9a;
float:left;
}

.i-buscar{
background:url(btn_enviar.jpg);
width:61px;
height:24px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}

input.i-texto{
height:20px;
background:#d5c9b3;
padding-top:5px;
}

/* textos */
#regras{
width:450px;
margin:0 0 0 240px;
}

#tudo p {
margin:0 0 15px 0;
}

#entrada, #texto{
width:600px;
margin:0 0 0 55px;
}

/* image replace */

h4 span{
display:none;
}

h4.orie{
background: url(orie.gif) no-repeat;
width:208px;
height:27px;
margin:0 0 15px 0;
}

h4.apre{
background:url(apresentacao.gif) no-repeat;
width:145px;
height:27px;
margin:30px 0 15px 0;
}

h4.fina{
background:url(finalidade.gif) no-repeat;
width:119px;
height:25px;
margin:40px 0 15px 0;
}

h4.estr{
background: url(estrutura.gif) no-repeat;
width:208px;
height:22px;
margin:40px 0 15px 0;
}

h4.porq{
background:url(porque.gif) no-repeat;
width:169px;
height:26px;
margin:40px 0 15px 0;
}

h4.pode {
background:url(poder.gif) no-repeat;
width:227px;
height:26px;
margin:40px 0 15px 0;
}

.ppcss2 {
padding:0 0 50px 0;
}

/* nav menu */
#navMenu{
width:415px;
margin:0 auto;
background:#d4c9b2;
}

#navMenu ul li{
display:inline;
padding:0 10px 0 10px;
}