/*  
     Theme Name: Art Fórmula
     Theme URI: http://www.artformula.com.br
     Description: Art Fórmula
     Version: 2.0
     Author: Brtem
     Author URL: http://www.brtem.com.br

	 *****************************************
	 *			TABELA DE CONTEÚDOS          *
	 *****************************************
	 *		1. Reset CSS                     *
	 *		2. Estilos padrão                *
	 *		3. Estrutura                     *
	 *		4. Barra de navegação            *
	 *		5. Principal (conteúdo)          *
	 *			5.1 destaques                *
	 *			5.2 posts                    *
	 *			5.3 outros posts             *
	 *		5. Lateral esquerda              *
	 *		5. Lateral direita               *
	 *		6. Rodapé                        *
	 *****************************************	
	 
	 Como trabalhar com esse template?
	 
	
	A parte ESTRUTURA é o que faz o template ser liquido (esticar-se) e tudo ficar no seu devido lugar,
	NÃO é necessário mexer em nada, apenas adicionar cores/imagens de fundo.
	As larguras estão todas compatíveis com o 960 grid system de 16 colunas, não é preciso alterar.
	Para aumentar o preenchimento das colunas laterais colocar padding dentro da classe .sidebar
	Caso seja para os textos, conteúdo, no meio, colocar padding nas classes .inicial, .pagina, .post
	
	
	Arrumar todo o index.php, personalizando-o como o desejado.
		Ao terminar, recortar o que se encontra na linha 1 até o começo da div meio.
		Colar num arquivo novo e chamar de header.php

	Salvar o index.php e recortas as linhas da div rodapé até o fim do documento.
		Colar num arquivo novo e chamar de footer.php

	Voltar ao index.php
		na primeira linha adicionar <? get_header(); ?>
		na última linha adicionar <? get_footer(); ?>
		Salvar index.php
	
	Copiar o index.php inteiro e salvá-lo como single.php
		No single.php achar a <div class="inicial"> (logo dentro da div conteudo) e mudar o class para "post"
		Salvar.
	
	Copiar o index.php inteiro e salvá-lo como page.php
		No page.php achar a <div class="inicial"> (logo dentro da div conteudo) e mudar o class para "pagina"
		Salvar.
*/

/********************************************
			1 - RESET CSS
*********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family:Verdana, Geneva, sans-serif;border:0;outline:0;font-size:100%;background:none;margin:0;padding:0;}body{line-height:normal;}ol,ul{list-style-type: none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/********************************************
			2 - ESTILOS PADRÃO
*********************************************/

	body {
		background-color: #84aa39;	
		color: #000;
		font-size: 76%; /* NÃO MEXER */
		
	} a:link, a:visited {
		text-decoration: none;
		font-weight: bold;
		color: green;	
		
	} a:active, a:hover {
		text-decoration: underline;
		
	} h1 {
		padding-top:4px;
		font-size: 1.4em;
		font-weight: normal;
		font-variant:normal;
		text-align:center;
		height:25px;
		
	} h2 {
		font-size: 1.7em;
		font-weight: normal;
		
	} h3 {
		font-size: 1.4em;
		font-weight: normal;
		
	} h4 {
		font-size: 1.2em;
		font-weight: bold;
		
	} h5 {
		font-size: 1.0em;
		font-weight: bold;
		
	} h6 {
		font-size: 0.8em;
		font-weight: bold;
		
	} img {
		border: 0;
		
	} ol, ul, li {
		font-size: 1.0em;
		line-height: 1.8em;
		
	} p {
		font-size: 1.0em;
		line-height: 1.8em;
		
	} li > p {
		margin-top: 0.2em;
		
	} pre {
		font-family: monospace;
		font-size: 1.0em;
		
	} strong, b {
		font-weight: bold;
	}
	
/********************************************
			3 - ESTRUTURA
*********************************************/

	#tudo {
		width: 960px;
		background-color: #FFF;
		margin: 0 auto;	
		border:1px solid #84baf1;
	}
	
		#topo {
			height: 155px; /* inclui a barra do menu */
			background-color:#84aa39;
		}
		
			#flashtopo { /* apenas o flash */
				height: 150px;
				border-bottom:1px solid green;
			}
			
			#menu {
				height: 30px;
			}

		
		#meio {
			clear: both;
			overflow: auto;
			padding-top:15px;
			background-image:url(../../../fotos/fundo.jpg);
		}
		
			#conteudo {
				float: left;
				width: 600px;
			}
			
			#direita {
				float: right;
				width: 170px;
			}
			
			#esquerda {
				float: left;
				width: 190px;
			}
		
				.sidebar { /* tanto esquerda quanto direita*/
					padding: 3px;	
				}

		#rodape {
			clear: both;
			text-align:center;
		}

/********************************************
			4 - BARRA DE NAVEGAÇÃO
*********************************************/

	#menu {
		/* background aqui*/
	}
	
	#menu ul {
		
	}
	
	#menu ul li {
		
	}
	
	#menu ul li a:link, #menu ul li a:visited {
		display: block;		
	}

	#menu ul li a:active, #menu ul li a:hover {
		
	}


/********************************************
			5 - PRINCIPAL (conteúdo)
*********************************************/

	#conteudo .inicial, #conteudo .pagina, #conteudo .post { /* comum a tudo */
		
	}

	#conteudo h1 { /* comum a tudo */
		background-image:url(../../../fotos/titulo.jpg);
		background-color:none;
	}

	#conteudo .inicial {
		
	}
			
		#conteudo .posts {
			border: 1px solid green;
			padding-top: 15px;
			padding-left: 5px;
			
			
		}
		
		.conteudo .posts h3 {
			
		}
		
		.conteudo .posts h3 a:link, .conteudo .posts h3 a:visited {
			
		}

		.conteudo .posts h3 a:active, .conteudo .posts h3 a:hover {
			
		}
		
		.conteudo .posts .data {
			
		}

	#conteudo .pagina {
		
	}

	#conteudo .post {
		
	}

/********************************************
			6 - LATERAL (esquerda)
*********************************************/



/********************************************
			7 - LATERAL (direita)
*********************************************/



/********************************************
			8 - RODAPÉ
*********************************************/

#rodape {
	text-align: center;	
	height:25px;
	margin-top:15px;
	padding-top:5px;
	border-top:1px solid green;
	background-image:url(../../../fotos/rodape.jpg);
	color:white;
	font-weight:bold;
}

	#rodape a:link, #rodape a:visited {
	color:#009;
	}
	
	#rodape a:active, #rodape a:hover {

	}