@charset "utf-8";
/* CSS Document */

body { 
	font-size: 0.75em; font-family: "Trebuchet MS", Arial, Verdana; line-height: 1.3em;
	background-color: #27436C; 
	margin: 0; padding: 0;
	background-image: url(images-aranha/bg_teia.jpg); background-position: top center; background-repeat: no-repeat;
	}
	
img { display: block; border: none; }

h1, h2, h3, h4 { 
	margin: 0; padding: 0; 
	text-transform: uppercase; color: #DA1F26;
	}	

a { color: #99CCFF; text-decoration: none; }
a:hover { color: #FFBA00; }

.caixa_788 a { color: #DA1F26; }
.caixa_788 a:hover { color: #FF6600; }

h1 {  }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
	
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style: none; overflow: hidden }
	
.list-item { color: #FFCC33; font-size: 1.2em; font-weight: bold; }
	
/* ########################## */
/* DEBUG #################### */
/* ########################## */

.casca
	{ border: 0 solid red; }


	
/* ########################## */
/* ESTRUTURAL ############### */
/* ########################## */	

.casca { 
	width: 985px; margin: auto; 
	background-position: top center; background-repeat: no-repeat;
	}

.logo { padding: 10px 0; }

.flutuante {
	z-index: 1000; right: 0; top: 0; position:relative; border: none; float: right;
	}

/* Na capa */
#chamada_blog { width: 445px; }
#chamada_checklist { width: 360px; }
#chamada_checklist img { margin-left: 15px; }
	
#chamada_checklist .wp-caption, #chamada_blog .wp-caption { display: none; }	

	
#menu { width: 185px; }	

.menu { background-image: url(images-aranha/menu_bg.png); background-position: center; background-repeat: repeat-y; }
.menu img { margin-left: 23px; }

.caixa_345 { 
	width: 345px; 
	background-image: url(images-aranha/caixa345_bg.png);  background-position: center; background-repeat: repeat-y; 
	}

.caixa_345 .itens, .caixa_788 .itens { padding: 0 15px 0 20px; margin: 0; line-height: 1.2em; }
.caixa_345 p { margin: 0; }
.caixa_345 .itens .data  { padding: 0 0 0 20px; margin-bottom: 12px; color: #999999; font-size: 0.8em; }		


.caixa_788 { 
	width: 788px; padding-bottom: 5px; 
	background-image: url(images-aranha/caixa788_bg.png);  background-position: center; background-repeat: repeat-y; 
	}

.caixa_788 h1 {
	background-image: url(images-aranha/avatar.png);  background-position: left top; background-repeat: no-repeat; 
	padding: 0 0 5px 38px; line-height: 1em;
	}

.caixa_788 .itens .data  { text-transform: none; color: #999999; font-size: 0.5em; }		

#rodape { margin: 15px auto; color: #fff; line-height: 1.2em; font-size: 0.95em; }

#rodape .spidey { width: 120px; }
#rodape .creditos { vertical-align: top; width: 240px; vertical-align: top; padding-left: 20px; }
#rodape .recentes { vertical-align: top; width: 410px; padding-left: 30px; padding-right: 10px; }
#rodape .vizinhos { width: 140px; vertical-align: top; }
#rodape .vizinhos img { margin: 15px auto; }

#rodape h3 { font-size: 1.4em; color: #fff; margin-top: 0; margin-bottom: 10px; }

.caixa_rodape {
	width: 985px; 
	background-image: url(images-aranha/rodape_bg.png);  background-position: center; background-repeat: repeat-y; 
	}


/* ########################## */
/* ÁREA DE CONTEÚDO ######### */
/* ########################## */

#conteudo { padding-left: 10px; }

.titulo_secao { margin-bottom: 10px; }
.voltar_topo { margin: 20px auto; }

.veja-mais { color: #999999; display: block; margin-top: 10px; }

.leitor { font-size: 1.3em; font-weight:bold; margin-bottom: 40px; color: #999999; }
.editor { font-size: 1.3em; font-weight:bold; color: #999999; }




/* ########################## */
/* FORMS #################### */
/* ########################## */

.botao, .enquete_capa .wp-polls .botao_enquete { 
	padding: 3px 5px; text-align: center; display: block; 
	background-color: #DA1F26; color: #FFFFFF; 
	font-size: 0.9em; text-transform: uppercase; font-weight: bold; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: none;
	}

.botao:hover, .enquete_capa .wp-polls .botao_enquete:hover { background-color: #FF3300; color: #fff; }
.pequeno { width: 70px; }
.medio { width: 140px; }
.grande { width: 210px; }

.preview_legenda { color: #fff; }

/* ############################################# */
/* IMPORTADO DOS VINGADORES #################### */
/* ############################################# */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Personagem */

#conteudo .personagem { float: left; width: 680px; }
#conteudo .personagem_destaque { float: left; 
	background-color: #dedede; 
	padding: 15px; margin-bottom: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 690px;
 }

#conteudo .personagem_destaque .wp-caption { display: none; }

#conteudo .personagem .retrato { padding: 0 20px 0 0; float: left; }
#conteudo .personagem .texto img { display: none; }
#conteudo .personagem .texto { margin-left: 170px; }
#conteudo .personagem_destaque .retrato { padding: 0 20px 0 0; float: left; }
#conteudo .personagem_destaque .texto img { display: none; }
#conteudo .personagem_destaque .texto { margin-left: 170px; }

#conteudo .moldura {
	color: #333333;
	border: 0 solid #333333;
	text-align: center;
	background-color: #dedede;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding: 5px;
}

#conteudo .personagem .wp-caption { display: none; }


/* Comentarios */
#conteudo .post_comentarios { background-image: url(images-aranha/balao_avulso.png); background-position: left top; background-repeat: no-repeat; 
	width: 201px; height: 41px; border: 0 solid red; text-align: left; padding: 33px 0 0 0; }
#conteudo .post_comentarios a { margin-left: 15px; }
#conteudo .post_comentarios_single { font-size: 0.9em; background-image: url(images-aranha/balao_avulso_single.png); background-position: left top; background-repeat: no-repeat; 
	width: 500px; height: 81px; border: 0 solid red; text-align: left; padding: 25px 0 0 0; clear: both; }
#conteudo .post_comentarios_single p { margin-left: 20px; }

#respond { color: #fff }
.comment-body .says { color: #fff; }
#respond label { color: #fff; }
#respond input.fundo { 
	font-family: "Trebuchet MS", Arial, Verdana;
	width: 350px;
	border: 1px solid #003366; background-color:#EEF2FB; padding: 5px 8px; 
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	}

#respond input.fundo:hover, #respond textarea.fundo2:hover { background-color: #fff; }

#respond textarea.fundo2 { 
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 1.1em;
	width: 700px;
	border: 1px solid #003366; background-color:#EEF2FB; padding: 5px 8px; 
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	}

h3.comentarios_titulo { color: #fff; }


/* Comentarios display */

#conteudo ol.commentlist { border: 0 solid gold; list-style: none; margin: 0; padding: 0; width: 680px; }
#conteudo ol.commentlist li img.avatar { border: 0 solid blue; list-style: none; float: left; padding-right: 15px; }
#conteudo ol.commentlist .commentmetadata { border: 0 solid red; margin-bottom: 30px; }
#conteudo ol.commentlist .comment-body { border: 0 solid red; padding: 0; margin-bottom: 23px; background-image: url(images-aranha/comentario_balao_topo.png); background-position: top; background-repeat: no-repeat; }
#conteudo ol.commentlist .comment-body p { border: 0 solid green; padding: 10px 20px; margin: 0; background-image: url(images-aranha/comentario_balao_meio.png); background-repeat: repeat-y;  }


#conteudo ol.commentlist .reply { border: 0 solid gold; padding: 15px 0 20px 0; background-image:url(images-aranha/comentario_balao_baixo.png); background-position: top; background-repeat: no-repeat;  }
#conteudo ol.commentlist .reply a { background-image:url(images-aranha/icone_reply.png); background-position: left; background-repeat: no-repeat; padding-left: 24px; }


#conteudo ul.children { border: 0 solid green; width: 640px; margin-left: 40px; }
#conteudo ul.children li { list-style: none; }
#conteudo ul.children .reply { padding-top: 10px; background-image:url(images-aranha/comentario_balao_reply_baixo.png); background-position: top; background-repeat: no-repeat; }
#conteudo ul.children .comment-body p { padding: 10px 20px; margin: 0; background-image: url(images-aranha/comentario_balao_reply_meio.png); background-repeat: repeat-y; }
#conteudo ul.children .comment-body { border: 0 solid red; margin-bottom: 20px; background-image: url(images-aranha/comentario_balao_reply_topo.png); background-position: top; background-repeat: no-repeat; }



/* Previews */

#conteudo .pagina_preview { float: left; width: 235px; height: 269px; border:0 solid red;  }
#conteudo .pagina_preview img { margin: 0 auto; padding-bottom: 0; border: 1px solid #fff; /* width: 150px; height: 230px; */ 
	color: #333333;
	border: 1px solid #fff;
	text-align: center;
	background-color: #dedede;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding: 5px;
}
#conteudo .pagina_preview_pdf img { border: 3px solid #fff; margin: 0; padding-bottom: 0; }
#conteudo .pagina_preview img:hover, #conteudo .pagina_preview_pdf img:hover { border: 1px solid #ffaa00; }
#conteudo .pagina_preview a:hover, #conteudo .pagina_preview_pdf a:hover { background: none; }

#conteudo .pagina_preview { text-align: center; padding-bottom: 20px; }
#conteudo .pagina_preview .preview_legenda a { margin: auto; color: #fff; }
#conteudo .pagina_preview .preview_legenda a:hover { background-color: #FF3300; color: #fff; }


/* Avatares */

#conteudo .link_sem_borda img { border: none; }
#conteudo .link_avatar img { border: 1px solid #fff; float: left; margin-right: 20px; margin-left: 20px; margin-bottom: 40px }
#conteudo .link_avatar img:hover { border: 1px solid #ffaa00; }


/* Detalhes da edição */

#conteudo .detalhes-edicao {
	color: #333333;
	border: 1px solid #fff;
	text-align: center;
	background-color: #dedede;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding: 40px 10px 10px 12px; margin-top: 20px;
	width: 350px; text-align: left;
	background-image: url(images-aranha/bg_detalhes.png); background-position: top left; background-repeat: no-repeat;
	}

#conteudo .data-edicao { margin: 10px 0; font-size: 1.2em; }


/* Botoes */

.x50 { display: block; width: 50px; }
.x100 { display: block; width: 100px; }
.x150 { display: block; width: 150px; }
.x180 { display: block; width: 180px; }
.x200 { display: block; width: 200px; }
.x250 { display: block; width: 250px; }

#conteudo .botao_form { border: none; color: #fff; font-weight:bold; font-size: 0.85em; text-align: center; background-color: #e20020; text-transform: uppercase; display: block; padding: 3px 2px; margin: 20px 0 0 0; }
#conteudo .botao_form:hover { background-color: #ffaa00; }


/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	color: #333333;
	border: 0 solid #333333;
	text-align: center;
	background-color: #dedede;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.wp-caption img {
	margin: 5px auto;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height: 11px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

/* img.size-full, img.size-thumbnail, img.size-medium, img.size-large { margin: auto; } */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: block;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}

/* End Images */


/* Pro Lightbox */
#loading img { margin: auto; }


/* Page navi */

.navigation { margin: auto; border: 0 solid red; text-align: center; font-size: 1.1em; margin-bottom: 20px; }

#conteudo .wp-pagenavi a, .wp-pagenavi a:link {
       padding: 8px;
       margin: 2px;
       text-decoration: none;
       background-color: #345380;
	   border: 1px solid #345380;
       color: #fff;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px; 
		border-radius: 5px;
		}
		
#conteudo .wp-pagenavi a:visited {
       padding: 8px;
       margin: 2px;
       text-decoration: none;
       background-color: #345380;
	   border: 1px solid #345380;
       color: #fff;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px; 
		border-radius: 5px;
	}

#conteudo .wp-pagenavi a:hover {
       padding: 8px;
       margin: 2px;
       text-decoration: none;
       background-color: #DA1F26;
	   border: 1px solid #DA1F26;
       color: #fff;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px; 
		border-radius: 5px;
}

#conteudo .wp-pagenavi a:active {
       padding: 8px;
       margin: 2px;
       text-decoration: none;
       background-color: #ff3300;
	   border: 1px solid #ff3300;
       color: #fff;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px; 
		border-radius: 5px;
}

#conteudo .wp-pagenavi span.pages {
       padding: 12px 8px 16px 8px;
       margin: 2px 2px 2px 2px;
       color: #fff;
	   background-color: #27436C;
	   display: block;
	   border: none;
}

#conteudo .wp-pagenavi span.current {
       padding: 8px;
       margin: 2px;
       text-decoration: none;
       background-color: #fff;
	   border: 1px solid #fff;
       color: #345380;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px; 
		border-radius: 5px;
}

#conteudo .wp-pagenavi span.extend {
       padding: 8px;
       margin: 2px;
       border: 1px solid #222;
       color: #fff;

}



/* Contato */

#contato form { border: 0 solid gold; margin-left: 0; width: 700px;  }

#contato fieldset { border: none; }
#contato legend { color: #666666; font-family: 'Arial Narrow', Arial; text-transform: uppercase; }
#contato label { color: #fff; }

#contato input, #contato select { 
	font-family: "Trebuchet MS", Arial, Verdana;
	width: 350px;
	border: 1px solid #003366; background-color:#EEF2FB; padding: 5px 8px; 
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	}

#contato textarea {
	font-family: "Trebuchet MS", Arial, Verdana;
	width: 650px;
	border: 1px solid #003366; background-color:#EEF2FB; padding: 5px 8px; 
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	}

#contato input:hover, #contato textarea:hover { background-color: #FFF; }
#contato .reqtxt, #contato .emailreqtxt { color: #FFCC00; text-align: left; }

#contato .sendbutton { 
	width: 120px;
	padding: 3px 5px; text-align: center; display: block; 
	background-color: #DA1F26; color: #FFFFFF; 
	font-size: 0.9em; text-transform: uppercase; font-weight: bold; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: none; margin-left: 10px;
	}
#contato .sendbutton:hover { border: none; background-color: #ff3300; }

#contato .cf_li_err input, 
#contato .cf_li_err textarea { border: 1px solid #e20020; background-color: #ffe9e9; }


#contato .success { border: none; width: 443px; color: #fff; }
#contato .failure { border: none; width: 443px; color: #fff; }


/* Enquete */

.enquete { background-image: url(images-aranha/caixa185_bg.png); background-position: top center; background-repeat: repeat-y; }
.enquete h3 { width: 150px; margin: auto; font-size: 1.3em; margin-bottom: 10px; }
.enquete .wp-polls-pergunta { width: 150px; margin: auto; font-weight: bold; margin-bottom: 10px; }
.enquete ul { border: 0 solid red; width: 150px; margin: auto; }
.enquete .wp-polls-respostas li { font-weight: bold; color: #888; padding: 5px 0; border-bottom: 1px dotted #666666; }
.enquete .wp-polls-respostas li label { color: #DA1F26; }
.enquete .wp-polls-respostas li label:hover { color: #FF6600; }
.enquete .botao_enquete { 
	width: 80px; margin: auto;
	padding: 3px 5px; text-align: center; display: block; 
	background-color: #DA1F26; color: #FFFFFF; 
	font-size: 0.9em; text-transform: uppercase; font-weight: bold; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: none;
	}

.enquete .item-resposta { display: block; color: #000; font-weight: normal; padding-top: 4px; }

.enquete a { color: #DA1F26; }
.enquete a:hover { color: #FF6600; }


.total-participantes { text-align: center;
	width: 100px; margin: 12px auto 0 auto;
	padding: 3px 5px; text-align: center; display: block; 
	background-color: #AAA; color: #FFFFFF; 
	font-size: 0.9em; font-weight: bold; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: none;
	}
	
	
.enquete_capa { color: #fff; width: 985px; margin: auto; border: 0 solid gold; margin-top: 30px; }
.enquete_capa .wp-polls-pergunta {  width: 500px; margin: auto; text-align: center; font-size: 1.3em; padding-bottom: 5px; padding-top: 10px; }
.enquete_capa li { color: #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#DDDDDD; padding: 10px; height: 60px; border: 0 solid red; margin: 6px; width: 132px; float: left; vertical-align: top; text-align:center; }
.enquete_capa li:hover, .enquete_capa input:hover { background-color: #FFF; cursor: pointer; }
.enquete_capa label:hover { background: none; cursor: pointer; }
.enquete_capa .wp-polls-respostas li input { display: block; float: left; margin-right: 5px; margin-bottom: 40px; }
.enquete_capa label { margin-left: 20px; display: block; }
.enquete_capa p { width: 200px; margin: auto; border: 0 solid red; }
.enquete_capa .wp-polls .botao_enquete { display: block; height: 30px; float: left; }
.enquete_capa .total-participantes { width: 200px; background: none; }
.enquete_capa .wp-polls-loading { border: 0 solid red; text-align: center; margin: auto; width: 150px; }
.enquete_capa .wp-polls-respostas { color: #888; font-size: 0.9em; line-height: 1em; font-weight: bold; }
.enquete_capa span.item-resposta { color: #000; display: block; border: 0 solid red; margin-bottom: 3px; min-height: 35px; font-weight: normal; }
	
.wp-polls-archive .wp-polls-pergunta { font-weight: bold; padding: 10px 0 20px 0; font-size: 1.2em; max-width: 550px; color:#666666; }