/*  
     Theme Name: Juju
     Theme URI: http://www.juju.jkg.com.br/
     Description: JUJU
     Version: 2.0
     Author: Juliane K.
     Author URL: http://www.juju.jkg.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
	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: #5BC2D9 /* #9ce3ef */;
	color: #333;
	font-size: 76%; /* NÃO MEXER */
	} a:link, a:visited {
	text-decoration: none;
	font-weight: none;
	color:#008466;
	} a:active, a:hover {
	text-decoration: underline;
	color:#FF84C1;	
	} h1 {	
	color:#999;
	font-size:17px;
	margin-top:10px;
	
	} h2 {
	color:#f986c3;
	font-size:17px;
	margin-top:8px;
		
	} h3 {
	font-size: 1.4em;
	font-weight: normal;
	color:  #2B9EB7;
	} 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 none;	
		
	} ol, ul, li {
		font-size: 1.0em;
		line-height: 1.8em;
		list-style-type:none;
		
	} 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: 10px auto;	
		border: 2px dashed #ff69b4;
		overflow: auto;
		padding:2px;
	}
	
		#topo {
			height: 228px; /* inclui a barra do menu */
		}
		
			#menu {
				height: 30px;
			}

		
		#meio {
			clear: both;
			overflow: auto;
			width:960px;
			margin: 0 auto
		}
		
			#conteudo {
				float: left;
				width: 600px;
			}
			
			#direita {
				float: right;
				width: 170px;
			}
			
			#esquerda {
				float: left;
				width: 190px;
			}
		
				.sidebar { /* tanto esquerda quanto direita*/
					padding: 3px;	
				}
				
				.widget_tag_cloud div {
					font-size: 1em;
				}

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

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

	#menu {
		background-color:#b3d447;
		border-bottom:#fff dashed 1px;
	}
	
	#menu ul {
		
		margin: 0 10px;
	}
	
	#menu ul li {
		float:left;
		
	}
	
	#menu ul li a:link, #menu ul li a:visited {
		display: block;	
		padding: 5px;
		background-color: #fff;
		margin: 0 3px;
		border-top: #b3d447 dashed 1px;
		border-right: #b3d447 dashed 1px;
		border-left: #b3d447 dashed 1px;
	}

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


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

	.entry img {
		margin: 5px;
		border: 1px solid #B9B9B9;
		padding: 2px;
			
		
	}
	
	.class img avatar { background-image:url(../../../imagens/images/avatarUntitled-1.jpg) }
	
	.entry embed {
		margin: 5px;
		border: 1px solid #B9B9B9;
		padding: 2px;	
		
	}
							   
	#conteudo .inicial, #conteudo .pagina, #conteudo .post { /* comum a tudo */
		
	}

	#conteudo .inicial {
		color: #000;
		margin-top: 13px;
	}
		/*************************************************************************************/	
		/*************************	5.1 DESTAQUE PÁGINA INICIAL ******************************/
		/*************************************************************************************/
	
		.inicial h2 {
		}
					
		.inicial h2 a:link, .inicial h2 a:visited {
			color: #47b4d4;	
		}

		.inicial h2 a:link, .inicial h2 a:visited {
		}
		/*************************************************************************************/	
		/*************************	5.2 POSTS PÁGINA INICIAL *********************************/
		/*************************************************************************************/
	
		.inicial .posts {
			
		}
		
			.inicial .posts h3 {
				
			}
			
			.inicial .posts h3 a:link, .inicial .posts h3 a:visited {
				
			}

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

		/*************************************************************************************/
		/*************************	5.3 OUTROS POSTS PÁGINA INICIAL **************************/
		/*************************************************************************************/
	
		.inicial .outrosposts {
			
		}
		
			.inicial .outrosposts h3 {
				
			}
			
			.inicial .outrosposts h3 a:link, .inicial .outrosposts h3 a:visited {
				
			}

			.inicial .outrosposts h3 a:active, .inicial .outrosposts h3 a:hover {
				
			}
			
			.inicial .outrosposts .data {
				
			}

	#conteudo .pagina {
		
	}

	#conteudo .post {
		
	}

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



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



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

#rodape {
	text-align: center;	
	background-color:#B3D447; /* rosa: f9a6e1/ feb5e9  verde:#B3D447 turquesa:9ce3ef */ 
	border:#ffffff dashed 1px;
	display: block;
	color:#333;
	 margin-top: 10px;
	
}

	#rodape a:link, #rodape a:visited {

	}
	
	#rodape a:active, #rodape a:hover {

	}






.formulario fieldset {
	border: 1px solid #dfe1e1;
	padding: 10px 10px;
}

.formulario fieldset legend { font-weight: bold; }

.formulario fieldset div {
	clear: both;
	margin: 1px 0;
	min-height: 6px;
	vertical-align:bottom;
}

.formulario fieldset div label {
	display: block;
	width: 14%;	
	margin: 0 25px 0 0;
	float: left;
	text-align: right;

}

.formulario fieldset div span { }

.formulario fieldset div span input, .formulario fieldset div span select, .formulario fieldset div span textarea {
	border: 1px solid #dfe1e1;
	padding: 2px;
}

.formulario fieldset div .submit {
	position: relative;
	display: block;
	margin: 0 0 0 25%;
	left: 15px;
}

#respond { width: 450px; }