/*
Theme Name: Pablo Almeida
Theme URI: http://www.pabloalmeida.com.br
Description: Site planejado, criado e desenvolvido por Pablo Almeida.
Version: 1.0
Author: Pablo Almeida
Author URI: http://www.pabloalmeida.com.br/
Tags: custom

	Este tema foi planejado, criado e programado por Pablo Almeida.
	Você pode achar mais informações em http://pabloalmeida.com.br

*/

@import url('reset.css');

body{
	font:11px Verdana, Helvetica, sans-serif;
	color:#666;
	background:url(images/fundo-site.jpg) no-repeat center top;
}
#geral{
	margin:0 auto;
	padding:0 9px;
	width:980px;
}

/* titulos e subtitulos */
h1, h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
}
h2{
	font-size:26px;
	margin-bottom:5px;
}
h3, h4{
	font-size:17px;
	margin-bottom:10px;
}

/* listas */
.meu-post li,
#relacionados li,
#sidebar #recentes li,
#sidebar #categorias li,
#sidebar #blogroll li,
#sidebar #arquivo li{
	list-style:inside disc;
	line-height:16px;
	margin:8px 0 8px 10px;
}
#sidebar #categorias li{ margin-left:5px; }

/* links */
a{
	color:#666;
	text-decoration:none;
}
a:hover{ text-decoration:underline; }

/* marcadores de formatacao */
strong{ font-weight:normal; }
.canal{	font-size:10px; }
.data{ font-size:9px; }
p, li{ line-height:18px; }
.centro{ text-align:center; }

.negrito{ font-weight:bold; }
.italico{ font-style:italic; }
.sublinhado{ text-decoration:underline; }

/* formulario */
input[type="submit"]{
	padding:4px 5px;
	font:bold 14px Arial, Helvetica, sans-serif;
}

/* separador, legendas */
hr,
legend{ display:none; }

/******************* topo ******************/
#topo{
	float:left;
	margin-bottom:40px;
	width:100%;
	height:155px;
	background:url(images/fundo-logotipo.png) no-repeat;
}
#topo h1{
	position:absolute;
	margin-top:46px;
	font-size:70px;
}
#topo h2{
	position:absolute;
	margin:9px 0 0 35px;
	font-size:17px;
	color:#fff;
}

/* menu */
#topo ul#lmenu{
	position:absolute;
	margin:132px 0 0 0;
}
#topo #lmenu li{ float:left; }
#topo #lmenu li a{
	display:block;
	text-align:center;
	text-decoration:none;
	font:italic 17px Georgia;
	padding-top:2px;
	height:23px;
}

/* home */
#topo a#home{
	display:block;
	position:absolute;
	margin:11px 0 0 6px;
	background:url(images/icone-home.png) no-repeat;
	width:19px;
	height:17px;
	text-indent:-9999em;
}

/* blog */
#topo li#blog a{ width:50px; }

/* sobre mim */
#topo li#sobremim a{ width:99px; }

/* servicos */
#topo li#servicos a{ width:125px; }

/* portfolio */
#topo li#portfolio a{ width:82px; }

/* fale comigo */
#topo li#fale a{ width:104px; }

/* lavalamp */
.lavalamp{ position:relative; margin:auto; overflow:hidden; }
.lavalamp li.back{ z-index:8; position:absolute; background:url("images/lavabg.gif") no-repeat top right; }
.lavalamp li.back .left{ background:url("images/lavabg.gif") no-repeat top left; height:25px; margin-right:9px; }
.lavalamp li a{ z-index: 10; position:relative; overflow:hidden; outline:none; }

/* busca */
#topo #busca{
	float:right;
	width:475px;
	height:172px;
	background:url(images/fundo-topo-busca.png) no-repeat;
}
#topo #busca form{ margin:15px 0 0 40px; }
#topo #busca input[type="text"]{
	padding:7px 5px 7px 30px;
	border:1px solid #aaa;
	width:290px;
	background:#fff url(images/icone-lupa.png) no-repeat 8px;
}
#topo #busca p{
	margin:75px 0 0 70px;
	font:bold italic 13px Georgia;
}
#topo #busca a:hover{ color:#fff; }

/***************** principal ***************/
#principal,
.home #buscadores, .home #redes,
#ultimo,
.box, .box .sociable,
#conteudo .post, #conteudo .entrada,
#conteudo .editar,
#conteudo .chamada,
#conteudo #pings, #conteudo #relacionados, #conteudo #comentarios,
#curriculo, #presenca,
#orcamento,
#photos, #empresas,
.ddfmwrap, .ddfmwrap div, .ddfmwrap p.fieldwrap, #meios,
#sidebar #cima, #sidebar #meio, #sidebar #baixo,
.search .page, .search .post{
	float:left;
	width:100%;
}

#principal .esquerda{
	float:left;
	width:460px;
}
.archive #conteudo{ margin-top:10px; }

#principal .direita, #sidebar{
	float:right;
	width:470px;
}

/* bussola */
#principal #bussola{
	background:url(images/foto-bussola.png) no-repeat center -102px;
	margin-top:-32px;
	height:480px;
}

/******************* home ******************/
/* slogan */
h2#slogan{ font-size:40px; }
#slogan span{ display:block; }
#slogan .linha-2{ text-align:right; }

/* buscadores e redes sociais */
.jobs {
	float:left;
	width:100%;
}
.home .jobs{ margin-top:10px; }
.jobs h3{
	font-size:18px;
	margin-bottom:10px;
}
.jobs ul{	margin-bottom:15px; }
.jobs li{
	float:left;
	height:24px;
	margin-bottom:10px;
	text-indent:-9999em;
}
.home .jobs #buscadores, .home .jobs #redes{ margin-bottom:8px; }

/* buscadores */
.jobs .google{
	margin-left:10px;
	width:62px;
	background:url(images/logotipo-google.png) no-repeat;
}
.page-template-page-4-servicos-php #buscadores .google,
.page-template-page-4-servicos-internas-php #buscadores .google{ margin-left:30px; }

.jobs .bing{
	width:56px;
	background:url(images/logotipo-bing.png) no-repeat;
	margin-left:29px;
}
.jobs .yahoo{
	width:78px;
	background:url(images/logotipo-yahoo.png) no-repeat;
	margin-left:30px;
}
.jobs .ask{
	width:42px;
	background:url(images/logotipo-ask.png) no-repeat;
	margin-left:30px;
}
.home .jobs .ask{ margin-left:37px; }

/* redes sociais */
.jobs .youtube{
	width:52px;
	background:url(images/logotipo-youtube.png) no-repeat;
	margin-left:18px;
}
.page-template-page-4-servicos-php #redes .youtube,
.page-template-page-4-servicos-internas-php #redes .youtube{ margin-left:35px; }

.jobs .orkut{
	width:51px;
	background:url(images/logotipo-orkut.png) no-repeat;
	margin-left:33px;
}
.jobs .myspace{
	width:83px;
	background:url(images/logotipo-myspace.png) no-repeat;
	margin-left:30px;
}
.jobs .flickr{
	width:59px;
	margin-left:30px;
	background:url(images/logotipo-flickr.png) no-repeat;
}
.jobs .twitter{
	width:72px;
	background:url(images/logotipo-twitter.png) no-repeat;
	margin-left:30px;
}
.jobs .facebook{
	width:67px;
	background:url(images/logotipo-facebook.png) no-repeat;
	margin-left:10px;
}
.page-template-page-4-servicos-php #redes .facebook,
.page-template-page-4-servicos-internas-php #redes .facebook{ margin-left:35px; }

.jobs .linkedin{
	width:67px;
	background:url(images/logotipo-linkedin.png) no-repeat;
	margin-left:24px;
}
.jobs .videolog{
	width:74px;
	background:url(images/logotipo-videolog.png) no-repeat;
	margin-left:22px;
}
.jobs .lastfm{
	width:47px;
	background:url(images/logotipo-lastfm.png) no-repeat;
	margin-left:37px;
}
.jobs .blogger{
	width:68px;
	background:url(images/logotipo-blogger.png) no-repeat;
	margin-left:39px;
}

/* conheca */
.jobs p{
	font:italic 18px Georgia;
	margin-bottom:15px;
}
.jobs h4{ float:right; }
.jobs h4 a{
	display:block;
	width:194px;
	height:25px;
	text-align:center;
	text-decoration:none;
	font-size:17px;
	background:url(images/botao-conheca.png) no-repeat;
	padding-top:6px;
}

/* ultimo post */
#ultimo{ margin-top:20px; }
#ultimo h2, #ultimo h3{ margin-bottom:5px; }
#ultimo p{ margin-bottom:15px; }
#ultimo h3{	font-size:17px; }
#ultimo h2{	font-size:24px; }

/******************* blog ******************/
.blog .post, .archive .post{ margin-bottom:40px; }
.single .post, .single .classificacao{ margin-bottom:20px; }
.post h2{
	font-size:22px;
	margin-top:2px;
}

/* formatacao geral dos posts e das paginas */
.meu-post{ margin-top:10px; }
.meu-post h3{
	font-size:18px;
	margin-top:20px;
}
.meu-post h4{ margin:15px 0 5px 0; }
.meu-post ul, .meu-post ol, .meu-post dl{ margin:0 0 10px 15px; }
.meu-post p{ margin-bottom:10px; }
a.externo,a[target="_blank"]{
	padding-right:14px;
	background:url(images/icone-rel-external.png) no-repeat right center;
	text-decoration:underline;
	color:#09C;
}
.meu-post blockquote{
	border:1px dashed #EEE;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#FCFCFC;
	padding:8px 10px 0 10px;
	width:400px;
	margin:10px 0 10px 40px;
	font:14px Georgia, "Times New Roman", Times, serif;
}
.meu-post .alignleft{ float:left; }
.meu-post .alignright{ float:right; }
.meu-post .aligncenter, #meupost div.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.meu-post .wp-caption{
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:7px 10px 3px 10px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.meu-post .aligncenter{ margin:15px auto;}
.meu-post p.wp-caption-text{
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
.meu-post .embed-slideshare a{
	display:block;
	width:475px;
	border:1px solid #099;
	border-top:none;
	background:#EFF8F6;
	padding:7px 0;
	margin:-2px 0 10px 0;
	text-align:center;
}


/* boxes, editar, leia mais, classificacao */
.box, #comentarios .comment-body{
	border:1px dashed #eee;
	background:#fcfcfc;
	padding:5px 0;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.box .editar{
	text-align:center;
	padding:5px 0;
}
a.post-edit-link{
	background:url(images/icone-editar.png) no-repeat 5px 0;
	font:italic 17px Georgia;
	padding-left:28px;
	height:20px;
	text-decoration:underline;
}
.box a.comentarios{
	float:left;
	background:url(images/icone-comentarios.png) no-repeat;
	padding-left:20px;
	margin:4px 0 0 15px;
}
.box a.leia{
	float:right;
	background:url(images/icone-leia.png) no-repeat;
	padding-left:22px;
	margin-right:15px;
	font:italic 17px Georgia;
}
.single div.sociable{ margin-top:10px; }
.box .sociable, .box p{ margin:2px 10px; }
.box .sociable ul li{
	float:left;
	margin:5px 5px 0 5px;
}

/* pings, posts relacionados, comentarios */
#conteudo #pings{ margin-top:20px; }
#conteudo #pings, #conteudo #relacionados{ margin-bottom:25px; }
#conteudo #pings p{ margin-bottom:5px; }
#conteudo #pings a,
#conteudo #respond a, #comentarios #colaborar a{
	text-decoration:underline;
	color:#666;
	font-weight:bold;
}

/* lista de comentarios */
#comentarios #colaborar{ margin-bottom:15px; }
#comentarios .children{ margin-left:25px; }
#comentarios .comment-body{
	padding-left:8px;
	padding-right:8px;
	margin-bottom:10px;
}
#comentarios .administrador{
  border-color:#09C;
  background-color:#F2FCFF;
}
#comentarios p{ display:block; margin-bottom:7px;}
#comentarios ol .avatar{
	float:left;
	margin-right:5px;
}
#comentarios em.moderacao{
	border:1px dashed #D95709;
	background:#FDEDE8;
	font-weight:bold;
	color:#C30;
	padding:1px 3px;
}
#comentarios .reply a{
	font-weight:bold;
	text-decoration:underline;
}
#comentarios a.comment-edit-link{ margin-left:40px; }

/* formulario de comentarios */
#comentarios #respond{ width:100%; }
#respond input#author, #conteudo input#email{ width:172px; }
#respond input#mcspvalue{ width:115px; }
#respond textarea{ width:99%; }
#respond p.enviar{ text-align:right; }
#respond p.enviar input, form.ddfm .submit input{
	width:70px;
	height:30px;
}

/* resposta ao comentario */
li #respond{
	padding-top:10px;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
	margin-bottom:20px;
}
li #respond p.enviar{ width:100%; }
li #respond textarea{ width:99%; }
li #respond #cancel-comment-reply-link{
	display:block;
	font-weight:normal;
	padding:3px 0 3px 23px;
	background:#FDEDE8 url(images/icone-cancelar.png) no-repeat 3px 4px;
	border:1px dashed #D95709;
}

/* buscas */
.search .page, .search .post{ margin-bottom:40px; }

/*************** sidebar *****************/
#sidebar{ margin-top:10px; }
#lado-esquerdo{
	float:left;
	width:240px;
}
#lado-direito{
	float:right;
	margin-top:-42px;
	width:225px;
}
#lado-direito, #lado-direito a{ color:#fff; }

/* imagens de fundo na sidebar */
#cima{
	background:url(images/sidebar-cima.png) no-repeat;
	height:121px;
}
#meio{
	background:url(images/sidebar-meio.png) repeat-y;
	padding-bottom:15px;
}
#baixo{
	background:url(images/sidebar-baixo.png) no-repeat;
	height:18px;
}

/* esquerda e direita */
#banner, #enquete, #recomendo{ float:left; }
#categorias, #recentes, #banner{ margin-top:10px; }
#recentes{ margin-bottom:30px; }
#assuntos, #arquivo,
#enquete, #recomendo{ margin-top:30px; }
h4#slogan, #banner, #enquete, #recomendo{
	margin-left:22px;
	margin-right:15px;
}

/* ajuste em relação às categorias */
#recentes, #assuntos, #arquivo{ width:220px; }

/* enquete */
#enquete ul{ margin:10px 0 20px 0; }
#enquete li{
	list-style:none;
	margin-bottom:10px;
}
#enquete p.centro{ margin-bottom:10px; }
#enquete p a{ text-decoration:underline; }
#enquete p input[type="button"]{
	background:url(images/botao-votar.png) no-repeat;
	width:63px;
	height:26px;
	border:0;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin-left:35px;
}
#enquete .wp-polls-loading{
	display:none;
	text-align:center;
	height:16px;
	line-height:16px;
}

/* arquivo */
#wp-calendar{ width:100%; }
#wp-calendar caption{
	text-align:left;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(images/fundo-calendario-mes.png) no-repeat;
	padding:5px 0 3px 10px;
}
#wp-calendar a{ display:block; }
#wp-calendar td#prev a, #wp-calendar td#next a{ font:italic 17px Georgia, "Times New Roman", Times, serif; }
#wp-calendar td#showit a{
	padding:8px 0;
	background:url(images/fundo-calendario-listar.png) no-repeat;
}
#wp-calendar th{
	background:url(images/fundo-calendario-caption.png) no-repeat;
	padding:3px 7px;
}
#wp-calendar td{
	text-align:center;
	padding:5px 0;
}
#wp-calendar tbody a{
	background:#E1F9FD;
	border:1px solid #09C;
	padding:3px 0;
	text-decoration:underline;
}
#wp-calendar-split{
	border-top:1px dashed #bbb;
	margin-top:8px;
	padding-top:8px;
}

/***************** sobre mim ***************/
#curriculo, #presenca{ margin:10px 0 20px; }
#curriculo a, #presenca a{ display:block; }
#curriculo li, #presenca li{
	float:left;
	margin:0 0 10px 15px;
	list-style:none;
}

/* curriculo */
#curriculo a{ padding:17px 34px 13px 45px; }
#curriculo .doc a{ background:url(images/icone-curriculo-word.png) no-repeat; }
#curriculo .pdf a{
	background:url(images/icone-curriculo-pdf.png) no-repeat;
	margin-left:10px;
}

/* presenca */
#presenca li a{
	height:27px;
	text-indent:-9999em;
}
#presenca .twitter{
	width:90px;
	background:url(images/icone-presenca-twitter.png) no-repeat;
}
#presenca .orkut{
	width:62px;
	background:url(images/icone-presenca-orkut.png) no-repeat;
	margin-left:30px;
}
#presenca .linkedin{
	width:75px;
	background:url(images/icone-presenca-linkedin.png) no-repeat;
	margin-left:30px;
}
#presenca .facebook{
	width:103px;
	background:url(images/icone-presenca-facebook.png) no-repeat;
	margin-left:30px;
}
#presenca .videolog{
	width:111px;
	background:url(images/icone-presenca-videolog.png) no-repeat;
	margin-left:50px;
}
#presenca .slideshare{
	width:118px;
	background:url(images/icone-presenca-slideshare.png) no-repeat;
	margin-left:30px;
}
#presenca .lastfm{
	width:58px;
	background:url(images/icone-presenca-lastfm.png) no-repeat;
	margin-left:30px;
}

/***************** servicos ***************/
.page-template-page-4-servicos-php h2{ font-size:20px; }
.page-template-page-4-servicos-php h3{ font-size:26px; }
#tabs h2{ margin-bottom:20px; }
#tabs abbr{
	cursor:pointer;
	border:0;
}
#tabs ul.ui-tabs-nav{ margin-left:0; }
#tabs ul.ui-tabs-nav li{
	list-style:none;
	margin:0 4px -1px 0;
}
#tabs .ui-state-active abbr{ cursor:text; }

.page-template-page-4-servicos-internas-php h2{
	font-size:26px;
	margin-top:4px;
}
.page-template-page-4-servicos-internas-php #orcamento{ margin-top:15px; }

#orcamento a{
	display:block;
	background:url(images/botao-orcamento.png) no-repeat;
	padding:15px 20px 15px 50px;
	margin-bottom:15px;
	text-align:center;
}

/**************** portfolio ***************/
div.portfolio{ margin-top:20px; }
#photos li{
	list-style:none;
	margin:0;
}
.panel{ border:2px solid #333; }
.nav-prev, .nav-next, .strip_wrapper{ margin-top:10px; }

/* empresas */
#empresas{ margin-top:40px; }
#empresas li{
	float:left;
	height:36px;
	margin-bottom:10px;
	text-indent:-9999em;
}
#empresas .coca{
	margin-left:10px;
	width:75px;
	background:url(images/empresas/logotipo-portfolio-coca.png) no-repeat;
}
#empresas .oi{
	margin-left:25px;
	width:32px;
	background:url(images/empresas/logotipo-portfolio-oi.png) no-repeat;
}
#empresas .embratel{
	margin-left:32px;
	width:77px;
	background:url(images/empresas/logotipo-portfolio-embratel.png) no-repeat;
}
#empresas .silimed{
	margin-left:25px;
	width:75px;
	background:url(images/empresas/logotipo-portfolio-silimed.png) no-repeat;
}
#empresas .coppe{
	margin-left:25px;
	width:72px;
	background:url(images/empresas/logotipo-portfolio-coppe.png) no-repeat;
}
#empresas .l2{ height:38px; }
#empresas .ons{
	margin-left:17px;
	width:52px;
	background:url(images/empresas/logotipo-portfolio-ons.png) no-repeat;
}
#empresas .rhcp{
	margin-left:35px;
	width:39px;
	background:url(images/empresas/logotipo-portfolio-rhcp.png) no-repeat;
}
#empresas .jcom{
	margin-left:22px;
	width:92px;
	background:url(images/empresas/logotipo-portfolio-jcom.png) no-repeat;
}
#empresas .claro{
	margin-left:37px;
	width:36px;
	background:url(images/empresas/logotipo-portfolio-claro.png) no-repeat;
}
#empresas .icatu{
	margin-left:45px;
	width:80px;
	background:url(images/empresas/logotipo-portfolio-icatu.png) no-repeat;
}

/*************** fale conosco **************/
p.obs{
	color:#09C;
	font-size:10px;
}
.ddfmerrors{ font-weight: bold; }
.ddfmwrap{ width:450px; }
.ddfm p.fieldwrap{ padding:1px; }
.ddfm .required{ color:#06C; }
.ddfm label{
	display:block; 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px; 
	padding-bottom:10px;
}
.ddfm input.fmtext, .ddfm input.fmverify{
	float: left; 
	display: block;
	width:186px;
	padding: 2px;
}
.ddfm p.fieldwrap img{ margin-left:5px; }
.ddfm p.fieldwrap textarea{ width:280px; }
.ddfm .submit{ text-align: right; }
p#msg_enviada{
	background:#C0F89E;
	border:1px dashed #409E12;
	text-align:center;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:6px 10px 6px 10px;
	margin:10px 0 30px 0;
}

/* meios de contato */
#meios{ margin:15px 0; }
ul.contatos{ margin-top:20px; }
ul.contatos li a{
	float:left;
	height:35px;
	margin-bottom:10px;
}
ul.contatos li a{
	display:block;
	text-indent:-9999em;
}
ul.contatos .msn{
	margin-left:40px;
	width:45px;
	background:url(images/logotipo-fale-msn.png) no-repeat;
}
ul.contatos .gtalk{
	margin-left:40px;
	width:72px;
	background:url(images/logotipo-fale-gtalk.png) no-repeat;
}
ul.contatos .skype{
	margin-left:40px;
	width:75px;
	background:url(images/logotipo-fale-skype.png) no-repeat;
}
ul.contatos .orkut{
	margin-left:40px;
	width:73px;
	background:url(images/logotipo-fale-orkut.png) no-repeat;
}

/****************** rodape *****************/
#rodape{
	float:left;
	width:100%;
	border-top:1px dashed #666;
	margin-top:35px;
	padding:7px 0 10px 0;
}
#rodape #observacoes, #rodape #ti{ width:280px; }

/* termos e politica */
#rodape #observacoes, #rodape #observacoes p{
	float:left;
	margin-right:20px;
}

/* selos de tecnologia */
#rodape #ti{ float:right; }
#rodape #ti p{
	float:left;
	margin-left:16px;
}
#rodape #ti a{
	display:block;
	height:17px;
	text-indent:-9999em;
}
#rodape a#cc{ width:71px; }
#rodape a#w3c-xhtml, #rodape #ti a#w3c-css{	width:80px; }

#rodape a#cc{ background:url(images/icone-cc.png) no-repeat; }
#rodape a#w3c-xhtml{ background:url(images/icone-w3c-xhtml.png) no-repeat; }
#rodape a#w3c-css{ background:url(images/icone-w3c-css.png) no-repeat; }