/**********************************************************************/
/*	Jornal Pequeno
	WeZ - Soluções para Internet
	Design: André Mácola Machado
	xHTML/CSS: André Mácola Machado
/**********************************************************************/

/**********************************************************************/
/****************** Definições de HTML, estruturais  ******************/
/**********************************************************************/
* { margin:0px; padding:0px; }
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../imagens/bgbody.jpg) no-repeat top; }
img, abbr, fieldset { border:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
p { line-height:130%; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.strong { font-weight:bold; }
.hidden { display:none; }

/********************** ATRIBUIÇÕES DE TÍTULOS  ***********************/
h1, h2, h3, h4 { line-height:100%; }
h1 {font-size: 140%;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
.hesportes a { color:#87A21C; }
.hgeral a { color:#D95700; }
.hcidade a { color:#003D79; }
.hpolicia a { color:#990000; }
.hlaranja a {color: #EB3D00}
.hpeta a { color:#D08D11; }
/******************** FIM ATRIBUIÇÕES DE TÍTULOS *********************/

/***************************** GLOBAL  ********************************/
#geral { width:772px; margin:auto; height:300px; position:relative; }
/*************************** FIM GLOBAL  ******************************/

/************************** TOPO DA PÁGINA  ***************************/
#publicidade { float:left; background:url(../imagens/pb.png) left bottom no-repeat; height:90px; padding:0px 0px 0px 12px; margin:5px 0px 10px 12px; display:inline; }
#topo {background:url(../imagens/bgtopo.png) no-repeat; width:772px; height:293px; float:left;}
#topo .logo { width:362px; height:59px; display:block; text-indent:-5000px; overflow:hidden; clear:left; float:left; margin:10px 0px 0px 0px; }

#geral #topo ul { background:#EB3D00; float:left; list-style:none; clear:left; width:763px; margin:7px 0px 0px 2px; padding:0px 2px 0px 2px; display:inline; }
#geral #topo ul li { float:left; margin:0px 0px 0px 0px; padding:8px 0px 8px 0px;  }
#geral #topo ul li a { color:#FFF;  padding:6px 5px 6px 5px; text-decoration:none; }
#geral #topo ul li a:hover{ background:#DFDF36; color:#CC3300; text-decoration:underline; }

#geral .blogueiro {display:block;position:absolute;text-indent:-500000px;overflow:hidden;left: 157px;width: 126px;top: 260px;height:56px;background:url(../blank.gif);}
#geral .feeds {display:block;position:absolute;text-indent:-500000px;overflow:hidden;left: 157px;width: 126px;top: 331px;height: 27px;}
/************************ FIM TOPO DA PÁGINA **************************/

/************************** CORPO DA PÁGINA ***************************/
#corpo { width:772px; background:#FFF; float:left;}
#corpo #areaTexto { width:510px; float:left; border-right:1px #E1E1E1 solid; margin:10px 0px 0px 10px; padding:0px 10px 0px 0px; display:inline; }
#corpo #areaTexto h2 { border-bottom:1px #E1E1E1 solid; margin:0px 0px 10px 0px; background:url(../imagens/calendar.gif) no-repeat left; text-indent:65px; height:35px; font-size:20px; color:#666; padding:15px 0px 5px 0px; }
#corpo #areaTexto h1, #corpo #areaTexto h1 a { color:#EB3D00; }
#corpo #areaTexto h1.post { font-size:30px; margin:0px 0px 5px 0px; line-height:100%; border-bottom:1px #E1E1E1 solid;  }
#corpo #areaTexto p { font-size:12px; line-height:1.6em; margin:5px 0px 5px 0px; vertical-align: baseline; letter-spacing: normal; word-spacing: normal; color:#666; text-align: justify;}
#corpo #areaTexto p.paragrafo { font-size:14px !important; margin:10px 0px 10px 0px; float:left; }
#corpo #areaTexto p a:hover { text-decoration:none; }
#corpo #areaTexto .box { float:left; margin:0px 0px 20px 0px; }
#corpo #areaTexto .box:hover {background:#F7F7F7; width:100%; }
#corpo #areaTexto .info, #corpo #areaTexto .info a { color:#9F9F9F; }
#corpo #areaTexto .info .comments { background:url(../imagens/iconcomment.gif) no-repeat left; padding:0px 0px 0px 20px; float:left; margin:0px 5px 0px 0px; }
/*#corpo #areaTexto .info .star {background:url(../imagens/stars.gif) no-repeat right top; width:17px; height:16px;  text-indent:-5000px; overflow:hidden; display:block; float:left; }
#corpo #areaTexto .info a.star:hover { background:url(../imagens/stars.gif) no-repeat left top; }*/
.rating{list-style:none;margin-left:0px!important;padding:0px;width: 85px;height: 16px;position: relative;background: url(../imagens/stars2.gif) bottom left repeat-x; float:left;}
.rating li{padding:0px;margin:0px;/*\*/float: left;/* */}
.rating li a{display:block;width:25px;height: 16px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.rating li a:hover{background: url(../imagens/stars2.gif) left top;z-index: 2;left: 0px;}
.rating a.starone{left: 0px;}
.rating a.starone:hover{width:17px;}
.rating a.startwo{left:17px;}
.rating a.startwo:hover{width: 34px;}
.rating a.starthree{left: 34px;}
.rating a.starthree:hover{width: 51px;}
.rating a.starfour{left: 51px;}	
.rating a.starfour:hover{width: 68px;}
.rating a.starfive{left: 68px;}
.rating a.starfive:hover{width: 85px;}
.rating li.current-rating{background: url(../imagens/stars2.gif) left center;position: absolute;height: 16px;display: block;
text-indent: -9000px;z-index: 1;}

#corpo #areaTexto .info span { margin:0px 0px 0px 5px; }
#corpo #areaTexto.int .info { border-bottom:1px #E1E1E1 solid; padding:0px 0px 5px 0px; }
#corpo #areaTexto .posts { float:right; }
#corpo #areaTexto .posts a { text-decoration:underline; color:#EB3D00; margin:0px 0px 0px 4px; }
#corpo #areaTexto .posts a:hover  { text-decoration:none; }

#corpo #direita { width:220px; float:right ; margin:10px 10px 0px 0px; padding:0px 0px 0px 0px; display:inline;}
#corpo #direita .box2 { width:190px; background:#F0F0F0; padding:15px; float:left; margin:10px 0px 0px 0px; }
#corpo #direita .box2 h3 a { font-size:15px; color:#9F9F9F; text-decoration:underline; }
#corpo #direita .box2 p, #corpo #direita .box2 p a { color:#666666;  margin:5px 0px 0px 0px;}
#corpo #direita .box2 ul { list-style:none; margin:10px 0px 0px 0px; }
#corpo #direita .box2 ul li { background:url(../imagens/arrow.gif) no-repeat left; text-indent:10px; margin:0px 0px 5px 0px; }
#corpo #direita .box2 ul li a { color:#EB3D00; }
#corpo #direita .box2 form { margin:10px 0px 0px 0px; }
#corpo #direita .box2 button { background:url(../imagens/bt_ok.gif) left top no-repeat; width:30px; height:20px; border:none; text-indent:-5000px; overflow:hidden; cursor:pointer; margin:0px 0px 0px 2px;}
#corpo #direita .box2 button:hover { background:url(../imagens/bt_ok.gif) left bottom no-repeat; }

/************************ FIM CORPO DA PÁGINA *************************/

/************************** RODAPÉ DA PÁGINA **************************/
#bottom {  margin:10px 0px 0px 0px; }
#rodape { width:756px; margin:30px 0px 0px 0px; padding:15px 0px 15px 15px; position:relative; color:#FFF;  background:#EB3D00; float:left;}
#rodape address { font-style:normal; }
#rodape a {color:#FFF; }
#rodape .topo {position:absolute; display:block; width:37px; height:30px; background:url(../imagens/bt_top.gif) no-repeat; text-indent:-5000px; overflow:hidden; left:640px; top:-14px; }
#rodape ul.menubottom { width:110px; float:left; margin:0px 10px 0px 0px;}
#rodape ul.menubottom li { list-style:none; background:url(../imagens/square.gif) no-repeat left; text-indent:10px;}
#rodape h5 { color:#FFBCA6; font-size:18px; float:left; margin:20px 0px 0px 0px; }
#rodape span.maisinfo { float:left; font-size:14px; font-weight:bold; margin:23px 0px 0px 4px;}
#rodape div { float:left; width:500px; }

/************************ FIM RODAPÉ DA PÁGINA ************************/