/*
Theme Name: Café com Games
Theme URI: http://www.cafecomgames.com
Description: Tema desensolvido para o blog Café com Games
Version: 1.0
Author: NanoStudio
Author URI: http://www.w3nano.com
Tags: games, podcast
*/

*{margin:0; padding:0;}

body{background:url(images/bg-site.jpg) repeat top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#303342;}

html,body{height:100%;}

*html #geral{height:100%;}

#geral{width:990px; background:none; margin:15px auto; min-height:100%;}

#topo{width:990px; height:317px; background:url('images/topo.jpg') no-repeat;}

#logo{text-align:center; padding:15px 0 0 0;}

#menu{width:990px; height:70px; margin:15px 0; padding:27px 0 0 32px; background:url('images/bg-menu.png') no-repeat;}

.btn1{width:77px; height:40px; overflow: hidden; background: url(images/bt-home.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 25px 0 0;}
.btn1:hover	{background-position: bottom left;}

.btn2{width:129px; height:40px; overflow: hidden; background: url(images/bt-podcasts.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 25px 0 0;}
.btn2:hover	{background-position: bottom left;}

.btn3{width:112px; height:40px; overflow: hidden; background: url(images/bt-colunas.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 25px 0 0;}
.btn3:hover	{background-position: bottom left;}

.btn4{width:103px; height:40px; overflow: hidden; background: url(images/bt-reviews.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 25px 0 0;}
.btn4:hover	{background-position: bottom left;}

.btn5{width:145px; height:40px; overflow: hidden; background: url(images/bt-gamestore.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 25px 0 0;}
.btn5:hover	{background-position: bottom left;}

.btn6{width:89px; height:40px; overflow: hidden; background: url(images/bt-equipe.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 25px 0 0;}
.btn6:hover	{background-position: bottom left;}

.btn7{width:120px; height:40px; overflow: hidden; background: url(images/bt-contato.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:0 8px 0 0;}
.btn7:hover	{background-position: bottom left;}

#conteudo{background:none;}

#conteudo-site{width:699px; height:auto; background:none; float:left;}

#pesquisar{ float: left; margin:0 0 10px 15px; display:inline; overflow:hidden;}
#pesquisar form{float:left; border:0; margin:0; padding:0;}
#pesquisar input{float: left;width:441px; height:40px; padding:10px 30px 0 30px; background:url('images/pesquisa.jpg') no-repeat; border:0; font-size:15px; font-weight:bold; color:#1a150b;}
#pesquisar .btn{float:right; width:62px; height:50px; background:url('images/ok.jpg') no-repeat; border:0; cursor:pointer; font-size:0px; color:#FFF;}

#catraca{width:111px; height:103px; float:right; background:url('images/catraca.png') no-repeat; margin:-30px 5px 0 0;}

#post{width:703px; height:auto; background:none;}

#frame-post-top{width:703px; height:435px; background:url('images/frame-post-top.png') no-repeat; margin:70px 0 0 0;}
#frame-post-top h2{padding:35px 0 0 0; text-align:center;}

#frame-post-content{width:672px; height:auto; background:url('images/frame-post-content.png') repeat-y; margin:0 auto;}

#loop{margin:-360px 0 0 0;}
#titulos h1{font-size:22px; margin:40px 20px 0 30px; text-align:left;}
#titulos h1 a{text-decoration:none; color:#511500;}
#titulos h1 a:hover{color:#b07a46;}
#titulos h2 {text-align:center;}
#titulos img{border:0;}
#conteudo-posts {height:auto; background:#efe0a7; margin:15px 25px 0 25px; padding:8px;}
#conteudo-posts p{margin:0 0 10px 0; font-size:14px; font-family:"Trebuchet MS", Verdana, Arial; color:#302101; text-align:justify;}
#conteudo-posts a{text-decoration:none; color:#511500; font-weight:bold;}
#conteudo-posts a:hover{color:#b07a46;}
#conteudo-posts strong{color:#511500;}

#form-comment{width:400px; padding:10px; background:#000; display:block; margin:0 auto; font-size:16px; color:#FFF; font-weight:bold;}
#form-comment label{display:block;}
#form-comment p{margin:10px 0;}
#form-comment a{color:#FFF; text-decoration:underline;}
#form-comment a:hover{text-decoration:none;}
#form-comment input{padding:5px; width:388px; border:1px solid #000; font-size:14px; font-weight:bold; color:#511500;}
#form-comment textarea{padding:5px; width:388px; border:1px solid #000; font-size:14px; font-weight:bold; color:#511500;}
#form-comment .form-comment-btn{width:180px; display:block; margin:0 auto; background:#FFF; font-size:13px; text-transform:uppercase; color:#511500; cursor:pointer;}
#form-comment .form-comment-btn:hover{background:#511500; color:#FFF;}

.comentarios{width:580px; margin:30px 0 0 40px;}
.comentarios a{text-decoration:none; color:#511500;}
.comentarios a:hover{color:#b07a46;}
.comentarios h2{margin:25px 0 15px 0; text-decoration:none; font-size:20px; color:#511500;}

#commentlist li{float:left; width:570px; background:#efe0a7; padding:5px; margin:0 0 10px 0; list-style:none;}
#commentlist h2 img{float:left; margin:0 10px 0 0; border:1px solid #000;}
#commentlist p{font-size:14px; text-align:justify; margin:0 5px;}
.autor{clear:both; font-size:15px; padding:10px 0 0 0;}
.autor-disse{font-size:14px; margin:0 0 10px 0; color:#000;}


#frame-post-bottom{width:672px; height:124px; background:url('images/frame-post-bottom.png') repeat-y; margin:0 auto;}
#frame-post-bottom p{text-align:center; padding:50px 0 0 0;}

#sidebar{width:291px;  height:auto; background:none; float:right;}

#midias-sociais{text-align:right}
#especiais{width:316px; height:679px; text-align:center; background:url(images/especiais.png) no-repeat;}

.esp1{width:224px; height:112px; overflow: hidden; background: url(images/bt-enquetes.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:60px 0 0 45px;}
.esp1:hover	{background-position: bottom left;}

.esp2{width:224px; height:112px; overflow: hidden; background: url(images/bt-humor.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:5px 0 0 45px;}
.esp2:hover	{background-position: bottom left;}

.esp3{width:224px; height:112px; overflow: hidden; background: url(images/bt-old-reviews.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:5px 0 0 45px;}
.esp3:hover	{background-position: bottom left;}

.esp4{width:224px; height:112px; overflow: hidden; background: url(images/bt-artigos.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:5px 0 0 45px;}
.esp4:hover	{background-position: bottom left;}

.esp5{width:224px; height:112px; overflow: hidden; background: url(images/bt-legenda.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:5px 0 0 45px;}
.esp5:hover	{background-position: bottom left;}

#parceiros{width:316px; height:465px; text-align:center; background:url(images/parceiros.png) no-repeat;}

.par1{width:200px; height:16px; overflow: hidden; background: url(images/nonuba-games.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:70px 0 0 45px;}
.par1:hover	{background-position: bottom left;}

.par2{width:200px; height:16px; overflow: hidden; background: url(images/oito-bits.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par2:hover	{background-position: bottom left;}

.par3{width:200px; height:16px; overflow: hidden; background: url(images/comptom.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px  0 0 45px;}
.par3:hover	{background-position: bottom left;}

.par4{width:200px; height:16px; overflow: hidden; background: url(images/nanostudio.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par4:hover	{background-position: bottom left;}

.par5{width:200px; height:16px; overflow: hidden; background: url(images/hostenix.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par5:hover	{background-position: bottom left;}

.par6{width:200px; height:16px; overflow: hidden; background: url(images/chenofenos.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par6:hover	{background-position: bottom left;}

.par7{width:200px; height:16px; overflow: hidden; background: url(images/girls-of-war.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par7:hover	{background-position: bottom left;}

.par8{width:200px; height:16px; overflow: hidden; background: url(images/gurias-nerds.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par8:hover	{background-position: bottom left;}

.par9{width:200px; height:16px; overflow: hidden; background: url(images/nerd-51.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par9:hover	{background-position: bottom left;}

.par10{width:200px; height:16px; overflow: hidden; background: url(images/nerd-maldito.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par10:hover{background-position: bottom left;}

.par11{width:200px; height:16px; overflow: hidden; background: url(images/sob-controllers.png) top left no-repeat; display: block; text-indent: 10000px; float:left; margin:15px 0 0 45px;}
.par11:hover{background-position: bottom left;}


#twitter{text-align:center;}
#twitter p, ul, input, button {font-family: "Verdana", "Verdana Ref", sans-serif; color:#57dcd4;}

#twitter p {margin: 0 0 1.3em 0;	font-size: 0.7em; line-height: 1.5em;}

#twitter ul {list-style-type: none;}

#twitter li {font-size: 0.7em; line-height: 1.3em;}

#twitter img, a img {border: 0;}



#rodape{clear:both; background:none;}

#barra{ height:315px; background:url('images/rodape.png') no-repeat center; margin: 0 auto;}

#faixa-bg{height:47px; background:#000;}
#faixa{width:990px; height:47px; margin:0 auto; background:#000;}
#copy{float:left; margin:5px 0 0 325px;}
#nano{float:right; margin:12px 0 0 0;}


.alignleft {float:left; margin:5px 10px 0 0;}
.alignright {float:left; margin:5px 0 0 10px;}


#loop form{width:400px; background:none; margin:0 auto; border:0; padding:20px 0 10px 0;}

#loop form fieldset legend{
   font-size:18px;
   color:#303342;
   padding-bottom:10px;
   }


#loop form label{
   display:block;
   padding:3px 0;
   }

#loop form label span{
   display:block;
   color:#303342;
   font-size:13px;
   font-weight:bold;
}
#loop form label input{
   font-weight:bold;
   color:#303342;
   padding:3px 0;
   width:400px;
   }
#loop form label textarea{
   font-weight:bold;
   color:#303342;
   font-size:13px;
   width:400px;
}

#loop form input.btn{
   display:block;
   width:120px;
   padding:5px 0;
   margin:0 auto;
   background:#000;
   color:#FFF;
   cursor:pointer;
   border:1px solid #FFF;
   }
   
 #loop form input.btn:hover{background:#FFF; color:#000; border:1px solid #000;}

 #equipe {height:auto; background:#efe0a7; margin:15px 30px 0 25px; padding:8px;}
 #equipe h1{float:left; margin:5px 10px 0 0;}
 #equipe h2{margin:10px 0 0 0;}
 #equipe h3{margin:10px 0 20px 0;}
 #equipe p{text-align:justify; margin:0 0 10px 0;}