* { margin: 0; padding: 0; }
body {
  background: #FFF url(/images/bg.gif) top repeat-x;
  font-family: verdana, serif;
  line-height: 1.3em;
  color: #444;
  font-size: 12px;
}
html>body { background-attachment:fixed; }
img, fieldset { border: 0; }
h1, h2, h3, h4, .autor, td.titulo, li.titulo {
  color: #000;
  font-family: helvetica, serif;
  letter-spacing: -1px;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; margin-bottom: 8px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; font-weight: normal; }
ul {
  margin-left: 16px;
}
li, p, td {
  line-height: 1.5em;
  color: #444;
  font-size: 12px;
}
p, ul { margin-bottom: 8px; }
a { color: #00C; }
a:visited { color: #00C;}
a:hover { background-color: #FFCA00; }
#content {
  width: 760px;
  margin: 0 auto;
  background: url(/images/listras-ie.gif); /* ie bastard hangs while showing transparent bg so fuck it */
  padding: 0 8px 8px 8px;
}
html>body #content { background: url(/images/listras.gif); }

/* propagandas */
#annoy-about-firefox {
  width: 754px;
  margin: 8px auto 0 auto;
  border: 2px solid #C00;
  background-color: #EFEFEF;
  padding: 10px;
}
#annoy-about-firefox p {
  color: #000;
  font-family: georgia, serif;
  font-size: 14px;
}
#annoy-about-firefox .banner {
  text-align: center;
}

/* lateral */
#utilidades {
  width: 192px;
  float: left;
}
#utilidades div {
  padding: 4px;
  background-color: #FFF;
  margin-bottom: 8px;
}
#utilidades .rss {
  float: right;
  padding: 0;
  margin: 0;
}
#utilidades #banners {
  margin-top: 20px;
  background: none;
  text-align: center;
}
#utilidades p { margin: 0; }
#utilidades #banners p { margin-bottom: 20px; }
#utilidades #logo { background: none; padding: 0; margin-bottom: 8px; }
#utilidades #logo a { border: 0; }
#utilidades ul {
  list-style: none;
  margin-bottom: 4px;
}
#ultimos-comentarios li {
  margin-bottom: 4px;
}



#main {
  background-color: #FFF;
  margin-left: 197px; /* go figure */
  padding: 8px;
  margin-bottom: 10px;
}
html>body #main { margin-left: 200px; }
#posts-index #main, #posts-ler #main {
  background: none;
  padding: 0;
}
.coluna {
  float: left;
  width: 276px;
}
html>body .coluna { width: 276px; }
#hipper { margin-right: 8px; }
.autor {
  padding: 4px;
  background-color: #FFFEEA;
  line-height: 2em;
  margin-bottom: 8px;
  height: 106px;
}
.avatar {
  float: right;
}
.autor a {
  padding-right: 2px;
}
.autor a, .autor a:visited { text-decoration: none; }
.s1, .s1:visited { font-size: 20px; color: #222; letter-spacing: -2px; }
.s2, .s2:visited { font-size: 18px; color: #333; letter-spacing: -2px; }
.s3, .s3:visited { font-size: 16px; color: #444; }
.s4, .s4:visited { font-size: 14px; color: #555; }
.s5, .s5:visited { font-size: 12px; color: #666; }

#post { text-align: center; }
#post, #comentarios, #comentar {
  padding: 8px;
  background-color: #FFF;
  margin-bottom: 8px;
}
#comentar { margin-bottom: 0; margin-right: 270px; }
#comentar fieldset { padding-top: 14px; }
#idiotas {
  float: right;
  padding-top: 42px;
  width: 260px;
}
#idiotas p, #post p { font-size: 16px !important; margin-bottom: 0; }
.anuncio { 
  margin: 8px 0;
}
.post, .arquivo {
  padding: 4px;
}
.post { 
  background-color: #FFF; 
  margin-bottom: 8px;
}
.arquivo { background-color: #EEE; }
.arquivo a:hover { background-color: #CCC; }

#post h4 {
  padding-bottom: 5px;
  border-bottom: 1px solid #DCCCB1;
  margin-bottom: 8px;
}
.postnav {
  width: 268px;
  padding: 4px;
  background-color: #FFF;
  color: #AAA;
  float: left;
  margin-bottom: 8px;
}
#post-anterior {
  margin-right: 8px;
}
#post-anterior img {
  margin-right: 8px;
  float: left;
}
#post-proximo {
  text-align: right;
}
#post-proximo img {
  margin-left: 8px;
  float: right;
}

.titulo {
  margin-bottom: 8px;
}
#sobre-index .titulo {
  margin: 0;
}

.post h3, .post h4 { line-height: 1.2em; }
.post h3 { font-weight: normal; }
.post h3 a { font-weight: bold; color: #000; text-decoration: none; }
.post .icone-comentarios { float: left; margin-right: 2px; }
.post h4 { color: #444; font-size: 12px; margin-bottom: 8px; }
.post h4 strong { padding-left: 1px; }
.post .continua { font-weight: bold; margin: 0;}
.post .light { color: #444; font-size: 12px;}

.comentario { 
  padding: 8px 0;
  border-top: 1px dotted #DCCCB1;
}


/* tabelas */
table {
  width: 100%;
  border-spacing:  0;
  margin-bottom: 8px;
  border-collapse: collapse;
}
th {
  color: #000;
  text-align: left;
  border-bottom: 1px solid #000;
}
td, th {
  padding: 2px 4px;
}
td {
  border-bottom: 1px solid #CCC;
}
td.titulo, li.titulo {
  font-size: 16px;
  margin: 0;
}

/* forms */
label {
  float: left;
  text-align: right;
  width: 100px;
  padding: 2px 8px 0 0;
  font-size: 12px;
}
fieldset div {
  margin-bottom: 12px;
}
input, textarea {
  font-family: arial, serif;
  font-size: 12px;
  padding: 4px;
  border: 1px solid #AAA;
}
.ajuda {
  font-size: 10px;
  line-height: 1em;
}
#comment_author_name, #comment_author_url, #comment_content_original {
  width: 300px;
}
#comment_author_name { font-size: 18px; }
#antispam { float: left; }
#comment_submit {
  float: right;
  border: 0;
  background-color: #E07D14;
  color: #FFF;
  font-weight: bold;
  margin: 0 56px 10px 0;
}
#comment_submit:hover {
  background-color: #F48F28;
  cursor: pointer;
}
#arquivo-por_periodo select {
  font-size: 14px;
}
html>body #ano { width: 60px; }

/* haks */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */