/*
Theme name: Heads Blog
Theme URI: http://www.heads.com.br/blog/
Description: Tema desenvolvido exclusivamente para o blog da agência Heads.
Author: Carlos Eduardo de Souza
Author URI: http://www.midiadigital.com.br/
*/

* { margin: 0; padding: 0; }
html, body { padding-bottom: 1em; background: #f0f0f0; font: 100% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#limites { width: 965px; margin: 0 auto; background: url(imagens/limites_bg.gif) repeat-y; font-size: .68em; }

  /* ------- ELEMENTOS ------- */
  a { font-weight: bold; text-decoration: none; color: #00aeef; }
  a:hover { text-decoration: underline; }
  form fieldset, a img { border: 0; }
  form input, form textarea { border: 1px solid #ccc; }
  
  
  /* ------- CLASSES ------- */
  .esquerda, .alignleft { float: left; }
  .direita, .alignright { float: right; }
  .alinha_esquerda { text-align: left; }
  .alinha_direita { text-align: right; }
  .alinha_centro { text-align: center; }
  
  .feed a, a.feed { padding-left: 18px; background: url(imagens/icone_rss.gif) no-repeat; font-weight: normal; color: #666; }
  
  /* contendo float */
  .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .contemfloat { display: inline-block; }
  /* Hides from IE-mac \*/
  * .contemfloat { height: 1%; }
  .contemfloat { display: block; }
  /* End hide from IE-mac */

/* ------- topo ------- */
#topo { position: relative; height: 141px; background: url(imagens/topo_bg.jpg) no-repeat; }
#topo h2 { position: absolute; top: 79px; left: 266px; width: 526px; height: 61px; }
#topo h2 a { display: block; height: 100%; text-indent: -9999em; overflow: hidden; }

/* ------- conteudo ------- */
#conteudo { position: relative; background: url(imagens/conteudo_bg.gif) no-repeat; }

  /* ------- coluna 2 ------- */
  #coluna2 { /* position: absolute; right: 0; */ float: right; width: 130px; margin: 0 4px 0 30px; padding: 8px 7px; font-size: .9em; }
  html > body #coluna2 { margin-right: 9px; }
  #coluna2 a { font-weight: normal; color: #666; }
  
  #coluna2 form { text-align: right; }
  #coluna2 form input { display: block; width: 100%; }
  #coluna2 form button { width: 54px; background: transparent; border: 0; font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #666; }
  
  #coluna2 ul#feeds { margin: 12px 0; border-top: 1px solid #d1d1d1; list-style: none; }
  #coluna2 ul#feeds li { padding: 8px 0; border-bottom: 1px solid #d1d1d1; }
  #coluna2 ul#feeds li a { padding-left: 18px; background: url(imagens/icone_rss.gif) no-repeat; font-size: .9em; }
  
  #coluna2 dl dt { margin-bottom: 7px; font-weight: bold; text-transform: uppercase; }
  #coluna2 dl dt.top5 { color: #00aeef; }
  #coluna2 dl dt.categorias { color: #92278f; }
  #coluna2 dl dt.arquivos { color: #f79724; }
  #coluna2 dl dd { margin-bottom: 9px; padding: 0 0 4px 12px; border-bottom: 1px solid #d1d1d1; }
  #coluna2 dl dd ol { list-style: inside decimal; }
  #coluna2 dl dd ul { list-style: none; }
  #coluna2 dl dd li { margin-bottom: 5px; }
  #coluna2 dl dd ul.anos { margin-top: 21px; }
  #coluna2 dl dd ul.anos li { display: inline; padding: 0 1px 0 9px; background: url(imagens/traco.gif) 0 center no-repeat; }
  #coluna2 dl dd ul.anos li.primeiro { padding-left: 0; background: transparent; }
  
  
  /* ------- coluna 1 ------- */
  #coluna1 { padding-top: 46px; }
  
  
  /* ------- rodape ------- */
  #rodape { clear: both; height: 24px; padding-top: 40px; background: url(imagens/rodape_bg.gif) no-repeat; text-align: center; font-size: .9em; }
  #rodape div { display: inline; }
  #rodape .vcard { display: block; }
  #rodape .org { display: none; }
  #rodape .adr span { padding-left: 6px; margin-left: 4px; border-left: 1px solid #666; }
  #rodape .adr span.country-name { display: none; }

/* ------- PAGINAS ESPECIFICAS ------- */

  /* ------- PAGINA INICIAL ------- */
  #home #coluna1 h1 { display: none; }
  #home #coluna1 .post { clear: left; margin-bottom: 32px; padding-left: 179px; background: url(imagens/post_bg.gif) no-repeat; }
  #home #coluna1 .post ul.informacoes { position: absolute; width: 128px; margin: 11px 0 0 -159px; list-style: none; font-size: .9em; }
  #home #coluna1 .post ul.informacoes li { padding: 7px 0; border-top: 1px solid #d1d1d1; }
  #home #coluna1 .post ul.informacoes li.primeiro { padding-top: 0; border: 0; word-spacing: -2px; }
  #home #coluna1 .post .detalhes { margin-right: 178px; }
  #home #coluna1 .post h3 { margin-bottom: 15px; font: 1.45em Verdana, Tahoma, Arial, Helvetica, sans-serif; }
  #home #coluna1 .post h3 a { font-weight: normal; text-transform: uppercase; color: #333; }
  #home #coluna1 .post p { margin-bottom: 17px; }
  #home #coluna1 .post p.dados { margin-bottom: 23px; }
  #home #coluna1 .post p.dados span { margin-right: 2px; padding-right: 6px; border-right: 1px solid #999; color: #f79724; }
  #home #coluna1 .post p.dados a { text-decoration: underline; font-weight: normal; color: #999; }
  #home #coluna1 .post img { border: 1px solid #ccc; }
  #home #coluna1 .post img.alignright { margin: 0 0 14px 14px; }
  #home #coluna1 .post img.alignleft { margin: 0 14px 14px 0; }
  #home #coluna1 .post ul.comentarios { clear: left; text-align: right; list-style: none; }
  #home #coluna1 .post ul.comentarios li { display: inline; padding: 0 1px 0 5px; border-left: 1px solid #666; }
  #home #coluna1 .post ul.comentarios li.primeiro { padding-left: 0; border: 0; }
  #home #coluna1 .post ul.comentarios li a { text-decoration: underline; font-weight: normal; }

  /* ------- COMENTARIOS ------- */
  #comments { margin: 0 180px 32px 0; }
  #comments h4 { margin: 1em 0; font-size: 1.45em; font-weight: normal; text-transform: uppercase; color: #333; }
  #comments ol { list-style: none; }
  #comments ol#commentlist li { padding: 5px; }
  #comments ol#commentlist li.alt { background: #f6f6f6; }
  #comments ol#commentlist li p { margin-bottom: 1em; }
  #comments ol#commentlist li p.autor a { text-decoration: none; font-weight: normal; color: #666; }
  #comments ol#commentlist li p.autor strong a { font-weight: bold; }
  #comments ol#commentlist li p.autor small { display: block; font-size: .9em; }
  #comments form { margin-top: 50px; }
  #comments form legend { margin: 0 0 20px -10px; font-weight: bold; color: #00aeef; }
  #comments form ol { margin-left: 80px; }
  #comments form ol li { margin-bottom: 20px; font-size: .9em; }
  #comments form ol label { display: block; }
  #comments form ol input, #comments form ol textarea { font: 1em Verdana, Tahoma, Arial, Helvetica, sans-serif; }
  #comments form ol input { width: 280px; padding: 2px; }
  #comments form ol textarea { width: 440px; overflow: auto; }
  #comments form button { margin-left: 455px; background: #fff; border: 0; font-weight: bold; text-transform: uppercase; }