/*  
Theme Name: Claudinho.com (blog)
Description: Exclusivo
Version: 2.0
Author: Cafeinaweb (@cafeinaweb) - Cláudio Garcia (@klaudin)
Author URI: http://cafeinaweb.com.br/
Tags: none.
Aditivos: Charlie Parker, Segundo ato, Backspacer, Hypnotize e muito café.
*/

/*Rules*/

a {color: #000; text-decoration:none;}
a:link {color: #000; text-decoration:none;}
a:hover {color: #444;}
a:visited {color: #000; text-decoration:none;}

/* Cascata */

html {background: url(imagens/bg.jpg) center repeat-y; }
body {background: url(imagens/topo.jpg) top center no-repeat; font-family:"Arial", Helvetica, sans-serif; color: #222;}

div#wrapper {width: 750px; margin: auto;}
div#topo {height: 510px; display:block;}
div#topo h1 {width: 385px; height: 120px; *height: 89px; margin:auto; text-indent: -9000em;}
div#topo h1 a{width: 385px; height: 120px; *height: 89px; margin:auto; display:block;}
 
div#topo div.menu {width: 665px; height: 25px; margin: 12px auto 0 auto; *margin: 11px auto 0 auto;}
div#topo div.menu ul {list-style: none; margin:auto; margin-top: -5px; text-align: center; *margin-top: 4px;}
div#topo div.menu li {font-size: 11px; display: inline; list-style-type: none; margin-right: 10px;}
div#topo div.menu li a{color: #FFF; text-shadow: 0 -1px #464646;}
div#topo div.menu li a:hover{color: #FFF; text-shadow: 0 1px #404040;}

div#topo div.flash { width: 770px; height: 299px; margin-left: -11px; margin-top: 4px;}
div#topo div.imgtopo{margin-left: -29px; margin-top: 4px; height: 299px;}
div#topo div.desc {color: #FFF; font-size: 11px; text-align: center; padding-top: 11px; text-shadow: 0 1px #404040; letter-spacing: 1px;}

div#conteudo { margin-left: 20px; }

div#conteudo div.esquerda { width: 490px; float: left; margin-top: 15px;}
div#conteudo div.esquerda div.post {margin-bottom: 50px; padding-bottom: 30px; background:#FFF url(imagens/divisor.jpg) bottom center no-repeat;}
div#conteudo div.esquerda div.post h2 {font-size: 18px; font-weight: normal; margin-top: 5px; width: 400px;}
div#conteudo div.esquerda div.post div.detalhes {font-size: 10px;}
div#conteudo div.esquerda div.post div.texto {margin: 30px 0; font-size: 13px;}
div#conteudo div.esquerda div.post div.texto a{font-weight:bold; color:#879920; text-shadow: 0 -1px #f0f0f0; }
div#conteudo div.esquerda div.post div.texto a:hover{color:#A8BE27;}
div#conteudo div.esquerda div.post div.texto a:visited{color:#879920;}
div#conteudo div.esquerda div.post div.texto img {max-width: 480px; margin: auto auto;}
div#conteudo div.esquerda div.post div.texto p {margin-bottom: 30px; margin-top: 10px;}
div#conteudo div.esquerda div.post div.texto ul {margin-left: 30px; margin-bottom: 30px;  list-style: square;}
div#conteudo div.esquerda div.post div.texto ul.small {margin-left: 30px; margin-bottom: 30px;  list-style: none; font-size: 11px;}
div#conteudo div.esquerda div.post div.texto ol {margin-left: 30px; margin-bottom: 30px;}
div#conteudo div.esquerda div.post div.texto li {margin-bottom: 5px;}
div#conteudo div.esquerda div.post div.texto div.agenda ul {margin-left: 5px; margin-right: 5px; margin-bottom: 30px; list-style: none; font-size: 11px;  background: url(imagens/list-agenda.jpg) top center repeat; padding-bottom: 22px; padding-top: 2px;}
div#conteudo div.esquerda div.post div.texto div.agenda li {margin-bottom: 4px; padding-top:2px; padding-left: 10px;height: 16px; }
div#conteudo div.esquerda div.post div.texto div.agenda li strong {width: 140px; display:inline-block; text-align: center;}


div#conteudo div.esquerda div.post div.comentarios a{color: #879920; float: right;font-weight: bold; text-align:right; text-shadow: 0 -1px #f0f0f0; margin-top: -10px;}

div#conteudo div.esquerda div.post div.categorias {font-size: 10px; text-align: left;}
div#conteudo div.esquerda div.post a.more-link {font-weight:bold; text-align: left;}
div#conteudo div.esquerda div.paginacao {text-align: center; margin: 20px auto 20px auto;}
div#conteudo div.esquerda div.paginacao a{padding: 20px;}

div#conteudo div.direita { width: 210px; float:right; }

div#conteudo div.direita input { width: 110px; margin: 10px 1px 10px 0;}
div#conteudo div.direita input.buttom { width: 55px; }
div#conteudo div.direita div.widget {clear:both;	 margin: 15px 10px 30px 0;}
div#conteudo div.direita div.widget  div.tags {padding: 0 15px;}
div#conteudo div.direita div.widget h3 {font-size: 18px; font-weight: normal; padding-bottom: 10px;}
div#conteudo div.direita div.widget  ul {margin-left:20px; padding-left: 5px; list-style: square; }
div#conteudo div.direita div.widget  li {font-size: 13px; padding-bottom: 5px;}
div#conteudo div.direita div.widget  li a:hover {font-weight:bold;}
div#conteudo div.direita div.ass {text-align: center; margin-bottom:30px;margin-left: -5px;}
div#conteudo div.direita div.ass a {font-size: 10px; color: #aaa; }
div#conteudo div.direita div.recados {text-align: center; margin-bottom:30px; margin-top: -5px;}
div#conteudo div.direita div.recados a {font-size: 12px; color: #999; font-weight:bold;}

div#conteudo div.direita div.widgetbotoes {clear:both;	 margin: 15px 0 0px 0;}
div#conteudo div.direita div.widgetbotoes ul { padding: 20px 0 0 0; list-style: none; height: 70px;}
div#conteudo div.direita div.widgetbotoes ul li {margin-right: 5px; float:left; text-indent: -9000em;}
div#conteudo div.direita div.widgetbotoes ul li.feed {width:44px; height:46px; background: url(imagens/feed.jpg) top center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.feed:hover {background: url(imagens/feed.jpg) bottom center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.email {width:44px; height:46px; background: url(imagens/email.jpg) top center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.email:hover {background: url(imagens/email.jpg) bottom center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.facebook {width:44px; height:46px; background: url(imagens/facebook.jpg) top center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.facebook:hover {background: url(imagens/facebook.jpg) bottom center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.twitter {width:44px; height:46px; background: url(imagens/twitter.jpg) top center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li.twitter:hover {background: url(imagens/twitter.jpg) bottom center no-repeat;}
div#conteudo div.direita div.widgetbotoes ul li a {width:44px; height:46px; border:none; display:block;}

div#conteudo div.direita div.widgetcomentarios {clear:both; margin: 15px 10px 30px 0;}
div#conteudo div.direita div.widgetcomentarios ul { padding: 20px 0 0 10px; list-style: none; }
div#conteudo div.direita div.widgetcomentarios ul li {font-weight: normal; font-size: 13px; padding-bottom: 10px;}

.commentlist {font-family: "Arial", Helvetica;}
.commentlist ul { width: 100%; font-size:12px;}
.commentlist li { list-style: none; color: #666; margin-bottom: 25px; min-height: 58px; padding-bottom: 8px; border-bottom: #f5f5f5 1px solid; background-position: center top; border-bottom: 1px dashed #C9CEDC; padding-bottom:25px; overflow: hidden; word-wrap:break-word;font-size:12px;}
.commentlist li p{ margin-bottom: 10px; margin-top: 5px}
.commentlist .avatar{ display: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;list-style: none; padding: 10px;font-size:12px;}
.no-comment {padding-left: 5px; padding-top:8px; list-style: none; color: #999; margin-bottom: 10px; border-top: #f5f5f5 1px solid; padding-bottom: 8px; border-bottom: #F1F1F1 1px solid; font-size:12px;}
.commentlist-ping li { padding-left: 5px; padding-top:8px; list-style: none; color: #666; margin-bottom: 10px; border-top: #f5f5f5 1px solid; padding-bottom: 8px; border-bottom: #f5f5f5 1px solid; background-position: center top;font-size:12px;}
.commentlist li li {border: 1px solid #F1F1F1; width: 95%; background-color: #F5FBFE; background-image: none;padding-left: 5px; margin: 10px auto 0 auto;font-size:12px;}
.commentlist .alt li li {border: 1px solid #F1F1F1; width: 95%; background-color: #FFFFFF; background-image: none;padding-left: 5px; margin: 10px auto 0 auto;font-size:12px;}
.postcomment { font-size:  18px; color: #222; margin-bottom: 5px; font-weight: bold; padding-top: 20px;}
.comment-type {font-size:  18px; color: #222;  font-weight: bold; padding: 50px 0 20px 0; }
.comment-sobre{font-size:12px; color: #222; padding: 0 0 10px 0; }
#commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; }
#commentform p { padding: 6px 0px; margin: 0px; }
#commentform label { color: #787878; }
#commentform input { width: 200px; background:#FFFFFF; border: 1px solid #C7C7C7; padding: 3px; margin-top: 3px; }
#commentform textarea { width: 90%; height: 115px; border: 1px solid #D7D7D7; padding: 2px; margin-top: 3px; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; }
#commentform #submit { background: #B1B1B1; font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; float:left; width: 144px; height: 28px; cursor: pointer; margin-bottom: 50px;}
#respond {margin-left: 10px;}
.postcomment{margin-top: 10px;font-size:12px;}
.fn{ font-size:  14px; line-height: 16px; margin-bottom: 5px; font-weight: bold; color:#333; font-weight: bold; background: url(imagens/disse.png) center right no-repeat; padding-right: 40px;}
.comment-meta {display:none;}
span.says {display:none; }

#wpcf {margin-top: 50px; text-align: right; margin-right: 35px;}
#wpcf input, #wpcf textarea {width: 365px; font-size: 13px; padding: 4px; margin-bottom: 15px; color: #797676; font-family:"Arial", Helvetica, sans-serif;}
#wpcf textarea {height: 150px;}
#wpcf input.button {font-size: 11px; width: 60px;}