/*  
Theme Name: Catita
Theme URI: http://www.catiakitahara.com.br/
Description: Tema para o meu site inspirado em mim.
Version: 1.0
Author: Cátia Kitahara
Author URI: http://www.catiakitahara.com.br/
*/
/*cores
rosa - #c36
rosa claro - #f69
vinho - #903
azul - #3cc
azul claro - #6ff
verde - #360
amarelo - #fc0 
*/

/* reset de Eric A. Meyer - limpa e iguala os valores default dos vários navegadores. NÃO ALTERE ESTA PARTE!! */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }	

/* Tipografia */
body { font: 14px/22px Helvetica, Arial, sans-serif; text-align: center; color: #fff; background: #903; }
pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
cite, q { font-style: italic; }
h1,h2,h3,h4,h5,h6 { color: #6ff; font-family: "terfens-1", "terfens-2", sans-serif; font-weight: lighter; }
h1 { font-size: 60px; line-height: 60px; }
h2 { font-size: 30px; line-height: 44px; }
h3 { font-size: 24px; line-height: 44px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

/* Elementos de texto */
p           { margin: 0 0 22px 0; }
p.last      { margin-bottom: 0; }

a           { color: #f69; text-decoration: none; }
a:hover     { color: #fc0; border-bottom: #fc0 1px dotted; }

ul, ol      { margin: 0 0 22px; }
dl          { margin: 0 0 22px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 22px 71px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 22px; background: #f2f2f2; border:1px solid #e5e5e5; padding: 20px; }

/*Estrutura*/
html, body { height: 100%; }
#wrap { position: relative; min-height: 100%; padding-bottom: 330px; }
.wrapper { width: 960px; margin: 0 auto; clear: both; text-align: left; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin: 0 9px; display:inline; }
.col-1 { width: 62px; }
.col-2 { width: 142px; }
.col-3 { width: 222px; }
.col-4 { width: 302px; }
.col-5 { width: 382px; }
.col-6 { width: 462px; }
.col-7 { width: 542px; }
.col-8 { width: 622px; }
.col-9 { width: 702px; }
.col-10 { width: 782px; }
.col-11 { width: 862px; }
.col-12 { width: 942px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*header*/
#header { border-top: #3cc 11px solid; background: transparent url(img/body-bg.jpg); height: 88px; padding: 33px 0;  }

/*topo*/
#header-body { height: 88px; background: #fc0; }
#header-body h1 { font: bold 16px "terfens-1", "terfens-2", sans-serif; letter-spacing: 2px; color: #360; float: left; margin-left: 9px; text-align: center; }
#header-body h1 a { font-size: 48px; font-weight: normal; letter-spacing: 7px; line-height: 60px; color: #c36; }
#header-body a { color: #360; }
#header-body a:hover { color: #c36; border-bottom: none; }

/*menu*/
#menu { display: inline; float: right; margin: 22px 9px 0; font: 24px "terfens-1", "terfens-2", serif; letter-spacing: 3px; }
#menu li { display: inline; float: left; margin-left: 26px; }

/*corpo*/
#corpo { padding: 40px 0 33px; }

/*rodape*/
#rodape { width: 100%; height: 264px; padding: 33px 0; background: transparent url(img/body-bg.jpg); color: #c36; position: absolute;  bottom: 0; left: 0; }
#rodape-body { position:relative; background: #fc0; height: 242px; padding: 11px 0; }
#rodape h2 { color: #c36; font-weight: normal; }
#rodape a { color: #360; }
#rodape a:hover { color: #c36; border-color: #c36;  }
a.wp:hover { border: none; }
#ultimas { height: 242px; margin: 0; padding: 0 8px; border-left: #c36 1px dotted; border-right: #c36 1px dotted; overflow: hidden; }
#twitter { position: relative; height: 132px; margin-top: 22px; margin-left: 89px; overflow: hidden;  background: #c36 url(img/twitter-bg.png) no-repeat bottom; color: #fff; }
#twitter h2 { display: none; }
#twitter ul, #twitter p { margin: 0; position: absolute; z-index: 10; }
#twitter li { margin: 4px 9px; font-size: 12px; font-style: italic; }
#twitter a { color: #fc0; }
#twitter a:hover { color: #fc0; border-bottom: #fc0 1px dotted; }
#bird { position: absolute; bottom: 0; right: 136px; }

/*----------------------------------------------------------------
HOME
------------------------------------------------------------------*/

body.home #headline { height: 433px; margin: -15px 0 0; padding-top: 37px; background: transparent url(img/headline-home.png) repeat-x; }
body.home #corpo { background: transparent url(img/eu.jpg) no-repeat 275px; }
#servicos { margin-left: 249px; }
#servicos li { list-style: disc outside; }
.solicite { font: lighter 30px "terfens-1", "terfens-2", sans-serif; border: none; }

/*----------------------------------------------------------------
INTERNAS
------------------------------------------------------------------*/
#headline { height: 147px; margin: -15px 0 0; padding-top: 37px; background: transparent url(img/headline.png) repeat-x; }
#headline h2 { color: #fc0; letter-spacing: 3px; }
.big { font-size: 60px; line-height: 60px; letter-spacing: 5px; }

/*blog*/
#posts { width: 640px; float: left; }
#posts-portifolio { width: 960px; }
.post { margin-bottom: 22px; }
.titulo, .post-footer, .nav, #respond { margin: 0 89px 22px; }
.post-meta, .comment-author { text-align: center; }
.data { font-family: "terfens-1", "terfens-2", serif; font-weight: lighter; color: #6ff; margin-bottom: 0; }
.dia-mes { font-size: 30px; line-height: 30px; }
.ano { font-size: 14px; }
.numero-comentarios { text-align: center; width: 36px; height: 30px; margin: 0 13px; background: transparent url(img/comentarios.png) no-repeat; }
.numero-comentarios a { font-weight: bold; color: #fff; }
.numero-comentarios a:hover { border: none; }
#posts .texto { margin-right: 89px; }
.texto ul li { list-style: disc outside; }
.texto ol li { list-style: decimal outside; }
.texto img, .avatar { border: 4px solid #fff; }
#posts-portifolio .texto img { margin-bottom: 22px; }
.texto .wp-smiley { border: none; }
.com-margem { margin-right: 22px; }

.post-footer, .nav, .reply { font-size: 11px; font-weight: bold; border-top: #fff 1px dotted; }
.post-footer p { margin-bottom: 0; }
.compartilhe { padding: 5px 0; line-height: 12px; margin-bottom: 0; }
.compartilhe li { float: left; margin-left: 5px; border-left: 1px dotted #fff; padding-left: 5px; }
.compartilhe li:first-child { border: none; padding-left: 0; }
.comment { margin-bottom: 22px; }
.comment-meta { font-size: 11px; font-weight: bold; margin-bottom: 0; }
.ping { margin-left: 89px; border-bottom: 1px dotted #fff; padding-bottom: 21px; }

/*portifolio*/
#menu-portifolio { position: relative; margin-top: 66px; background: #3cc; }
#menu-portifolio a { color: #fff; }
#menu-portifolio a:hover { border-color: #fff; }
#menu-portifolio p { height: 28px; line-height: 28px; margin-bottom: 0; padding: 2px 9px; color: #fff; }
#menu-portifolio p a { display: block; background: transparent url(img/mais.png) no-repeat right center; }
#menu-portifolio p a.ativa { background: transparent url(img/menos.png) no-repeat right center; }
#menu-portifolio p a:hover { border: none; }
#menu-portifolio ul.lista { position: absolute; padding: 0 9px 22px; background: #3cc; width: 204px; display: none; }
.rotulo { color: #6ff; }
.nav-portifolio { font-size: 11px; font-weight: bold; }

.slideshow-wrap { width: 942px; position: relative; }
.slideshow { width: 942px; background: #fff; }
.slideshow img { display: none }
.slideshow>img { display: block }
#next, #prev { position: absolute; width: 50%; height: 100%; z-index: 9999; text-indent:-99999px; cursor: pointer; }
#prev { left:0; top: 0; }
#prev:hover { background: transparent url(img/anterior.png) no-repeat center left; }
#next { left: 471px; top: 0; }
#next:hover { background: transparent url(img/proximo.png) no-repeat center right; }

/*forms*/
input { border: none; background-color: #c36; color: #fff; height: 18px; padding: 2px; line-height: 18px; font: 12px Helvetica, Arial, sans-serif; }
textarea { border: none; background-color: #c36; color: #fff; padding: 2px; font: 12px Helvetica, Arial, sans-serif; }
label { color: #6ff; }
#s { border: none; height: 28px; width: 188px; margin-top: 66px; padding: 2px 32px 2px 2px; background: #3cc url(img/busca.png) no-repeat right; font: 14px/22px Helvetica, Arial, sans-serif; color: #fff; }

#author, #email, #url, #comment { width: 458px; }
#comment { height: 172px; }
#enviar, .cf-sb { text-align: right; }
#enviar input, #sendbutton { line-height: 18px; height: 22px; width: 62px; background: #3cc; font-weight: bold; }

/*cforms*/
#cformsform ol li { list-style: none; }
#cformsform label { clear: left; float: left; }
#cf_field_1, #cf_field_2, #cf_field_3, #cf_field_4, #cforms_q { width: 538px; float: left; clear: left; }
#sendbutton { margin-top: 22px; }
.cf-sb { clear: both; }
.linklove { display: none; }
#usermessageb { color: #fc0; }

/*sidebar*/
.comentario-meta { font-size: 11px; font-weight: bold; margin-bottom: 0; }
#get-recent-comments q a { color: #fff; }
#get-recent-comments q a:hover { color: #fff; border-color: #fff; }

/*classes gerais*/
.pequeno { font-size: 11px; color: #333; }
.grande { font-size: 16px }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter {}
.odd { background-color: #f2f2f2; }
.no-clear { clear: none; }
.clear { clear: both; }
.invisivel { display: none; }
.legenda { font-size: 11px; font-style: italic; }
.mais { text-align: right; }
.mais a { font-size: 11px; background: transparent url(img/setinha.png) no-repeat; padding-left: 6px; }
.breadcrumb { font-size: 11px; }

/*Tabelas*/
table { margin-bottom: 18px; border-collapse: collapse; line-height: 18px; }
caption { background: #c00; font-size: 12px; font-weight: bold; line-height: 35px ; text-transform:uppercase; padding-left: 10px; color: #fff; border-bottom: #fff 1px solid; }
th { color: #333; background: #e5e5e5; text-align: center; height: 18px; padding: 9px 5px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
th.esq { text-align: left; }
td { padding: 5px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
th.last, td.last { border-right: none; }
tfoot { color: #333; font-weight: bold; border-top: 3px solid #c00; border-bottom: 1px solid #e5e5e5; }
tfoot td { text-align: center; }
td.numero { text-align: right; }
th.imagem-da-tabela { border-right: none; }