/* 
  Theme Name: project.47 - Portfolio e blog sobre Web Standards
  Theme URI: http://project47.viscountbox.com/
  Description: Terceira versão do tema para o project.47.
  Version: 3.0
  Author: Carlos Eduardo de Souza
  Author URI: http://project47.viscountbox.com/curriculum/
*/


/* ------- geral ------- */
* { margin: 0; padding: 0; }
html, body { background: url(imagens/bg.gif) #3D3937; font: 12px Arial, sans-serif; color: #fff; }
a { color: #F7FE8A; text-decoration: none; }
a:hover { color: #baeb3f; /*border-bottom: 1px dashed #baeb3f;*/ }
p { margin-bottom: 1em; text-align: justify; }
form fieldset { border: 0; }
form input, form select, form textarea, form button { font: 12px Arial, sans-serif; border: 1px solid #afafaf; background: url(imagens/form_bg_input.gif) #3d3937 repeat-x; color: #F7FE8A; }
form input:active, form select:active, form textarea:active { border-color: #fff; }

#limites { max-width: 900px; overflow-x: hidden; }
* html #limites { width: expression(document.body.clientWidth > 900? "900px": "auto" ); }

#coluna1 ul#sizer, #coluna2 #sidebar ul, #rodape ul { list-style: none; }

#skip, #skip a { display: block; height: 18px; }
#skip { position: absolute; width: 156px; top: 198px; left: 2px; background: url(imagens/topo_skip.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }

/* ------- coluna 1 ------- */
#coluna1, #coluna2 { margin-bottom: 11px; }
#coluna1 { float: left; width: 72%; padding-bottom: 3px; border-bottom: 3px solid #f9ff88; }
html > body #coluna1 { width: 72%; margin-right: 1%; } 
#coluna1 h2 { height: 64px; border-bottom: 8px solid #f9ff88; background: url(imagens/topo_titulo.gif) 15px no-repeat; }
#coluna1 h2 a { display: block; position: absolute; width: 392px; height: 34px; margin: 15px; text-indent: -9999em; overflow: hidden; }
#coluna1 ul#sizer { float: right; margin: -27px 4px 0 0; }
html > body #coluna1 ul#sizer { margin-right: 8px; }
#coluna1 ul#sizer li { float: left; margin-left: 4px; }
#coluna1 ul#sizer a { display: block; width: 29px; height: 19px; background: url(imagens/topo_tamanhofonte.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
#coluna1 ul#sizer a#diminuir { background-position: right; }
#coluna1 #topo { clear: both; height: 141px; margin-top: 8px; border-bottom: 4px solid #7f8261; background: url(imagens/topo_bg.jpg) right top no-repeat; }
#coluna1 #conteudo { margin-top: 4px; padding: 16px 11px 11px 0; border-top: 4px solid #f9ff88; background: url(imagens/conteudo_bg.jpg) bottom right #3d3937 no-repeat; }
#coluna1 #conteudo h1 { height: 28px; padding: 56px 0 0 20px; background-repeat: no-repeat; font-size: 18px; text-transform: lowercase; }
#coluna1 #conteudo h1 a { color: #fff; }
#coluna1 #conteudo p { line-height: 1.5; }
#coluna1 #conteudo #promo { margin-bottom: 1em; text-align: center; }
#coluna1 #conteudo a#promo { display: block; width: 468px; height: 80px; margin: 0 auto 1em; background: url(imagens/banner-dreamhost.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
#coluna1 #conteudo .topo { float: right; width: 21px; height: 12px; padding: 5px 6px 6px 16px; background: url(imagens/post_topo.jpg) 6px center #504c4a no-repeat; font-size: 11px; }

  /* ------- blog ------- */
  #limites.blog #coluna1 #conteudo h1 { background-image: url(imagens/titulo_blog.jpg); }
  #coluna1 #conteudo .post { margin: 0 0 15px 20px; padding: 15px; background: url(imagens/post_bg.jpg) #413d3b no-repeat; }
  * html #coluna1 #conteudo .post { height: 1%; }
  #coluna1 #conteudo .post .data { float: right; margin: -5px 11px 0 0; font-size: 27px; font-style: italic; font-weight: bold; color: #504C4A; }
  #coluna1 #conteudo .post h3 { margin-bottom: 11px; font-size: 1.5em; }
  #coluna1 #conteudo .post h4 { margin-bottom: 5px; font-size: 1.2em; color: #F7FE8A; }
  #coluna1 #conteudo .post h5 { margin-bottom: 5px; font-size: 1.1em; color: #F7FE8A; }
  #coluna1 #conteudo .post img { display: block; padding: 2px; border: 4px solid #53504f; }
  #coluna1 #conteudo .post img.wp-smiley { display: inline; padding: 0; border: 0; }
  #coluna1 #conteudo .post .editar { display: block; margin-bottom: 1em; text-align: right; }
  #coluna1 #conteudo .post .editar a { padding: 5px; }
  #coluna1 #conteudo .post .editar a:hover { background-color: #484442; color: #baeb3f; }
  #coluna1 #conteudo .post .opcoes { padding: 0 7px; background: #4b4745; }
  #coluna1 #conteudo .post .opcoes .tags, #coluna1 #conteudo .post .opcoes .comentarios { display: block; height: 18px; padding-top: 4px; }
  #coluna1 #conteudo .post .opcoes .tags strong { color: #baeb3f; }
  #coluna1 #conteudo .post .opcoes .comentarios { float: right; padding-left: 35px; background: url(imagens/post_bg_comentar.gif) no-repeat; }
  #coluna1 #conteudo .post .opcoes .comentarios a { display: block; padding-right: 20px; background: url(imagens/post_icon_comentar.gif) right center no-repeat; }
  #coluna1 #conteudo .post ul, #coluna1 #conteudo .post ol { margin: 0 0 1em 1.7em; }
  #coluna1 #conteudo .post ul { list-style: square; }
  #coluna1 #conteudo .post li { margin-bottom: 1em; }
  #coluna1 #conteudo .post img { display: block; padding: 2px; border: 4px solid #53504f; }
  #coluna1 #conteudo .post span.pullquote { float: right; /*width: 182px;*/ margin: 0 0 11px 11px; text-align: center; font-size: 0.9em; font-style: italic; }
  #coluna1 #conteudo .post pre { display: block; width: 100%; margin-bottom: 1em; padding: 3px; background: #504C4A; overflow: auto; }
  #coluna1 #conteudo p.anuncio { margin-left: 20px; padding: 15px; background: #53504F; }
  #coluna1 #conteudo p.anuncio a { color: #FFFF00; }
  #coluna1 #conteudo p.anuncio a:hover { color: #BAEB3F; }
  #coluna1 #conteudo #navlinks { margin: 0 0 15px 20px; height: 26px; padding: 9px 15px 0; background: #413d3b; }
  #coluna1 #conteudo #navlinks #pagseguinte { float: right; }

  /* ------- comentarios ------- */
  #coluna1 #conteudo #comments { margin-left: 20px; }
  #coluna1 #conteudo #comments #dados h4, #coluna1 #conteudo #comments ol li { background-color: #3f3c3a; }
  #coluna1 #conteudo #comments #dados h4 { padding: 3px 15px; font-size: 1.5em; color: #646464; font-style: italic; }
  #coluna1 #conteudo #comments #dados a { float: right; margin: 1px 0 0 7px; padding: 5px 7px 5px 30px; background-position: 7px center; background-repeat: no-repeat; color: #f9ff88; }
  #coluna1 #conteudo #comments #dados a:hover { background-color: #484442; color: #baeb3f; }
  #coluna1 #conteudo #comments #dados a#rss { background-image: url(imagens/icon_rss.gif); }
  #coluna1 #conteudo #comments #dados a#trackback { background-image: url(imagens/icon_trackback.gif); }
  #coluna1 #conteudo #comments ol#commentlist, #coluna1 #conteudo #comments form#commentform { margin: 15px 7px 0; }
  #coluna1 #conteudo #comments ol#commentlist li { clear: both; margin: 0 0 1em 1.7em; padding: 7px 7px 1px; background: url(imagens/comentario_bg.gif) 90% -7% #3F3B39 no-repeat; border-width: 1px 0 3px; border-style: solid; border-color: #7f8261; color: #f9ff88; font-weight: bold; }
  #coluna1 #conteudo #comments ol#commentlist li.alt { background: url(imagens/comentario_bg2.gif) 90% -7% #504b48 no-repeat; border-color: #a0a381; color: #FFFF00; }
  #coluna1 #conteudo #comments ol#commentlist li * { font-weight: normal; } 
  #coluna1 #conteudo #comments ol#commentlist li .avatar { float: right; margin-left: 14px; }
  #coluna1 #conteudo #comments ol#commentlist li .autor a { font-weight: bold; color: #baeb3f; }
  #coluna1 #conteudo #comments ol#commentlist li .autor a:hover { text-decoration: underline; }
  #coluna1 #conteudo #comments ol#commentlist li .texto { min-height: 50px; color: #fff; }
  * html #coluna1 #conteudo #comments ol#commentlist li .texto { height: 50px; }
  #coluna1 #conteudo #comments ol#commentlist li .topo { margin-top: -28px; }
  #coluna1 #conteudo #comments ol#commentlist li.alt .topo { background-color: #3F3B39; } 
  #coluna1 #conteudo #comments form#commentform { background: url(imagens/comentario_bg_form.gif) right no-repeat; border-top: 1px solid #646464; padding-top: 7px; }
  #coluna1 #conteudo #comments form#commentform fieldset { padding: 7px; }
  #coluna1 #conteudo #comments form#commentform fieldset legend { font-size: 1.3em; font-weight: bold; color: #f9ff88; }
  #coluna1 #conteudo #comments form#commentform fieldset ol { padding: 7px; list-style: none; }
  #coluna1 #conteudo #comments form#commentform fieldset ol li { clear: left; width: 405px; margin-bottom: 3px; padding-top: 3px; border-top: 1px solid #646464; background: none; }
  #coluna1 #conteudo #comments form#commentform fieldset ol li label { float: left; width: 100px; padding-top: 1px; }
  #coluna1 #conteudo #comments form#commentform fieldset ol li input, #coluna1 #conteudo #comments form#commentform fieldset ol li textarea { width: 280px; }
  #coluna1 #conteudo #comments form#commentform fieldset ol li textarea { height: 100px; overflow: auto; }
  #coluna1 #conteudo #comments form#commentform fieldset button { margin-left: 291px; font-size: 12px; font-weight: bold; }
  
  /* ------- curriculum ------- */
  #limites.curriculum #coluna1 #conteudo h1 { background-image: url(imagens/titulo_curriculum.jpg); }
  #limites.curriculum #coluna1 #conteudo .vcard { padding-bottom: 25px; }
  #limites.curriculum #coluna1 #conteudo .vcard .photo { float: right; margin: 0 0 10px 10px; }
  #limites.curriculum #coluna1 #conteudo .vcard h4 { font-size: 1.3em; }
  #limites.curriculum #coluna1 #conteudo .vcard span.bday { display: none; }
  #limites.curriculum #coluna1 #conteudo .vcard span.adr, #limites.curriculum #coluna1 #conteudo .vcard span.org, #limites.curriculum #coluna1 #conteudo .vcard span.email { display: block; }
  #limites.curriculum #coluna1 #conteudo .vcard span.email { margin-bottom: 15px; }
  #limites.curriculum #coluna1 #conteudo .vcard span.adr, #limites.curriculum #coluna1 #conteudo .vcard span.org { margin: 5px 0; }
  #limites.curriculum #coluna1 #conteudo .vcard .tags { display: none; }
  #limites.curriculum #coluna1 #conteudo .vcard p { margin: 1em 0 0; }
  
  /* ------- portfolio ------- */
  #limites.portfolio #coluna1 #conteudo h1 { background-image: url(imagens/titulo_portfolio.jpg); }
  #limites.portfolio #coluna1 #conteudo dl dt { clear: left; padding-top: 1em; border-top: 1px solid #646464; font-size: 1.1em; font-weight: bold; color: #F7FE8A; }
 
  /* contendo float */
  #limites.portfolio #coluna1 #conteudo dl dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  #limites.portfolio #coluna1 #conteudo dl dd { display: inline-block; }
  /* Hides from IE-mac \*/
  * html #limites.portfolio #coluna1 #conteudo dl dd { height: 1%; }
  #limites.portfolio #coluna1 #conteudo dl dd { display: block; }
  /* End hide from IE-mac */
  
  #limites.portfolio #coluna1 #conteudo dl dd ul { margin: 0 auto 1em; padding-bottom: 1em; list-style: none; }
  #limites.portfolio #coluna1 #conteudo dl dd ul li { float: left; margin-right: 11px; }
  #limites.portfolio #coluna1 #conteudo dl dd ul li a:hover img { border-color: #7F8261; }
  #limites.portfolio #coluna1 #conteudo h4 { margin-bottom: 1em; padding-top: 1em; border-top: 1px solid #646464; font-size: 1.1em; font-weight: bold; color: #F7FE8A; }
  
  /* ------- contato ------- */
  #limites.contato #coluna1 #conteudo h1 { background-image: url(imagens/titulo_contato.jpg); }
  #limites.contato #coluna1 #conteudo .contactform form .contactleft { float: left; clear: left; width: 200px; padding-top: 3px; }
  #limites.contato #coluna1 #conteudo .contactform form input, #limites.contato #coluna1 #conteudo .contactform form textarea { margin-bottom: 3px; }
  #limites.contato #coluna1 #conteudo .contactform form textarea { width: 178px; } 

/* ------- coluna 2 -------- */
#coluna2 { float: right; width: 26%; padding: 25px 0 3px; border-bottom: 3px solid #f9ff88; }
#coluna2 form#searchform { float: right; width: 155px; margin-bottom: 20px; }
html > body #coluna2 form#searchform { margin-bottom: 22px; }
#coluna2 form#searchform label { float: left; margin-right: 10px; font-size: 11px; text-align: right; text-transform: uppercase; vertical-align: middle; }
#coluna2 form#searchform input { width: 100px; }
#coluna2 #autor { height: 133px; clear: right; padding: 8px; border-width: 8px 0 4px 0; border-style: solid; border-top-color: #f9ff88; border-bottom-color: #7f8261; background: url(imagens/autor_bg.jpg) 95% 96% #3f3b39 no-repeat; }
#coluna2 #autor p { margin: 0; text-align: left; }
#coluna2 #autor h3, #coluna2 #sidebar dt { margin-bottom: 7px; text-indent: -9999em; background-repeat: no-repeat; }
#coluna2 #autor h3 { height: 14px; background-image: url(imagens/autor_titulo.jpg); }
#coluna2 #autor #linkhcard, #coluna2 #autor #linkopml { float: left; height: 16px; margin: 5px 3px 0 0; text-indent: -9999em; overflow: hidden; }
#coluna2 #autor #linkhcard { width: 29px; background: url(imagens/autor_icon_hcard.gif) no-repeat; }
#coluna2 #autor #linkopml { width: 16px; background: url(imagens/autor_icon_opml.gif) no-repeat; }
#coluna2 #sidebar { margin-top: 4px; padding: 8px; border-top: 4px solid #f9ff88; }
#coluna2 #sidebar dl dt { height: 18px; }
#coluna2 #sidebar dl dt#paginas { background-image: url(imagens/sidebar_titulo_paginas.gif); }
#coluna2 #sidebar dl dt#projetos { margin-top: 1em; background-image: url(imagens/sidebar_titulo_projetos.gif); }
#coluna2 #sidebar dl dt#publicidade { background-image: url(imagens/sidebar_titulo_publicidade.gif); }
#coluna2 #sidebar dl dt#assuntos { background-image: url(imagens/sidebar_titulo_assuntos.gif); }
#coluna2 #sidebar dl dt#arquivo { background-image: url(imagens/sidebar_titulo_arquivo.gif); }
#coluna2 #sidebar dl dd { margin-bottom: 16px; }
#coluna2 #sidebar dl dd ul { margin-left: 5px; }
#coluna2 #sidebar dl dd ul li { padding-left: 10px; background: url(imagens/sidebar_liststyle.gif) left center no-repeat; }
#coluna2 #sidebar dl dd ul#anunciantes li { background: none; }
#coluna2 #sidebar dl dd ul#anunciantes li img { border: 0; }
#coluna2 #sidebar dl dd ul li a { color: #fff; }
#coluna2 #sidebar dl dd ul li a:hover { color: #baeb3f; }
#coluna2 #sidebar dl dd ul#nav { margin: 0; }
#coluna2 #sidebar dl dd ul#nav li { margin-bottom: 5px; padding: 0; background: none; }
#coluna2 #sidebar dl dd ul#nav li a { display: block; width: 174px; height: 19px; padding: 3px 0 0 13px; background: url(imagens/sidebar_bg_item.gif) #53504f no-repeat; font-size: 13px; font-weight: bold; letter-spacing: 2px; }
#coluna2 #sidebar dl dd ul#nav li a:hover { height: 18px; border-bottom: 1px solid #7f8261; color: #baeb3f; }
#coluna2 #sidebar dl dd ul#nav li a#atual { background-position: right; }
#coluna2 #sidebar dl dd ul#nav li a#atual:hover { height: 19px; border: 0; color: #fff; }
#coluna2 #sidebar dl dd.projeto a { color: #baeb3f; } 
#coluna2 #sidebar dl dd.projeto a:hover { color: #F7FE8A; }
#coluna2 #sidebar dl dd.projeto img { margin-bottom: 3px; padding: 1px; border: 5px solid #53504f; }
#coluna2 #sidebar dl dd.projeto a:hover img { border-color: #7F8261; }
#coluna2 #sidebar dl dd.projeto .legenda { display: block; padding-left: 12px; background: url(imagens/sidebar_projeto_icon.gif) left center no-repeat; }

/* ------- rodape ------- */
#rodape { clear: both; height: 143px; padding: 32px 0 23px 23px; background: url(imagens/rodape_bg.gif) #3f3b39 repeat-x; }
#rodape dl { float: left; margin-right: 22px; }
#rodape dl dt { margin-bottom: 7px; font-weight: bold; font-size: 1.1em; color: #F7FE8A; }
#rodape dl dd a { color: #fff; }
#rodape dl dd ul#randomlinks li { width: 150px; }
* html #rodape dl dd ul#randomlinks li { height: 1%; }
html > body #rodape dl dd ul#randomlinks li { margin-bottom: 3px; }
#rodape dl dd ul#randomlinks a { display: block; height: auto; padding: 3px 7px; background: #4b4745; }
#rodape dl dd ul#randomlinks a:hover { padding-bottom: 2px; border-bottom: 1px solid #7f8261; color: #baeb3f; }
#rodape dl dd ul#meta { width: 153px; height: 120px; }
#rodape dl dd ul#meta li { float: left; margin-right: 8px; }
#rodape dl dd ul#meta li a { display: block; width: 42px; height: 56px; background: url(imagens/rodape_icons.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
#rodape dl dd ul#meta li a#linkburner { background-position: -50px 0; }
#rodape dl dd ul#meta li a#linkdelicious { background-position: -103px 0; }
#rodape dl dd ul#meta li a#linktechnorati { background-position: 0 -56px; }
#rodape dl dd ul#meta li a#linkflickr { background-position: -50px -56px; }
#rodape dl dd ul#meta li a#linklast { background-position: -103px -56px; }
#rodape dl dd ul#apoio { width: 149px; height: 96px; }
#rodape dl dd ul#apoio li { margin-bottom: 12px; }
#rodape dl dd ul#apoio li a { display: block; background: url(imagens/rodape_apoio.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
#rodape dl dd ul#apoio li a#apoiovbox { height: 23px; background-position: -2px 0; }
#rodape dl dd ul#apoio li a#apoiomidia { height: 20px; background-position: 0 -35px; }
#rodape dl dd ul#apoio li a#apoiowordpress { height: 30px; background-position: 0 -66px;  }
#rodape dl dd a#creditos { display: block; width: 84px; height: 19px; background: url(imagens/rodape_creditos.gif) no-repeat; text-indent: -9999em; overflow: hidden; }