/*  
Theme Name: Padrão Sylvia
Theme URI: http://maisumclube.com/
Description: O tema padrão do site. É o único que deve ser usado, afinal.
Version: 1.0
Author: Mais Um Clube
Author URI: http://maisumclube.com/	

*/

.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}

* {
 margin:0;
 padding:0;
 }
 
html {
 background:#890304 url(images/fundo2.jpg) top center fixed;
 }
 
body {
 font:normal 62.5% 'Trebuchet MS', Helvetica, san-serif;
 padding:40px 0;
 text-align:center;
 }
 
.limpa { clear:both; }
 
h1 { height:68px; margin:0 auto 24px auto; overflow:hidden; position:relative; text-indent:-5000px; width:300px; } 
h1 a { background:url(images/logo.gif) top left no-repeat; display:block; height:100%; width:100%; }
 
h2 { color:#890304; font-size:1.8em; font-weight:normal; } 
h2 a { color:#C3B59D; text-decoration:none; }
 
#mae, #rodape {
 margin:0 auto;
 width:703px;
 }
 
#menu {
 font-size:1.1em;
 margin:0 0 0 auto;
 width:703px;
 }
 
#menu ul {
 height:30px;
 list-style:none;
 }
 
#menu ul li {
 float:left;
 font-family:Georgia, serif;
 height:30px;
 line-height:30px;
 position:relative;
 width:100px;
 }
 
#menu ul li a {
 color:#fdfbf5;
 display:block;
 height:100%;
 text-decoration:none;
 width:100%;
 }
 
#menu ul li.current_page_item a {
 background:url(images/abas.gif) 0 -30px no-repeat;
 color:#891111;
 }
 
#menu ul li a:hover {
 background:url(images/abas.gif) 0 -30px no-repeat;
 color:#891111;
 }
 
#conteudo {
 background:url(images/fundo-mae2.jpg) top left no-repeat;
 height:342px; 
 padding:20px;
 position:relative;
 text-align:left;
 }
 
.post {
 padding:4px;
 }

.entry {
 color:#5a5957;
 font-size:1.2em;
 line-height:1.5;
 }
 
.entry p {
 margin-bottom:1em;
 }
 
.entry a {
 color:#890304;
 }
 
.entry a:hover {
 color:#000;
 }
 
#posts {
 float:left;
 width:300px;
 }
 
.data {
 background-color:#fff;
 color:#5a5957;
 float:left;
 font:normal 1.2em Helvetica, Arial, sans-serif;
 letter-spacing:-1px;
 line-height:1;
 margin:0 4px 4px 0;
 padding:4px;
 text-align:center;
 }
 
.data span {
 font-size:.9em;
 text-transform:uppercase;
 }
 
h2.post-titulo {
 color:#890304;
 font-size:1.8em;
 font-weight:normal;
 line-height:32px;
 }
 
#depoimentos {
 background:url(images/aspas.gif) left top no-repeat;
 bottom:0;
 height:140px;
 position:absolute;
 right:24px;
 width:300px;
 }
 
#testimonial {
 color:#5a5957;
 font-size:1.2em;
 line-height:1.5;
 }
 
#testimonial cite {
 display:block;
 font-size:.9em;
 font-style:normal;
 margin-top:1em;
 text-align:right;
 }
 
/* o que é */

#post-4 .entry { width:400px; }
#post-4 h2 { margin-bottom:12px; }
 
/* como funciona */

#post-5 h2 { margin-bottom:12px; }

#como-oque, #como-etapas, #como-conceitos {
 float:left;
 height:288px;
 line-height:1;
 overflow:auto;
 width:200px;
 }
 
#como-oque {
 padding-right:10px;
 }
 
#como-etapas {
 padding:0 10px;
 }
 
#como-etapas p {
 margin-bottom:1em;
 }
 
#como-etapas ul {
 color:#5a5957; 
 list-style-position:inside;
 }
 
#como-etapas ul li {
 margin-bottom:.5em;
 }
 
#como-conceitos {
 padding-right:10px;
 }
 
#como-conceitos dl dt {
 color:#890707;
 font-weight:bold;
 text-transform:uppercase;
 }
 
#como-conceitos dl dd {
 margin-bottom:1em;
 }
 
/* quem */
.entry img {
 background-color:#fff;
 border:1px solid #bcbbb6;
 float:right;
 margin-left:24px;
 padding:4px;
 }
 
/* recomendo */
h2#titulo-pagina-recomendo {
 margin-bottom:12px;
 }

#links span {
 background-color:#fdfdfc;
 border-bottom:1px solid #bcbbb6;
 border-right:1px solid #bcbbb6;
 color:#5a5957;
 display:block;
 float:left;
 font-size:1.1em;
 height:80px;
 line-height:1;
 margin:6px;
 padding:4px;
 position:relative;
 width:100px;
 }
 
#links a {
 color:#890304;
 display:block;
 font-size:1.1em;
 height:100%;
 text-decoration:none;
 width:100%;
 }
 
/* contato */
 
#contato-cartao {
 color:#5a5957;
 float:left;
 line-height:1.5;
 width:200px;
 }
 
#contato-cartao a {
 color:#890707;
 }
 
#contato-cartao a:hover {
 color:#000;
 }
 
a.email {
 background:url(images/email.gif) left no-repeat;
 line-height:16px;
 padding-left:17px;
 }
 
#contato-form {
 float:right;
 }
 
#contato-form label {
 color:#5a5957;
 font-size:1.2em;
 }
 
#contato-nome, #contato-email, #contato-texto {
 background-color:#fff;
 border:0;
 border-bottom:1px solid #bcbbb6;
 border-right:1px solid #bcbbb6;
 color:#890707;
 font:bold 1.4em 'Trebuchet MS';
 padding:.3em;
 width:200px;
 }
 
#contato-nome:focus, #contato-email:focus, #contato-texto:focus {
 background-color:#fdfdfc;
 }
 
#contato-enviar {
 background-color:#bcbbb6;
 border:0;
 color:#fff;
 cursor:pointer;
 font:bold 1.2em 'Trebuchet MS';
 padding:.3em;
 width:210px;
 }
 
/* base */
#rodape { margin-top:12px; padding:0 20px; width:663px; } 
#rodape p { color:#C3B59D; font-size:1.1em; line-height:1; } 
#rodape p a { color:#C3B59D; text-decoration:none; }
#rodape p a:hover { color:#fff; }
  
p#info { float:left; text-align:left; }
p#creditos { float:right; font-family:Georgia, serif; font-style: oblique; font-size:1.4em; text-align:right; }