/*  
Theme Name: Ecult
Theme URI: http://www.sigales.com/
Description: Porque temos fome por cultura.
Version: 1.0
Author: Jeferson Sigales e Leo Branco
Author URI: http://www.sigales.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* --------------------------------------------------------- HTML ---------- */
* { margin: 0; padding: 0; border: none; line-height: 1.4em; list-style: none; word-wrap: break-word; }
body { font: 85% Arial, Helvetica, sans-serif; color: #333; background: #F5F5F5 url(img/fundo.jpg) fixed;}
p { margin: 0 0 8px; }
em { font-style:normal; }
a:link, a:visited { color: #16A; text-decoration:none; }
a:hover, a:active { color: #036; text-decoration:underline; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { padding: 10px 10px 0 10px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #EEE; font:1.0em Arial; line-height:1.5em; margin:10px 0; }



/* --------------------------------------------------------- RESET ---------- */
/* Reset para form's */
label { display: inline-block; width: 100px; text-align: right; margin: 0 20px 0 0; }
input { background: #FFF; border: 1px solid #DDD; padding: 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; behavior:url(border-radius.htc); }
	input.submit { color: #CCC; width: auto; border: none; }
select { background: #FFF !important; border: 1px solid #333; padding: 6px;  width: 100%; }
textarea { background: #FDFDFD; border: 1px solid #DDD; margin: 0 0 10px; padding: 6px; vertical-align: top; border-radius:8px;	-moz-border-radius:8px; -webkit-border-radius:8px; behavior:url(border-radius.htc); }
input:focus, textarea:focus { border: 1px solid #B57; }



/* --------------------------------------------------- ESTRUTURA ---------- */
div#geral { width: 940px; margin: 0 auto; }
	div#centro { float: left; width: 765px; margin: 0 10px 0 0; padding: 0; }
		div#cabecalho { float: left; width:765px; margin: 0 auto; }
		div#pagina { background: #FFF; width: 745px; clear: both; padding: 10px; margin: 0 auto 30px; }
			div#conteudo { float: left; width: 570px; }
			div#coluna { float: right; width: 150px; }
		div#rodape { clear: both; margin: 30px 0 10px; }


/* -------------------------------------------------- CABECALHOS ---------- */
h1, h1.title a { font: bold 1.15em Arial, Helvetica; background: #900 url(img/h1-title.jpg) no-repeat; padding: 5px; min-height: 27px; color:#FFF; }
h2 { font: bold 1.15em Arial, Helvetica; background: #EEE url(img/h2-title.jpg) no-repeat; padding: 8px; height: 20px; }
h2 a { }
h3 { font: 1.3em Arial, Helvetica; }
h3 a { }
h4 { font: bold 1.0em Arial, Helvetica; display: block; border-bottom: 1px solid #CCC; margin: 0 0 5px; }

/* --------------------------------------------------- CABECALHO ---------- */
/* BANNER */
div#bannertop { margin: 10px 0; width: 728px; }
	div#bannertop img { background: #CCC; display: block; height: 90px; width: 728px; }

/* LOGO */
div#logo { float: left; width: 266px; }
	div#logo img { float: left; background: #CCC; display: block; margin: 0 auto; border: 0; width: 215px; height: 62px; }
	div#logo p { width: 215px; text-align: center;  padding: 0px; }
		div#logo p a { font: 100 1em Georgia, "Times New Roman", Times, serif; letter-spacing: -0.05em; margin: 0; color: #000; text-decoration: none; }
	div#logo p strong a { font: 100 1.30em Georgia, "Times New Roman", Times, serif; color: #999; padding: 0; margin: 0; }

/* TOPO */
div#topo { height: 160px; margin: 0 0 10px; }

	/* CANAIS */
	ul#canais { float: right; width: 430px; margin: 20px 0 0;  }
		ul#canais li { float: left; display: inline-block; margin: 0 3px; }
			ul#canais li a { padding: 5px 8px 8px; display: block; font: 700 1.1em "Arial Narrow", Arial, sans-serif; background: #FFF; color: #D33; }
				ul#canais li.current-cat a { background: #D33; color: #FFF; }

	/* BUSCA */
	div#busca { float: right; width:490px; text-align: right; margin: 0 auto 10px; }
		div#busca input { }
		div#searchsubmit { padding-left: 5px; }
		#s { font-size:1.0em; width:400px; }

	/* REDE SOCIAL */
	ul.midia { float: right; }
		ul.midia input { padding: 2px; background: #DDD; border: 1px solid #BBB; }
		ul.midia li { float: left; display: inline-block; margin: 0 4px; }
			ul.midia li img { display: block; background: #CCC; height: 16px; width: 16px; }

/* MENU */
div#menu { clear: both; margin: 15px auto 15px; width: 766px; height: 42px; text-transform:uppercase; background: url(img/fundo-menu.png) top no-repeat; }
	div#menu ul { } 
		div#menu ul li { float:left; height: 40px; list-style:none; cursor: pointer; display:block; border-right:1px solid #CCC; }
			div#menu ul li a, div#menu ul li a:visited { font: bold 0.8em Arial, Helvetica, sans-serif; margin: 0px; padding: 15px; color:#444; display:block; }
			div#menu ul li a:hover { text-decoration:none; height: 7px; display:block; background: #DDD; color: #000; border-bottom: 3px solid #C66; }


/* CAMINHO */
div#caminho { font: normal 0.8em Arial,Helvetica,sans-serif; margin-bottom: 10px; display: block; color: #AAA; clear: both; }
	div#caminho a { color: #999; }
		div#caminho a:hover { color: #000; }


/* ------------------------------------------------- CONTEUDO ---------- */
div#conteudo { width: 570px; font-size:1.05em; line-height:1.75em; }
	
	/* SLIDE */
	div#slider { width: 570px; height: 250px; position: relative; overflow: hidden; background: #CCC; margin: 0 0 30px; }
	div#sliderContent { width: 570px; position: absolute; top: 0; margin: 0; }
	.sliderImage { float: left; position: relative; display: none; text-align: center; }
	.sliderImage img{ width: 570px; height: 250px; }
	.sliderImage span { position: absolute; font: 1em Arial, Helvetica, sans-serif; padding: 5px 10px 15px; width: 550px; background: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #FFF; display: none; }
	.clear { clear: both; }
	.sliderImage span strong, .sliderImage span p { font-size: 1.2em; margin: 0px; padding: 0px; color: #FFF; }
	.top { top: 0; left: 0; }
	.bottom { bottom: 0; left: 0; }
	div#top { padding: 0; }

	/* DESTAQUE */
	ul.destaque { padding: 10px 0 30px; clear: both;  }
		ul.destaque li { float: left; width: 272px; margin: 0 5px;  }
			ul.destaque li img { background: #CCC; display: block; }
			ul.destaque li h3 a {  }
			ul.destaque li p strong { font: 100 1em/1.5em Arial, Helvetica, san-serif;   }

	/* LISTANDO */
	ul.listando { font-size: 0.82em; }
		ul.listando li { margin: 10px 0; padding: 5px 0; border-bottom: 1px dotted #DDD; display: block; clear: both;  }
			ul.listando li .item-img { float: left; display: inline; margin: 0 15px 0 0; }
			ul.listando li .item-texto {  }
			ul.listando li img { background: #CCC; width: 80px; height: 60px; display: block; }
			ul.listando li a {  }
				ul.listando li span a { font-size: 0.9em; color: #C66;  }
			ul.listando li.favoritos { float: left; display: inline-block; clear: none; width: 260px; margin: 0 5px; font-size: 1.3em; border: none; }
				ul.listando li.favoritos h3 a { color: #555; }
				ul.listando li.favoritos .item-img { float: right; }

	/* COMPARTILHAR */
	div#compartilhar { display: block; margin: 15px 0; }


/* ARQUIVO */
ul#arquivo { }
	ul#arquivo li { margin: 15px 0; }
		ul#arquivo li .item-img { float: left; width: 100px; margin: 0 10px 0 0;  }
		ul#arquivo li .item { float: left; width: 570px;  }

/* -------------------------------------------------- ARTIGO ---------- */
div#artigo {  }
	div#artigo h1 { background: none; display: block; font: 100 2.5em Arial, sans-serif; }
	div#artigo img { background: #EEE; display: block; }
	div#artigo .autor { font: italic 100 0.8em Arial, serif; margin: 0 0 10px; color: #999; }
	div#artigo .texto { font: 100 1.08em Arial, serif; margin: 0 0 30px; }
		div#artigo .texto p { margin: 0 0 15px; line-height: 1.7em; }
		div#artigo .texto em { font-style: italic; }
		div#artigo .texto strong { font-style: bold !important; }
		div#artigo .texto ul, div#artigo .texto ol { margin: 10px 0 20px 15px; }
			div#artigo .texto ul li { margin-left: 10px; padding: 5px; list-style: disc; color: #888; }
		div#artigo .texto ol li { margin-left: 10px; padding: 5px; list-style: decimal; color: #888; }
		div#artigo .texto form { }
			div#artigo .texto p label { text-align: left; padding: 0; display: block; width: 160px; }
				div#artigo .texto input { margin: 10px 0 0 30px;  clear: both; }
		div#artigo .gallery { width: 100%; }
	/* IMAGENS */
		.alignleft { float:left !important; margin: 0 15px 15px 0 !important; }
		.alignright { float:right !important; margin: 0 0 15px 15px !important; }
	/* GALERIA */
		div#gallery-1 img {  border: 1px solid #EEE; padding: 2px; }
			div#gallery-1 img:hover { border: 1px solid #333; }
	/* CONTATO */
		div#contato { font: 100 0.9em Arial; margin: 0 20px 0 0; }
			div#contato em { font-style: italic; color: #C03; }
			div#contato form { }
				div#contato fieldset { margin: 10px 0; }
					div#contato legend { font: 100 1.6em Arial, Helvetica, sans-serif; margin: 0 0 20px; }
	/* ARTIGO CAT */
			.artigo-cat { }
				.artigo-cat p { font: 100 0.9em Arial, Helvetica, sans-serif; color: #888; margin: 0; float: left; }
				.artigo-cat li { float: left; display: inline-block; margin: 0 2px; }
					.artigo-cat a { font-size: 0.9em !important; color: #AAA; padding: 0 5px; }
	/* EVENTO DATA */
			div.evento-data { padding: 0 5px; width: 55px; font-size: 1.5em; background: #B33; color: #FFF; margin: 0 10px 10px 0; float: left; }
				div.evento-data .item-dia { font-size: 2em; }
	
	/* RELACIONADOS */
		div#ads300x250 { width: 300px; float: left; }
		ul.relacionados { margin: 0 0 5px; font-size: 0.9em; float: left; width: 250px; }
			ul.relacionados li { padding: 0 0 0 8px; margin: 0 0 10px;  }
				ul.relacionados li a { color: #16A; font-weight: bold; text-decoration: underline;  }
				ul.relacionados li span { color: #C66; }
				ul.relacionados li p { color: #555; font-size: 0.9em; }
	
	.prev-next { margin: 10px 0 30px; }
		.prev-next em { width: 280px; font-size: 0.9em; }
		.prev-next a { color: #B33; }



/* ------------------------------------------------------- COLUNA ---------- */
div#coluna { width: 160px; color: #555; line-height: 1.8em; }
	div#coluna h2 { font: bold 2.2em Georgia, "Times New Roman", Times, serif; background: #F5F5F5; color: #39C; letter-spacing: -0.05em; padding: 0 0 5px 0; border-bottom: 2px dotted #CCC; }
	div#coluna h3 { font: bold 1.2em Arial; background: #900 url(img/h3-sidebar.jpg) no-repeat; height: 32px; padding: 5px 0 0 8px; color: #FFF; }
	div#coluna ul { margin: 0 0 20px; }
		div#coluna ul li a { font: 100 0.9em arial; color: #666; }
		div#coluna ul.lista li { margin: 5px 0; padding: 5px 0; border-bottom: 1px dotted #DDD;  }
			div#coluna ul.lista li a { font: 100 0.9em arial; color: #666; }
			
	.eventos {}
		.eventos li { margin: 5px 0; padding: 5px 0; display: block; clear: both; border-bottom: 1px dotted #DDD; }
			.eventos li a { font: 100 0.9em arial; color: #666; }
			.eventos li .item { float: left; width: 470px }
			.eventos li .item-img { float: left; width: 100px;}
				.eventos .item-data { float: left; width: 40px; font: 100 1em "Arial Narrow", arial, sans-serif;}
					.eventos .item-dia {  font: 100 1.8em "Arial Narrow", arial, sans-serif;}

/* APOIO */
div#apoio { float: right; width: 160px; padding: 10px 0; }
	div#apoio img { display: block; background: #CCC; }
	div#banners1 { }
		div#banners1 li { margin: 0 0 30px; clear: both; }
			div#banners1 li img { width: 160px; height: 250px; }
	div#banners2 {  }
		div#banners2 li { margin: 0 0 15px; clear: both; }
			div#banners2 li img { width: 160px; height: 125px; }

/* TAGCLOUD */
ul.wp-tag-cloud { margin: 0 0 30px 10px; }
	ul.wp-tag-cloud li { float: left; display: inline; margin: 0 10px 2px 0; letter-spacing: -0.03em; }
		ul.wp-tag-cloud li a { font: normal 1em/1em Arial, "MS Trebuchet", sans-serif; text-decoration: none; color: #898989; }
			ul.wp-tag-cloud li a:hover { text-decoration: underline; color: #000 }



/* ------------------------------------------------------ RODAPE ---------- */
div#rodape { width: 940px; }
	div#bannerbot { text-align: center; margin: 30px auto; }
		div#bannerbot img { width: 728px; height: 90px; display: block; background: #666; text-align: center; margin: 30px auto; }

	div#expediente { font: normal 0.8em Arial, Helvetica, sans-serif; height: 30px; padding: 10px 10px; background: #CCC url(img/fundo-rodape.jpg) no-repeat; }
		div#expediente p { width: 280px; float: left; margin: 0 10px; color: #666; }
		div#expediente a { color: #333; }
		div#expediente ul li { padding: 0; margin: 10px; display: inline; }
			div#expediente li img { width: 90px; height: 90px; background: #0F0; }



/* ----------------------------------------------------- CONTATO ---------- */
div#contato fieldset { border:1px solid #39C; padding:10px; margin: 0 0 10px 0; }
div#contato legend { font-size: 14px; color: #799; font-weight:bold; letter-spacing:1px; margin-bottom: 5px; }
div#contato label { float: left; width: 150px; color: #000; vertical-align: top; display: block; }
div#contato em { font-size: 10px; color: #577; } 
div#contato p { clear: both; }
div#contato input, select { font-size: 12px; float: left; color: #000; background-color: #F5F5F5; width: 400px; padding: 2px; margin: 5px; border: 1px solid #39C; }
div#contato input.enviar { color: #000; background-color: #39C; width: 150px; padding-left: 2px; margin: 5px; }
div#contato textarea { color: #000; background-color: #F5F5F5; height: 100px; width: 400px; padding: 2px; margin: 5px; border: 1px solid #39C; }
div#contato input:focus, div#contato select:focus, div#contato textarea:focus  { background-color: #ACC; border: 1px solid #577; }



/* --------------------------------------------------- PAGINACAO ---------- */
.paginacao { margin: 20px 0; }
.paginacao a, .paginacao a:link { padding: 2px 4px; margin: 2px; text-decoration: none; color: #C66; font: 100 1em Arial, Helvetica, sans-serif; }
.paginacao a:hover { color: #FFF; background: #C66; }
.paginacao span.pages { padding: 2px 4px; margin: 2px; color: #999; font: 100 1em Arial, Helvetica, sans-serif; }
.paginacao span.current { padding: 2px 4px; margin: 2px; font-weight: bold; color: #FFF; background: #C66; font: 100 1em Arial, Helvetica, sans-serif; }
.paginacao span.extend { padding: 2px 4px; margin: 2px; color: #999; font: 100 1em Arial, Helvetica, sans-serif; }

/* ----------------------------------------------------- TWITTER ---------- */
div#twitter_div { font: 0.85em arial; }
div#twitter_div ul { margin: 0 0 20px; }
div#twitter_div li { text-align: left; padding: 5px 0; border-bottom: 1px solid #DDD; }
div#twitter_div li:hover { background: #F5F5F5; }
div#twitter_div li a { color: #169 !important; }
div#twitter-link { font: bold 1.5em Arial, sans-serif; color: #FFF; padding: 5px; text-align: center; display: block; background: #3CF; margin: 0 0 30px; }



/* ------------------------------------------------------- FLOAT ---------- */
.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfloat { display: inline-block; }
.left, .alignleft { float :left !important; }
.right, .alignright { float:right !important; }



/* --------------------------------------------------- GENERICAS ---------- */
.fonte12 { font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
.font14 { font-size: 1.4em !important; }
.font16 { font-size: 1.6em !important; }

.data { font: normal 12px Arial, Helvetica, sans-serif; color: #069; }
.aligncenter, a .aligncenter, div.aligncenter { display: block !important; margin-left: auto !important; margin-right: auto !important; }

.fundoB33 { background: #B33; }
.corFFF { color: #FFF; }

.tleft { text-align: left !important; }
.tright { text-align: right !important; }
.tcenter { text-align: center !important; }

.block { display: block !important; }

.center { text-align: center !important; }
.clear, .clearfloat { clear: both !important; }

.underline { text-decoration: underline !important; }

.cur8 { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; behavior:url(border-radius.htc); }



/* -------------------------------------------------- CLEAR FIXED ---------- */
div:after, ul:after, ol:after, p:after, img:after, hr:after { content: "." !important; clear: both !important; display: block !important; overflow: hidden; visibility: hidden; height: 0; }
div#artigo p:after, div#artigo img:after { content: ""; clear: none; display: block; }