/*
Theme Name: 2009
Theme URI: http://cadugarcia.com
Description: Texturas vintage, paleta inspirada na Islândia, um layout pra se sentir em casa
Version: 1.0
Author: Cadu Garcia
Tags: vintage iceland blue
*/

* {margin:0; padding:0; border:0}

html, body {height: 100%}
.tudo {min-height:100%; min-width:980px; margin:0 auto; position:relative; background:url(tema/cf.png) repeat-y center}
input, .tudo {font-family:Georgia, "Times New Roman", Times, serif}
* html .tudo {height:100%}
.meio {padding-bottom: 220px}

body{background:url(tema/mfm.jpg) center top}

.topo{background:url(tema/tf.jpg) repeat-x center top; width:100%; height:170px}
.topo #logo {background:url(tema/cadugarcia.png) no-repeat bottom; width:304px; height:93px; display:block; margin:0 auto 22px; padding-top:19px}
.topo #logo span{display:none}
.topo .menuecontato {width: 940px; margin:0 auto}
.topo .menuecontato .contato {float:right; width:200px}
.topo .menuecontato .contato p span{display:none}
.topo .menuecontato .contato p.telefone {width: 98px; height:14px; float:right; clear:both}
.topo .menuecontato .contato p.email a{width: 149px; height:14px; background:url(tema/temail.png); float:right; clear:both}
.topo .menuecontato .contato p.email a {width: 149px; height:14px; background:url(tema/temail.png)}
.topo .menu {width:550px; float: left}
.topo .menu li {display:block; float:left; height:27px; padding-left:17px; background:url(tema/msep.png) no-repeat; background-position: 5px 0px ; overflow:hidden}
.topo .menu li:first-child {background:none;padding-left:0}
.topo .menu li a span {display: none}
.topo .menu a {display:inline-block}
.topo .menu li #projetos {background:url(tema/mprojetos.png); width:77px}
.topo .menu li #portfolio {background:url(tema/mportfolio.png); width:83px}
.topo .menu li #contos {background:url(tema/mcontos.png); width:64px}
.topo .menu li #trancados {background:url(tema/mtrancados.png); width:94px}
.topo .menu li #blog {background:url(tema/mblog.png); width:42px}
.topo .menu li #sobre {background:url(tema/msobre.png); width:53px}
.topo .menu a {height:81px; margin-top:0}
.topo .menu a:hover {margin-top:-27px}
.topo .menu a:active,.topo .menu a.current {margin-top:-54px}


.meio {width:960px; margin:0 auto; color:#464033; position:relative; font-size: 12px; line-height:1.61em}
.meio p {padding-bottom:.8em}
.meio a:link {color:#296800; text-decoration: none}
.meio a:visited {color:#7EB327; text-decoration: none}
.meio a:hover {color:#7EB327; text-decoration: none}
.meio a:active {color:#7EB327; text-decoration:underline}


.meio strong {color:#23201A}
.meio .apresentacao {width:460px; margin:10px; font-size:1em; line-height: 1.61em}
.meio .apresentacao p {padding-bottom:.6em}
.meio .servicos .servico {width: 140px; margin:10px; float:left; font-size:.9em; color:#196373; line-height:1.2em}
.meio .servicos .servico p{padding: 2px 0}
.meio h2 span, .meio h3 span{ display:none}
.servico h3{ display:inline-block; width: 140px; height:22px}
h3#webdesign {background:url(tema/h3webdesign.png) no-repeat}
h3#apresentacoes{background:url(tema/h3apresentacoes.png) no-repeat}
h3#idvisual{background:url(tema/h3idvisual.png) no-repeat}
.meio .projetos {width:460px; margin-left:10px; position: absolute; top: 5px; right:10px; bottom:220px}
.meio h2.secao{ display:block; height:38px; width: 100%}
.projetos div.projeto {position:relative; height:180px}
.home img.img140 {padding:10px; margin: 10px 10px 10px -10px; background:url(tema/caixa.png); position:absolute; width:140px; height:140px}
.home div.projeto .descricao {position:absolute; top: 10px; right:0; width:300px; height:140px}
.home div.projeto .descricao h3{font-size: 1.61em; color:#196373}
.home div.projeto .descricao p{font-size:12px}
.leiamais {position:absolute; right:0; bottom:0; width:100%; text-align:right;font-size:1em}
.leiamais a {color:#196373; text-decoration:none}
.home div.projeto .leiamais{bottom:10px}

.conteudo {margin:10px}
h2#projetos{background:url(tema/h2projetos.png) no-repeat}
h2#portfolio{background:url(tema/h2portfolio.png) no-repeat}
h2#webdesign {background:url(tema/h2webdesign.png) no-repeat}
h2#apres {background:url(tema/h2apres.png) no-repeat}
h2#idvisual{background:url(tema/h2idvisual.png) no-repeat}
h2#curr {background:url(tema/h2curr.png) no-repeat}
h2#contos{background:url(tema/h2contos.png) no-repeat}
h2#trancados {background:url(tema/h2trancados.png) no-repeat}
h2#blog{background:url(tema/h2blog.png) no-repeat}
h2#sobre {background:url(tema/h2sobre.png) no-repeat}
h2#servicos {background:url(tema/h2servicos.png) no-repeat}
h2#contato {background:url(tema/h2contato.png) no-repeat}
h2#busca {background:url(tema/h2busca.png) no-repeat}

.portfolio {margin:0 -10px}
.portfolio h2, .indice2 h2  {margin-left:10px}
.portfolio .item{ float:left; margin:10px}
.portfolio .imagem{width:220px;height:220px; background:#FFF; text-align:center}
.portfolio .item p {width: 220px; text-align:center}
.portfolio .item p span.titulo {font-weight:bold}

.indice2 {margin:0 -10px}
.indice2 .item{ float:left; margin:10px; width:460px}
.indice2 .imagem a{ display:block; width:220px;height:220px; background:url(tema/contos_thumb.jpg); text-align:center; float:left}
.indice2 .descricao{width:220px; height:220px; font-size:1em; left:20px;position:relative; display:inline-block}

.meta {position: absolute; margin-left:320px; height:300px; overflow:auto; width:620px; right:0}
.meta h1 {color:#196373; font-size:1.61em; margin-bottom:5px}
.post h2 {color:#196373; font-size:1.61em; margin-top:10px}
.meta h3{color:#296800; font-size:1em}
.conteudo h1 {color:#196373; font-size:1.61em; margin-bottom:5px}
.conteudo h1 a:link, .conteudo h1 a:active, .conteudo h1 a:hover, .conteudo h1 a:visited {color:#196373}

.single .img300 {float:right; margin-left:20px; margin-bottom:20px}
.single .img60, .single .img140, .single .img220 {display:none}
.conto {position:relative}
.conto img {position:absolute; right:0; top:0;padding:10px; background:url(tema/contos.png); width:440px; height:720px}
.conto p {width:460px}
.data {font-weight:bold; color:#296800; font-size:1em; text-align:center;line-height:0.8em; margin: 5px 0}
.data span{font-size: 2.5em;line-height:1em}

.blog{position:relative}
.posts{width:540px; float:left}
.posts > .post {margin-bottom:20px}
.posts .post .lateral{width: 70px;margin-right: 10px; float:left; font-size:.9em; color:#196373; text-align:right; line-height:1em}
.posts .post .lateral p{padding-bottom: .2em}
.posts .post .lateral .info {border-right:1px solid #196373;padding-right:3px}
.posts .post .post {width: 460px; float:left}
.posts .post .post blockquote {margin: 20px 0 20px 80px; line-height:1.6em; color:#675F4B}
/*.blog .sidebar {position:absolute; top:38px; bottom:0; right:-10px; width:320px} */
.blog .sidebar {float: right; width:320px; margin-bottom:20px} 
.busca form{ width:320px; height:44px;background:url(tema/cxbuscar.png) no-repeat; position:relative}
.busca form input#s{background: #FFF; width:214px; height:18px; position:absolute; top: 13px; left:13px; border:0}
.busca form input#searchsubmit{background:url(tema/btnbuscar.png) no-repeat; position:absolute; right:0; top:0; bottom:0; width:80px}
.sidebar .col1{width:140px; float:left; margin:10px; padding:0; list-style:none}
.sidebar .col1>li,.sidebar .col2>li{margin:0; padding:0; list-style:none}
.sidebar ul ul {margin: 10px 0}
.sidebar .col2{width:140px; float:right; margin:10px}
.sidebar h2{color:#196373; font-size:1.61em}
.sidebar .status {position:relative; width:310px; height:130px; background:url(tema/seta_status.png) no-repeat 67px 11px; margin-bottom: 10px}
.sidebar .status img{float:left}
.sidebar .status #twitter_div {width: 230px; background: #B9D0BC; position:absolute; top: 0; right:0; bottom:0}
.sidebar .status #twitter-link{color:#FFF; font-size:18px; text-decoration:none; margin:5px 10px; display:inline-block}
.sidebar .status #twitter_update_list {margin: 0 10px 10px 0; color:#23201A; font-size:1em; line-height:1,61em}
.sidebar .status #twitter_update_list a {color:#296800; font-weight:bold}
.sidebar .googlefriend {margin:10px}
.sidebar iframe {margin:10px 0}
.post > .comentarios {background:url(tema/c_seta.png) no-repeat; background-position: 106px 0 ; padding-top:14px; width:460px; margin-left:80px; margin-top:10px}
.blog .comentarios {position:relative}
.blog .comentarios .comentarios {background:#B9D0BC; margin:0 -10px; padding:10px; width:460px}
.blog .comentarios .comentarios form {padding-bottom:54px}
.blog .comentarios .comentarios h2{margin-top:0}
.blog .comentarios > .comentario{padding:10px 0; border-bottom:1px solid #FFF}
.blog .comentarios > .comentario > p:first-child{font-size:1em}
.blog .comentarios .comentario .comentario {padding-left:10px; font-size:12px}
.blog .comentarios form {margin-top:10px}
.blog .comentarios .comentarios_texto {width:460px; background: #fff; height:55px; font-family:"Sylfaen", Georgia, "Times New Roman", Times, serif; color:#464033}
.blog .comentarios .botaocomentar {width: 140px; height:41px; background:url(tema/btncomentar.png) no-repeat; position: absolute; bottom: 10px; right:10px}
.blog .comentarios input[type="text"] {margin-bottom: 5px; color:#464033; height:20px; width:140px}
.posts .lateral .tags a:link,.posts .lateral .tags a:visited, .posts .lateral .tags a:active{color:#B9D0BC}
.posts .lateral .tags a:hover{color:#464033}
.posts .lateral .comentarios a:link,.posts .lateral .comentarios a:visited, .posts .lateral .comentarios a:active{color:#196373}
.posts .lateral .comentarios a:hover{color:#0D353E}

.conteudo ul {padding:0;list-style:url(tema/bullet.png)}
.conteudo ul li{margin-left:15px; line-height:1.61em}
ul.post-meta{list-style:none; font-size:12px; margin:10px}
.post-meta-key{display:none}
ul.post-meta li{margin-left:0}

.sobre {width:380px; float:left}
.curriculo{width:460px; float:right}
.curriculo .col1{width:220px; float:left}
.curriculo .col2{width:220px; float:right}
.curriculo h4{color:#196373; font-size:14px; margin-top: 10px}
.curriculo h5{color:#296800; font-size:12px; margin-top: 3px}

form.wpcf7-form {width:380px}
form.wpcf7-form p {color:#464033}
form.wpcf7-form .your-name,form.wpcf7-form .your-email,form.wpcf7-form .your-subject{display:block; width:220px; height:30px; background:url(tema/contato_txt.png) no-repeat}
form.wpcf7-form input[type="text"] {width:214px; height:18px; background:#FFF; margin:3px}
form.wpcf7-form .your-message {display:block; width:380px; height:100px; background:url(tema/contato_msg.png) no-repeat}
form.wpcf7-form textarea {width:374px; height:88px; background:#FFF; margin:3px}
form.wpcf7-form .wpcf7-not-valid-tip-no-ajax{font-size:.8em; color:#296800}
form.wpcf7-form input[type="submit"] {width:140px; height:44px; background:url(tema/btn_enviar.png)}

.rodape{position: absolute; bottom:0px; min-height:210px; width: 100%; background:url(tema/bf.jpg) center top}
* HTML .rodape { margin-bottom:2px; bottom:-1px;  height:210px}
.rodape .trodape {width:960px; margin:10px auto}
.rodape a{text-decoration:none; color:#7EB327}
.rodape h2 span {display:none}
.rodape h2 {height:38px; width: 100%}
.rodape h3 {font-size:1em; color: #7EB327; text-decoration:none}
.rodape p {font-size:.7em; color:#B9D0BC; line-height:1.1em}
.trodapedentro {position:relative; height:150px}
.rodape p.leiamais {text-align:right; font-size:12px; position:absolute; bottom:0;  right: 0}


.rodape .rportfolio{width: 300px; margin: 0 10px; float:left} 
.rodape .rportfolio h2 {background:url(tema/rportfolio.png) no-repeat}
.rportfolio ul li{float:left; list-style:none; margin-top:10px}
.rportfolio ul li:first-child {margin-right:20px}

.rodape .rcontos{width: 220px; margin: 0 10px; float:left} 
.rodape .rcontos h2 {background:url(tema/rcontos.png) no-repeat}

.rodape .rblog{width: 460px; margin: 0 10px; float:left} 
.rodape .rblog h2 {background:url(tema/rblog.png) no-repeat}
.rblog .data {width: 60px; float:left; color:#296800;}

.rodape .rtrancados{width: 160px; margin: 0; float:left} 
.rodape .rtrancados h2 {background:url(tema/rtrancados.png) no-repeat; margin:0 10px}
.rtrancados ul {margin-top:0px}
.rtrancados ul li {margin:10px; width: 60px; height:60px; float:left; background:#464033; list-style:none}

.limpar {clear:both}