/* 
Theme Name: Gordasafada
Theme URI: http://gordasafada.com.br
Description: 
Version: 0.1
Author: Alex Hiroshi
Author URI: http://alexhiroshi.com.br
Tags: comida, restaurante
*/
* {margin:0; padding:0;}
ul, ol {list-style:none;}
a, a:visited {text-decoration:none; color:#333;}
a:hover {color:#f60;}
fieldset, img {border:0;}

h2 {font-size:23px;}
h3 {font-size:15px;}
input, textarea {background:#fff url(images/fundo_campo.gif) repeat-x 0 0; font-size:12px; padding:4px; border:1px solid #ccc; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -khtml-box-sizing:content-box; box-sizing:content-box;}
input.comentario {width:169px;}
input.busca {width:200px;}
textarea {width:537px; height:140px;}
input.botao {background:url(images/fundo_campo_botao.gif) repeat-x 0 0; border-color:#f90; color:#666;}
input.botao:hover {border-color:#fc0; color:#888;}
.ngg-clear {height:0; line-height:0; display:none;}
.shadow {-webkit-box-shadow: 2px 2px 5px #888; -moz-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888;}

/* css align */
.aligncenter, div.aligncenter {display:block; margin-left:auto !important; margin-right:auto !important;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

body {text-align:center; color:#333; font:14px/140% arial, 'trebuchet ms', tahoma;}
#body {width:950px; margin:0 auto; text-align:left;}

#topo h1 a {text-indent:-9999px; overflow:hidden; display:block; width:410px; height:81px; background:url(images/logo.gif) no-repeat 0 0;}
#topo h1 {margin:20px;}
#topo a.feed {float:right; margin:-40px 5px; background:url(images/feed.gif) no-repeat 0 0; width:141px; height:30px; text-indent:-9999px;}
#topo a.feed:hover {background-position:0 -31px;}

#menu {background:url(images/fita_metrica.gif) no-repeat 0 0; height:29px; padding-top:5px;}
#menu li {float:left; margin-right:1px; text-transform:uppercase;}
#menu li a {color:#fff; display:block; background:#333; padding:3px 10px; font:15px/140% 'trebuchet ms', tahoma, arial;}
#menu li a:hover {background:#f60;}
#menu li a.ativo {background:#f60;}

#ondeestou a {font-weight:bold;}
#ondeestou {font-size:12px; clear:both; margin:13px 10px 13px 0; padding-left:9px; background:url(images/icones_geral.gif) no-repeat 0 -167px;}

#principal {margin-bottom:40px;}

#conteudo {float:left; width:630px;}
#conteudo a {color:#777;}
#conteudo a:hover {color:#f60; text-decoration:underline;}
#conteudo img.ngg-singlepic {margin-bottom:15px !important;}

div.post:after, #principal:after, #bio:after, #galeria:after, #top-posts li:after, #equipe:after {content:"."; clear:both; visibility:hidden; overflow:hidden; height:0; display:block;}
div.post {margin:0 0 20px;}
div.interacao {width:50px; padding-right:5px; float:left;}
div.interacao span.data {background:#333; text-align:center; padding:4px 0; width:50px; margin-bottom:13px; display:block; font-size:18px; color:#fff;}
div.interacao span.data small {display:block; font-style:italic; font-size:13px;}

/* compartilhar */
ul.compartilhar li {margin:5px 0;}
ul.compartilhar li a {text-indent:-9999px; overflow:hidden; display:block; font-size:12px; font-weight:bold;}
ul.compartilhar li a:hover {color:#f60 !important; text-decoration:none !important;}
/* icones */
ul.compartilhar li.delicious a {background:#f7f7f7 url(images/icone_compartilhar.gif) no-repeat 0 0; width:16px; height:16px;}
ul.compartilhar li.twitter a {background:#f7f7f7 url(images/icone_compartilhar.gif) no-repeat 0 -21px; width:16px; height:15px;}
ul.compartilhar li.facebook a {background:#f7f7f7 url(images/icone_compartilhar.gif) no-repeat 0 -41px; width:14px; height:14px;}
ul.compartilhar li.tumblr a {background:#f7f7f7 url(images/icone_compartilhar.gif) no-repeat 0 -60px; width:16px; height:16px;}

ul.compartilhar li.delicious a:hover {background-position:0 -81px;}
ul.compartilhar li.twitter a:hover {background-position:0 -102px;}
ul.compartilhar li.facebook a:hover {background-position:0 -122px;}
ul.compartilhar li.tumblr a:hover {background-position:0 -140px;}

div.post-conteudo {float:right; width:570px;}
div.post-conteudo h2 a {color:#333 !important;}
div.post-conteudo h2 a:hover {color:#f60 !important;}
div.post-conteudo img {border:1px solid #999; padding:4px; margin:0;}
div.post-conteudo img.index-post-thumb {float:left; margin:0 10px 10px 0; width:109px; height:109px;}
div.post-conteudo p {margin-bottom:15px; text-align:justify;}
div.post-conteudo div.ads {margin:20px auto 0; text-align:center;}
div.detalhes-post, span.detalhes-post {font-size:13px; margin-bottom:10px; display:block;}
div.detalhes-post a, span.detalhes-post a {color:#333 !important; font-style:italic; text-decoration:underline;}

#infos-adicionais h3 {margin:15px 0;}
#infos-adicionais li.endereco {background-position:5px -73px;}
#infos-adicionais li.telefone {background-position:5px -16px;}
#infos-adicionais li.site {background-position:5px 4px;}
#infos-adicionais li.precomedio {background-position:5px -53px;}
#infos-adicionais li.funcionamento {background-position:5px -111px;}
#infos-adicionais li {position:relative; background:url(images/icones_geral.gif) no-repeat; /*background-position:5px center !important;*/ border:1px solid #eee; margin:3px 0; padding:1px 27px; font-size:12px;}
#infos-adicionais span.titulo {background:#eee; color:#bbb; padding:1px 5px; position:absolute; top:0; right:0; text-align:center; text-transform:capitalize;}

div.posts-relacionados:after {content:"."; clear:both; visibility:hidden; display:block; height:0;}
div.posts-relacionados {clear:both; padding:30px 0 40px;}
ul.related_post li {float:left; text-align:center; margin-right:20px; width:110px;}
ul.related_post .img_related_post {height:125px;}
ul.related_post .text_related_post {font-size:12px;}
ul.related_post .text_related_post a:hover {text-decoration:underline;}

/* Páginas internas*/
div.pag-conteudo {padding:5px;}
h2.titulo {margin-bottom:20px;}

#sobre h2, #sobre p {margin-bottom:20px;}
/* Equipe */

#equipe {margin:20px 0;}
#equipe li {margin:0 15px; border:1px solid #ccc; text-align:center; padding:3px; float:left;}
#equipe li img {border:1px solid #ccc; width:100px; height:100px;}
#equipe li span {font-size:13px; display:block;}

/* Autor */
#bio { border:1px solid #f2f2f2; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -khtml-box-sizing:content-box; box-sizing:content-box; padding:5px; margin:0 0 20px; background:#fdfdfd url(images/fundo_s.gif) no-repeat;}
#bio div.avatar {width:100px; height:100px; overflow:hidden; float:left; margin-right:10px;}
#bio p {font-size:12px;}

/* Contato */
div.wpcf7-response-output {padding:0; margin:10px 0; font-size:12px;}
div.wpcf7-mail-sent-ok {border:1px solid #64992c; background:#e2ffdb; color:#64992c;}
div.wpcf7-validation-errors {border:1px solid #c00; background:#ffebe8 url(images/icones_geral.gif) no-repeat 5px -35px; padding-left:24px; color:#c00;}
span.wpcf7-not-valid-tip-no-ajax {color:#c00; font-size:12px; margin:0 10px;}
ul.contatcForm {margin:20px 0;}
ul.contatcForm li {margin:10px 0 0;}
ul.contatcForm li.mensagem label {display:none;}
ul.contatcForm label {display:block; font-size:13px;}
ul.contatcForm textarea {height:225px;}

/* Sidebar */
#sidebar {width:300px; float:right;}
#searchform label {display:none;}

#galeria {margin:15px 0; padding:9px; background:#f7f7f7; border:1px solid #e3e3e3;}
#galeria a.antImg, #galeria a.proxImg, #ultimas-galeria {float:left;}
#galeria a.antImg, #galeria a.proxImg {text-indent:-9999px; overflow:hidden; display:block; height:75px; width:20px;}
#galeria a.antImg {background:url(images/apgaleria.gif) no-repeat 0 -150px;}
#galeria a.antImg:hover  {background-position:0 -225px;}
#galeria a.proxImg {background:url(images/apgaleria.gif) no-repeat 0 0;}
#galeria a.proxImg:hover {background-position:0 -75px;}
#ultimas-galeria ul {height:75px;}
#ultimas-galeria li {width:75px !important; height:75px !important; margin:0 2px;}
#imgDestaque {position:relative; width:235px; margin:0 auto 10px;}
#imgDestaque span.altDestaque {position:absolute; padding:0 10px; background:url(images/bg_transp.png); bottom:5px; right:0; font-size:12px; font-weight:bold;}
#imgDestaque img.destaque {width:235px; height:100px;} 
#imgDestaque a:hover {color:#333;}

#banners {margin:20px 0; clear:both;}
#banners li.twitter a:hover {color:#0172ae;}
#banners li.twitter {position:relative;}
#banners li.twitter div {margin:0 5px 15px; width:290px; height:117px; background:url(images/banner_twitter.jpg) no-repeat 0 0;}
#banners li.twitter span {font-size:12px; width:165px; line-height:14px;}
#banners li.twitter span.twitt {position:absolute; top:30px; left:10px;}
#banners li.twitter span.seguidores {font-weight:bold; position:relative; top:87px; left:15px;}

#sidebar div.box {border:1px solid #e3e3e3; padding:5px; margin:0 0 20px;}
#sidebar div.box h3 {color:#333; margin-bottom:10px; font-weight:bold; font-family:verdana; text-shadow:#ccc -1px 1px 0;}

#top-posts {background:#f7f7f7;}
#top-posts li {clear:both; margin:5px 0; padding:5px; border:1px solid #e3e3e3; background:#fff; font-size:12px;}
#top-posts li a.post-title {margin-left:3px; margin-top:10px; display:block; font-weight:bold; font-size:15px;}
#top-posts img {float:left; margin:5px; padding:3px; background:#fff; border:1px solid #e3e3e3;}

#google-friend {margin-bottom:20px;}

#categorias-lista ul li ul {margin-left:10px;}
#categorias-lista ul li {background:url(images/icone_seta.gif) no-repeat 0 4px; padding-left:13px;}
#categorias-lista ul li ul li{background:url(images/icones_geral.gif) no-repeat 0 -180px; padding-left:10px;}

#tag-cloud a {color:#888; padding:0 2px;}
#tag-cloud a:hover {background:#e3e3e3;}

#links ul {list-style-image:url(images/arrow_links.gif); margin-left:20px;}

#ultimos-comentarios li {margin:0 0 8px; font-size:13px; line-height:14px; background:url(images/icones_geral.gif) no-repeat 0 -111px; padding-left:18px;}

#rodape {font-size:13px; background:url(images/fundo_rodape.gif) no-repeat 0 0; padding:5px 0 0; clear:both; text-align:center; border-top:1px solid #ccc;}
#rodape li {display:inline; border-left:1px solid #ccc; padding:0 10px;}
#rodape li:first-child {border:0;}