/*
	Autor: Anderson Triacca
	Empresa: Guife Multicom
	Data de In�cio: 12/06/2009
	�ltima Modifica��o: 10/08/2009
*/

/*----------------------------------------
	- Partes Comuns a todas p�ginas
---------------------------------------*/
*{
	margin:0;
	padding:0;
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	outline: none;
}
ul{
	list-style:none;
}
a img{
	border:0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
html.blog{
	width:100%;
	background: #F4F2ED url(imagens/fundo_html.gif) no-repeat 971px top;
	background-attachment: fixed;
}
body{
	background: #635e4a url(imagens/html.gif) left top repeat-x;
}
body.blog{
	width: 971px;
	border: 1px solid transparent;
}
#page{
	width:941px;
	margin-left: 30px;
}
/*----------------------------------------
	- Header
---------------------------------------*/
#header{
	width: 941px;
	height: 261px;
	margin-top: 9px;
	position: relative;
}
#header a.title_rss{
	display: block;
	text-indent: -200000px;
	width: 158px;
	height: 22px;
	background: url(imagens/ico_rss.png) left top no-repeat;
	float: right;
	margin-right: 46px;
	margin-bottom: 8px;
}
#header a.rss_about{
	display: block;
	text-indent: -200000px;
	width: 19px;
	height: 16px;
	background: url(imagens/rss_about.png) left top no-repeat;
	position: absolute;
	top: 2px;
	right: 20px;
}
#header h1{
	display: block;
	width: 941px;
	height: 67px;
	clear: both;
}
#header h1 a{
	background: url(imagens/h1.png) left top no-repeat;
	display: block;
	text-indent: -20000px;
	width: 941px;
	height: 67px;
	clear: both;
}
#header h2{
	background: url(imagens/topo_h2.png) left top no-repeat;
	display: block;
	text-indent: -20000px;
	width: 292px;
	height: 11px;
	margin-top: 10px;
}
#header #menu{
	width: 252px;
	height: 11px;
	position: absolute;
	right: 33px;
	top: 107px;
}
#banner{
	width: 911px;
	height: 126px;
	margin-top: 17px;
	position: relative;
	left: -2px;
}
/*----------------------------------------
	- Left
---------------------------------------*/
#body_left_content{
	width: 586px;
	margin-top: 13px;
	float: left;
	position: relative;
}
#body_left_content form, #searchform{
	width: 588px;
	position: relative;
}
#body_left_content form input#searchform_top_text, #searchform input#searchform_top_text{
	display: block;
	width: 439px;
	padding-left: 18px;
	height: 36px;
	padding-top: 7px;
	background: url(imagens/campo_busca.png) left bottom no-repeat;
	border: none;
	font-size: 24px;
	color: #b6b4a9;
}
#body_left_content form input#buscar, #searchform input#buscar{
	display: block;
	width: 132px;
	height: 43px;
	background: url(imagens/campo_busca.png) right bottom no-repeat;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.alignleft{
	position: absolute;
	right: 0;
	bottom: -30px;
}
.alignright{
	position: absolute;
	left: 0;
	bottom: -30px;
}
/*----------------------------------------
	- Right
---------------------------------------*/
#body_right_content{
	width: 283px;
	float: left;
	margin-left: 35px;
	margin-top: 13px;
}
#body_right_content #logado{
	display: block;
	width: 283px;
	height: 120px;
	position: relative;
	background: url(imagens/logado.gif) left top no-repeat;
}
#body_right_content #logado h2{
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 43px;
	left: 19px;
}
#body_right_content #logado p{
	position: absolute;
	top: 65px;
	left: 19px;
}
#body_right_content #logado p a{
	text-decoration: underline;
	color: #e7a926;
}
#body_right_content a.deslogar{
	display: block;
	width: 46px;
	height: 12px;
	position: absolute;
	bottom: 12px;
	left: 27px;
}
#body_right_content #form_login{
	display: block;
	width: 283px;
	height: 120px;
	position: relative;
	background: url(imagens/form_login.jpg) left top no-repeat;
	left: 3px;
}
#body_right_content #form_login *{
	position: absolute;
}
#body_right_content #form_login input.input_nome{
	border: none;
	background: none;
	width: 161px;
	height: 18px;
	left: 62px;
	top: 43px;
}
#body_right_content #form_login input.input_senha{
	border: none;
	background: none;
	width: 161px;
	height: 18px;
	left: 62px;
	top: 64px;
}
#body_right_content #form_login input.input_submit{
	border: none;
	background: none;
	width: 49px;
	height: 120px;
	top: 0;
	right: 0;
	cursor: pointer;
}
#body_right_content #form_login a.cadastrar{
	display: block;
	width: 97px;
	height: 8px;
	top: 97px;
	left: 16px;
}
#body_right_content #form_login a.perdi_senha{
	display: block;
	width: 93px;
	height: 9px;
	top: 97px;
	left: 127px;
}
#body_right_content #sidebar{
	position: relative;
	left: 3px;
}
#body_right_content #sidebar li h2{
	display: block;
	text-indent: -200000px;
	width: 317px;
	height: 29px;
	margin-top: 20px;
}
li.widget_categories h2{
	background: url(imagens/tit_categorias.gif) left top no-repeat;
}
li.widget_categories ul li{
	color: #e7a926;
}
li.widget_archives h2{
	background: url(imagens/tit_arquivos.gif) left top no-repeat;
}
li.linkcat h2{
	background: url(imagens/tit_parceiros.gif) left top no-repeat;
}
#body_right_content #sidebar ul li ul{
	padding-bottom: 15px;
	padding-left: 2px;
	padding-top: 10px;
}
#body_right_content #sidebar ul li ul li a{
	color: #b6b4a9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(imagens/demarcador_dir.gif) left bottom no-repeat;
	padding-left: 10px;
}
#body_right_content #sidebar ul li ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: url(imagens/demarcador_dir.gif) left top no-repeat;
}
/*----------------------------------------
	- Footer
---------------------------------------*/
#footer{
	clear: both;
	width: 960px;
	height: 214px;
	background: url(imagens/rodape.gif) left bottom no-repeat;
	position: relative;
	left: -30px;
}
#footer *{
	display: none;
}
/*----------------------------------------
	- Postagem
---------------------------------------*/
div.post{
	margin-top: 37px;
}
div.post h2{
	display: block;
	border-bottom: 1px dotted #fff;
	padding-bottom: 2px;
}
div.post h2 a{
	text-decoration: none;
	font-size: 30px;
	font-weight: normal;
}
div.post h3{
	font-size: 12px;
	font-weight: normal;
	padding-top: 4px;
}
div.post h3 span, div.post h3 a{
	color: #e7a926;
}
div.entry{
	margin-top: 30px;
}
div.entry p{
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
div.entry a{
	color: #e7a926;
}
div.entry p a:hover{
	text-decoration: underline;
}
div.entry p img{
	margin: 10px auto;
	border: 3px solid #3A3527;
}
div.postmetadata{
	width: 587px;
	height: 43px;
	background: url(imagens/postmetadata.gif) left bottom no-repeat;
	position: relative;
	margin-top: 3px;
}
div.postmetadata a.leia_mais{
	position: absolute;
	top: 12px;
	left: 14px;
	color: #e7a926;
}
div.postmetadata a.leia_mais:hover{
	text-decoration: underline;
}
div.postmetadata a.leia_mais span{
	color: #e7a926;
	text-decoration: underline;
}
div.postmetadata a p{
	position: absolute;
	top: 12px;
	left: 481px;
	color: #fff;
}
div.postmetadata a p span{
	color: #e7a926;
}
div.postmetatags{
	position: relative;
	left: 14px;
}
div.postmetatags *{
	font-weight: normal;
	padding-top: 10px;
	color: #fff;
}
/*----------------------------------------
	- Pagina��o
---------------------------------------*/
div.navegacao{
	padding-top: 50px;
	padding-left: 175px;
}
div.bt_anterior{
	width: 122px;
	height: 18px;
	float: left;
}
div.bt_anterior a{
	display: block;
	width: 122px;
	height: 18px;
	background: url(imagens/bt_anterior.png) left top no-repeat;
	text-indent: -20000px;
}
div.bt_anterior a:hover{
	background: url(imagens/bt_anterior.png) left bottom no-repeat;
}
div.bt_proximo{
	width: 113px;
	height: 18px;
	float: left;
}
div.bt_proximo a{
	display: block;
	width: 113px;
	height: 18px;
	background: url(imagens/bt_proximo.png) left top no-repeat;
	text-indent: -20000px;
}
div.bt_proximo a:hover{
	background: url(imagens/bt_proximo.png) left bottom no-repeat;
}
/*----------------------------------------
	- Coment�rios
---------------------------------------*/
#respond_title{
	margin-bottom: 10px;
}
#comments_title{
	margin-top: 20px;
	margin-bottom: 20px;
}
div.commentmet_data{
	margin-bottom: 20px;
}
#comment{
	display: block;
	width: 303px;
	color: #B6B4A9;
	border: none;
	background: #3A3527;
}
div.commentmet_data{
	position: relative;
}
div.commentmetadata{
	width: 286px;
	position: absolute;
	left: 100px;
	top: 0;
}
div.commentmetadata_end{
	margin-top: 10px;
	margin-bottom: 7px;
}
div.commentmetadata_end strong, div.commentmetadata_end strong span{
	font-weight: normal;
	font-size: 12px;
	color: #e7a926;
}
div.commentmet_avatar{
	font-weight: bold;
	font-size: 12px;
}
#respond p, #respond h3{
	color: #E7A926;
}
#respond p a{
	color: #E7A926;
	text-decoration: underline;
}
#respond input{
	display: block;
	color: #B6B4A9;
	border: none;
	background: #3A3527;
	padding: 3px 2px;
	margin-bottom: 8px;
	width: 300px;
}
#respond input#submit{
	width: 80px;
	margin-left: 219px;
	position: relative;
	top: 8px;
	text-align: center;
}
#respond input#comment_post_ID, #respond input#comment_parent{	
	display: none;
}
<!-- Paginação Estilo início -->.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}



<!-- Paginação Estilo final -->