body{ text-align:center; padding:0; margin:0;  font-family: Arial, Verdana, Tahoma; line-height:20px; font-size:12px; color:#4e4e4e;  margin:0px; background:url(../imagens/pattern.gif) repeat-x;}
h1, h2, h3, ul, li{ margin:0; padding:0;}
#divClear {  clear:both;}


#divBlog, #divPost {	width:1002px; margin:0 auto; text-align:left;}
#topo{ width:1002px; height:369px; margin:0 0 8px 0; float:left;}

/* ESTRUTURA ABAIXO DO TOPO - 2 COLUNAS */
#colunaEsquerda{ width:787px; float:left;}
#colunaDireita{ width:180px; float:left; padding:0 0 0 20px;}

/* POSTS E COMENTÁRIOS */
#mensagens, #divComentarios { width:787px; float:left; margin:0 0 10px 0; background:url(../imagens/ponto.gif) 0 bottom repeat-x; float:left; padding:0 0 12px 0; margin:0 0 14px 0;}
#mensagens h1, #divComentarios h1{ padding:12px 0 0 10px; margin:0 0 10px 0;}
#mensagens h1, #mensagens h1 a, #divComentarios h1{ font:bold 12px arial, helvetica; color:#02679a; text-decoration:none; text-transform:uppercase;}
#mensagens h1 a:hover{ text-decoration:underline;}
#mensagens h1.h1G, #divComentarios h1.h1G{ width:100%; height:24px; background:url(../imagens/bg_h1.jpg) no-repeat;}

#divImagem { float:left; margin:0 10px 0 0;}

/* TEXTO DENTRO DOS POSTS e COMENTÁRIOS */
#divTexto {text-align: justify; }
#divTexto h2{ font:bold 16px arial; margin:0 0 10px 0;}
#divTexto h3{ font:11px arial; color:#53747c;}

#divThumbs{ float:left;}
#divThumbs ul{ width:250px; float:left; list-style:none; margin:7px 0 0 0;}
#divThumbs li{ width:75px; height:75px; overflow:hidden; float:left; margin:0 7px 7px 0;}

/* FORMULÁRIO */
#divForm{ float:left; width:787px;  margin:0 0 15px 0;}
#divForm .tituloEnviaPost{ width:787px; height:56px; float:left;}
#divForm .middle{ width:787px; background:#c9dde2; float:left;}
#divForm .bottom{ width:787px; height:31px; background:url(../imagens/base_form.gif) no-repeat; float:left;}

#divForm form{ padding:0 0 0 50px;}
.colunaForm{ float:left; margin:0 10px 0 0;}
.alinhaForm{ float:left; margin:0 10px 0 0; padding:0 0 0 160px;}
#divForm label{ font:bold 11px arial; color:#055984; float:left; margin:0 5px 0 0; width:50px; text-align:right;}
#divForm label.comente{ font:bold 11px arial; color:#055984; float:left; margin:0 5px 0 0; width:80px; text-align:right;}
#divForm input.inputM{ background:#FFF; border:1px solid #FFF; width:230px; margin:0 0 6px 0; color:#055984; font:12px verdana;}
#divForm textarea{ background:#FFF; border:1px solid #FFF; width:230px; height:66px; color:#055984; font:12px verdana;}
#divForm .button{ border:0 none; background:#c9dde2; width:110px; cursor:pointer; margin:42px 0 0 0;}
#divForm .buttonComenta{ border:0 none; background:#c9dde2; width:160px; cursor:pointer; margin:5px 0 0 160px;}


/* PAGINADOR */
#divPaginator{ width:787px; height:50px; text-align:center; margin:30px 0 0 0; color:#CCCCCC; /* cor opaca, para o link desativado (proximo e anterior) */  font:bold 11px arial; float:left; clear:both;}
#divPaginator a{  font:bold 11px arial; color:#e9771b; text-decoration:none;}
#divPaginator a:hover{ text-decoration:underline; }
#divPaginator select{  background:#f5ebbe; border:1px solid #f5ebbe; font:11px verdana; color:#e9771b; margin:0 5px 0 5px; padding:0;}


#linkComentarios{ background:url(../imagens/seta.gif) no-repeat; font:bold 14px "trebuchet ms", arial; color:#055984; text-decoration:underline; padding:4px 0 4px 30px; float:left;}
#linkComentarios:hover{ text-decoration:none;}
.btVoltar{ width:80%; float:left; background:url(../imagens/seta_voltar.gif) no-repeat; padding:2px 0 5px 23px;}
.btVoltar a{ font:bold 11px "trebuchet ms", arial; color:#055984; text-transform:uppercase; text-decoration:underline;}
.btVoltar a:hover{ text-decoration:none;}

/* COLUNA DIREITA - LISTA DE POSTS RECENTES */
#colunaDireita h1 a{ padding:12px 0 0 10px; float:left; font:bold 12px arial, helvetica; color:#02679a; text-decoration:none; text-transform:uppercase; width:204px; height:36px; background:url(../imagens/bg_h1_p.jpg) no-repeat; float:left;}
#colunaDireita ul{ list-style-type:none; float:left;}
#colunaDireita li{ background:url(../imagens/ponto.gif) 0 bottom repeat-x; float:left; padding:0 0 12px 0; margin:0 0 14px 0;}
#colunaDireita li h2{font:11px arial; color:#53747c;}
#colunaDireita li h3 a{ font:bold 14px arial; color:#4e4e4e; text-decoration:none;}
#colunaDireita li h3 a:hover, #colunaDireita li .resumo a:hover{text-decoration:underline;}

#colunaDireita li .resumo { width:100%; text-align:justify; margin:5px 0; float:left;}
#colunaDireita li .resumo a{ font:11px arial; color:#4e4e4e; text-decoration:none;}
#colunaDireita li .vejaMais{ width:92%; background:url(../imagens/setap.gif) no-repeat; padding:2px 0 0 24px; float:left;}
#colunaDireita li .vejaMais a{ font:bold 11px "trebuchet ms", arial; color:#055984; text-transform:uppercase; text-decoration:underline;}
#colunaDireita li .vejaMais a:hover{ text-decoration:none;}