/* 
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: Newton Horta
Nome do tema: Card Games
Data: 31 de dezembro de 2006
Site/Blog: http://www.nghorta.com
email -(facultativo): xxx
*/

*, html {
    margin: 0;
    padding: 0;
}
body {
    font: 0.7em/1.6em georgia, verdana, "Courier New", courier, monospace, sans-serif; 
    color: #172822; 
    background: #645e3a url(bg_game.jpg) repeat-y center;
    text-align:center;
    line-height: 1.6em;
	}
h2, h3, h4, h5 {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}
h4 {
    height:56px;
}
p {
    margin: 0;
    padding:5px 15px;
    text-align:justify;
	}
a {
    font-weight:bold;
    text-decoration:none;
	}
a:link {
    color:#160101;
}
a:visited {
    color:#333;
}
a:hover {
    color:#666;
    text-decoration: underline;
}
#tudo {
    position:relative;
    width:690px;
    margin:0px auto;
    text-align:left;
    top:0px;
}
#csswebdesign {
    background: url(maujor.jpg) no-repeat top center; 
    height: 324px;
}	
/* "Truque" criado por Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/  que permite o uso de uma imagem no lugar de um texto em um cabecalho h1 */ 

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#csswebdesign h1,
#csswebdesign h2,   
#csswebdesign h3 {
    margin: 0px;
    padding:0px;
}
#csswebdesign h1 span,
#csswebdesign h2 span,
#csswebdesign h3 span {
    display:none;
}

/* Mesmo "truque" usado nos cabecalhos acima */

#regras  h4.orie span, 
#entrada  h4.apre span, 
#entrada  h4.fina span, 
#texto  h4.estr span, 
#texto  h4.porq span,
#texto  h4.pode span {
	display:none;
	}
#regras h4.orie {
	background: url(orie.jpg) no-repeat left center;
	margin:0px; 
}
#entrada h4.apre {
	background: url(apre.jpg) no-repeat left center;
	margin:0px; 
}
#entrada h4.fina {
	background: url(fina.jpg) no-repeat left center;
	margin-top:10px; 
}
#texto h4.estr {
	background: url(estr.jpg) no-repeat left center;
	margin:0px; 
}
#texto h4.porq {
	background: url(porq.jpg) no-repeat left center;
	margin:15px 0 0 0; 
}
#texto h4.pode {
	background: url(pode.jpg) no-repeat left center;
	margin:15px 0 0 0; 
}
.pzen{
	color:#20443a; 
	background-color:transparent;
	padding:0px;
	margin:0px;
	text-align:center;
}

.ptema{ 
	padding:10px 0px 5px 0px;
	text-align:center;
	border: 2px solid #000;
	border-bottom:none;
	font-weight:bold;
}
#regras, #entrada, #texto {
    width:490px;
    margin-bottom:15px;
	}
#busca {
    position:absolute;
    top:221px;
    left:491px;
    color:#12211c;
    margin:0px; 
    text-align:center;
    width:198px;
    background-color: #a5a490;
    padding-bottom:10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
* html #busca {
    top: 217px;
    left: 491px;
}
#busca form {
    margin:0px;
}
#busca a {
    color: #fff;
}
#busca p {
    text-align:center;
}
#busca p span {
    font:11px arial, verdana, helvetica, sans-serif;
}
#busca .i-buscar {
    margin-right:5px;
    margin-top:5px;
}
#menu {
    position: absolute; 
    top: 324px; 
    right: 0px;
    width:198px;
    color: #333;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height:1.3em;
}
#menu ul {
    margin: 0px;
}
#menu li {
    list-style-type: none;
    margin-left:10px;
    margin-right:5px;
    padding:6px 3px 6px 22px;
    background:url(icone_li.gif) no-repeat left center;
}
#menu li a {
	text-decoration: none;
	color:#12211c;
	display: block;
}
#menu li a:hover {
	color:#37080e;	
	background:#e6ffff;
}
#navMenu {
    text-align:center;
    width:490px;
    padding-bottom:10px;
}
#navMenu ul { padding-top:6px; }
#navMenu li {
	list-style: none; 
	margin: 10px;
 	display: inline;
}
#navMenu li a {
	padding-right: 15px; 
      text-decoration: none;
}
#navMenu li a:link {
	background-color:transparent;
      color:#4d351e;
}
#navMenu li a:visited {
	color: #4d351ebo;
	background-color:transparent;
}
#navMenu li a:hover {
	color: #333; 
 	text-decoration: underline;
}
abbr, acronym {
	border-bottom:1px dotted #333;
	cursor:help;
	}
abbr {
	speak:spell-out;
	}
acronym {
	speak:normal;
	}
q, cite, blockquote {	
	font-style:italic;
	}
fieldset {border:none;}    
.i-mapa, .i-buscar {
     border:1px solid #000;
     padding: 1px 3px;
     background:#fff;
     font-size:1.0em;
}
fieldset {margin:0;padding:0;}
#extra1 {
    top:10px;
    background: url(extra_game.jpg) no-repeat center;
    height: 277px;
}