/*   
Theme Name: IE
Theme URI: www.igrejaemergente.com.br
Description: Tema para uso exclusivo do site www.igrejaemergente.com.br
Author: sotao.cc
Author URI: www.igrejaemergente.com.br
Template: 
Version: 1.0
.
Tema para uso exclusivo do site www.igrejaemergente.com.br.
.
*/

*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body{
	color: #646464;
	font-size: 13px;
	line-height:150%;
	font-family: Tahoma, Georgia, Arial, Helvetica, sans-serif;
	background: url(images/bg_madeira.jpg) center top;
}
a{
	color: #666666;
	text-decoration: none;
}
a:hover{
	color: #999999;
}

input, select, textarea{
	color: #999999;
	font-size: 12px;
	font-family: Tahoma, Georgia, Arial, Helvetica, sans-serif;
}





/*********************** AREA ***********************/
div.siteArea{
	width: 962px;
	margin: auto;
	padding: 0 29px;
	background: url(images/bg_site.gif) top;
}

/*********************** TOPO ***********************/
div.siteTopo{
	height: 264px;
	padding: 0 1px;
	background: url(images/bg_topo.gif) no-repeat center;
}

	div.logo{
		position: relative;
		z-index: 2;
		float: left;
		width: 426px;
		padding: 24px 51px 0 13px;
	}

	div.publicidade{
		visibility: hidden;
		float: left;
		width: 260px;
		padding-top: 6px;
	}
	div.publicidade label{
		display: block;
		height: 13px;
		color: #999999;
		font-size: 9px;
		font-family: Tahoma;
	}
	div.publicidade .banner{
		border: 1px solid #CDCBC2;
		background-color: #FFFFFF;
	}

	form.busca{
		float: right;
		width: 162px;
		height: 126px;
		margin-top: 18px;
		padding: 0 14px;
		background: #F8F8F8 url(images/tit_busca.gif) no-repeat center 7px;
	}
	form.busca label{
		display: block;
		visibility: hidden;
		height: 52px;
	}
	form.busca input.text{
		width: 113px;
		height: 16px;
		padding: 2px 2px 0 2px;
		border: 1px solid #CCCCCC;
	}
	form.busca input.botao{
		cursor: pointer;
		background-color: transparent;
	}
	form.busca .link1,
	form.busca .link2{
		display: block;
		font-size: 11px;
		padding-left: 21px;
		background-position: 3px center;
		background-repeat: no-repeat;
	}
	form.busca .link1{
		margin-top: 6px;
		background-image: url(images/icn_quem.gif);
	}
	form.busca .link2{
		height: 17px;
		margin-top: 2px;
		background-image: url(images/icn_cadastre.gif);
	}
	
	div.fundo{
		position: relative;
		z-index: 1;
		top: 144px;
		clear: both;
		height: 100px;
		margin-bottom: -100px;
	}


/*********************** CENTRO ***********************/
div.siteCentro{
	float: left;
	width: 761px;
	background: url(images/bg_ponto.gif) repeat-y right top;
}
	div.siteCentro img{
		max-width:500px;
	}
	class.texto{
		text-align:justify;
	}
	div.siteCentro div.coluna1{
		float: left;
		width: 450px;
		padding-right: 11px;
		padding-bottom: 12px;
		background: url(images/bg_ponto.gif) repeat-y right top;
	}
	div.siteCentro div.coluna2{
		float: left;
		width: 280px;
		margin-left: -1px;
		padding-left: 10px;
		padding-bottom: 12px;
		background: url(images/bg_ponto.gif) repeat-y left top;
	}
	div.siteCentro div.coluna2 div.publicidade{
		padding-left: 10px;
	}
	
	div.siteCentro small.vejaMais{
		clear: both;
		display: block;
		padding-top: 15px;
		text-align: right;
		font-size: 95%;
		font-family: Georgia;
	}
	div.siteCentro small.vejaMais a:hover{
		text-decoration: underline;
	}
	div.siteCentro h3,
	div.siteCentro h4,
	div.siteCentro dt{
		font-weight: bold;
		font-family: Georgia;
	}
	div.siteCentro img.imagem{
		border-width: 1px;
		border-style: solid;
	}
	div.siteCentro div.areaSingle{
		float: left;
		display: block;
		height: 100%/*244px*/;
		width: 504px;
		margin-left: 10px; 
		padding: 18px 9px 18px 9px;
		background: url(images/bg_topo_2.gif) repeat-x top;
	}
	div.siteCentro div.areaSingle dt{
		padding-bottom: 6px;
	}
	div.siteCentro div.areaSingle dd{
		clear: both;
		padding: 10px 0 7px 0;
		background: url(images/ponto_preto.gif) repeat-x bottom;
        }
	div.siteCentro div.areaLeft{
		float: left;
		display: block;
		height: 100%/*244px*/;
		width: 200px;
		padding: 18px 9px 18px 9px;
		background: #F8F8F8 url(images/ponto_verde.gif) repeat-x left top;
	}

	div.siteCentro div.areaSingle h3,
	div.siteCentro div.areaSingle h3 *{
		padding-bottom: 8px;
		color: #00CCFF;
		font-size: 180%;
	}
	div.siteCentro div.areaSingle p{ margin: 0 0 0.4em 0; }
	div.siteCentro div.areaSingle blockquote { text-align: left; line-height: 1.5em;  margin: 0 0 0.4em 2em;}
	div.siteCentro div.areaSingle p img { margin: 0; padding:0; }
	div.siteCentro div.areaSingle img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0; padding: 0.1em 0 0 0; }
	div.siteCentro div.areaSingle p a, #arch_content p a { color: #224970; }
	div.siteCentro div.areaSingle p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }


	div.siteCentro div.area1{
		height: 100%/*244px*/;
		padding: 18px 9px 18px 9px;
		background: url(images/bg_topo_2.gif) repeat-x top;
	}
	div.siteCentro div.area1 img.imagem{
		margin-bottom: 10px;
		border-color: #CECECE;
	}
	div.siteCentro div.area1 h3,
	div.siteCentro div.area1 h3 *{
		padding-bottom: 8px;
		color: #00CCFF;
		font-size: 180%;
	}
	div.siteCentro div.area1 small.vejaMais,
	div.siteCentro div.area1 small.vejaMais *{
		color: #99CC66;
	}
	
	div.siteCentro div.area2{
		padding: 9px;
		background: url(images/bg_topo_2.gif) repeat-x top;
	}
	div.siteCentro div.area2 dl{
		padding-left: 2px;
		padding-right: 23px;
	}
	div.siteCentro div.area2 dt,
	div.siteCentro div.area2 dt *{
		color: #00CCFF;
		font-size: 145%;
	}
	div.siteCentro div.area2 dt{
		padding-bottom: 6px;
	}
	div.siteCentro div.area2 dd{
		clear: both;
		padding: 10px 0 7px 0;
		background: url(images/ponto_preto.gif) repeat-x bottom;
	}
	div.siteCentro div.area2 dd img.imagem{
		float: left;
		display: block;
		width: 50px;
		height: 50px;
		margin-right: 10px;
/*		margin-bottom: 17px;*/
		border: none;
	}
	div.siteCentro div.area2 dd span.texto{
		float: left;
	}
	div.siteCentro div.area2 dd span.texto{
		width: 340px;
		padding-bottom: 17px;
	}
	div.siteCentro div.area2 dd h4{
		/*padding-top: 3px;*/
		font-size: 100%;
		font-weight: normal;
	}
	div.siteCentro div.area2 dd h4,
	div.siteCentro div.area2 dd h4 *{
		color:#666666;
		font-weight:bold;
		padding-bottom:6px;
	}
	div.siteCentro div.area2 dd .autor{
		clear:both;
		color:#999999;
		display:block;
		font-family:Georgia;
		font-size:10px;
		font-style:normal;
		height:13px;
		padding-top:6px;
	}
	div.siteCentro div.area2 small.vejaMais,
	div.siteCentro div.area2 small.vejaMais *{
		color: #D07E46;
	}
	
	
	div.siteCentro div.area3{
		/*height: 260px;*/
		margin-bottom: 10px;
		padding: 15px 9px 9px;
		/*background-image: url(images/bg_area.gif);*/
		background-color: #f1f5eb;
	}
	div.siteCentro div.area3 h3{
		padding-bottom: 8px;
		font-size: 180%;
	}
	div.siteCentro div.area3 h3,
	div.siteCentro div.area3 h3 *{
		color: #336600;
	}
	div.siteCentro div.area3 img.imagem{
		float: left;
		display: block;
		margin-right: 13px;
		border-color: #9DCD6C;
	}
	div.siteCentro div.area3 span.texto{
		float: left;
		width: 155px;
	}
	div.siteCentro div.area3 h4{
		padding-bottom: 5px;
		font-size: 120%;
	}
	div.siteCentro div.area3 h4,
	div.siteCentro div.area3 h4 *{
		color: #99CC66;
	}
	
	div.siteCentro div.area4{
/*		visibility: hidden;*/
		margin-bottom: 40px;
		padding: 12px 12px 20px 12px;
		background: #F8F8F8 url(images/ponto_verde.gif) repeat-x left top;
	}
	aktt_tweets ul li a{
		font-size: 85%;
		color:#336699
	}
	div.siteCentro div.area4.aktt_tweets a.rel{
		font-size: 100%;
		color:#336699
	}
	div.siteCentro div.area4 span.texto{
		padding-left: 2px;
		padding-right: 10px;
		line-height: 130%
	}
	div.siteCentro div.area4 h4{
		padding-bottom: 5px;
		line-height: normal;
		font-size: 150%;
	}
	div.siteCentro div.area4 h4,
	div.siteCentro div.area4 h4 *{
		color: #C96826;
	}

/********************** LATERAL ***********************/
div.siteLateral{
	float: right;
	width: 165px;
	margin-left: -1px;
	padding-left: 22px;
	padding-right: 15px;
	background: url(images/bg_lateral.gif) left top;
}

	div.siteLateral dl{
		padding-bottom: 10px;
		background-position: top;
		background-repeat: no-repeat;
	}
	div.siteLateral dt{
		visibility: hidden;
		height: 42px;
		padding-bottom: 5px;
	}
	div.siteLateral dd{
		/*margin-left: 6px;*/
		padding: 0 0 4px 19px;
		background-position: left top;
		background-repeat: no-repeat;
		padding-bottom: 5px;
	}
	
	dl.autores{
		background-image: url(images/tit_autores.gif);
	}
	dl.autores dd{
		background-image: url(images/icn_autores.gif);
	}
	ul.populares,
	dl.populares{
		background-image: url(images/tit_populares.gif);
		padding-top: 50px;
		background-repeat: no-repeat;
	}
	ul.populares li,
	dl.populares li,
	dl.populares dd{
		padding: 0 0 4px 19px;
		background-image: url(images/icn_populares.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	ul.comentados, 
	dl.comentados{
		background-image: url(images/tit_comentados.gif);
		padding-top: 50px;
		background-repeat: no-repeat;
	}
	ul.comentados li,
	dl.comentados li, 
	dl.comentados dd{
		padding: 0 0 4px 19px;
		background-image: url(images/icn_comentados.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	ul.indicados, 
	dl.indicados{
		background-image: url(images/tit_indicados.gif);
		padding-top: 50px;
		background-repeat: no-repeat;
	}
	ul.indicados li,
	dl.indicados li,
	dl.indicados dd{
		padding: 0 0 4px 19px;
		background-image: url(images/icn_indicados.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}


/********************** RODAP� **********************/
div.siteRodape{
	clear: both;
	height: 53px;
	margin-top: 1px;
	padding-top: 3px;
	background: url(images/bg_rodape.gif) repeat-x top;
}
div.siteRodape *{
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
}
	div.siteRodape span.assine{
		float: left;
		display: block;
		width: 25px;
		height: 35px;
		padding-top: 5px;
		/*background: url(images/rodape_assine.gif) no-repeat left bottom;*/
	}
	div.siteRodape dl{
		float: left;
		padding-top: 5px;
		padding-left: 55px;
	}
	div.siteRodape dl.area1{
		width: 500px;
	}
	div.siteRodape dt{
		padding-bottom: 2px;
	}
	div.siteRodape dd{
		float: left;
		padding-right: 15px;
	}
	
/* Archive styles
-------------------------------------------------------------- */

#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #224970; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a, .post_meta a { color: #224970; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }

/* Single post styles
-------------------------------------------------------------- */

.post_meta { color: #666; padding: 0.3em 0 1.4em 0; }
.post_meta_tag { color: #666; }
.post_meta p img { margin: 0; padding: 0; float: none; }
.post_meta p { margin: 0 0 0.4em 0; }
#post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
#post_content blockquote p { text-align: right; line-height: 1.5em; }
#post_content p img { margin: 0;padding:0; }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
#post_content p a, #arch_content p a { color: #224970; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }

/* Comment area styles
-------------------------------------------------------------- */

#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 0 1em 0; padding: 0 1em 1em 0; overflow-x: hidden; }
ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
ol#commentlist cite a { color: #224970; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #224970; }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }

/* comment form */

#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; }

/* archives page */

ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 2px; }
ul.archives li a, ul.wp-tag-cloud li a { color: #224970; }
ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #000; background: #eee; }

/* Footer
-------------------------------------------------------------- */

#footer { background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; }

/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }

/* Miscellaneous styles
-------------------------------------------------------------- */

/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }



@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	/*background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;*/
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	/*background-color: #EEEEEE;*/
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	/*color: #555555;*/
}
.AccordionPanelOpen .AccordionPanelTabHover {
	/*color: #555555;*/
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	/*background-color: #3399FF;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	/*background-color: #33CCFF;*/
}