/**********************************************
WWW.BUENO.JOR.BR
versão: maio de 2007
***********************************************/


/**********************************************
ADMIN
**********************************************/

#secao_admin {

	float: left;
	width: 200px;
	height: 90px;
	margin: 0px 15px 15px 0px;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #DCDCDC;

}

/**********************************************
PROJETO, SOBRE ESTE SITE, FOTOGRAFIAS
**********************************************/

#secao_projeto, #secao_sobre, #secao_fotografias, #secao_contato {
	clear: both;
	width: 500px;
	margin: 0px auto;
	padding: 10px 0 0 0;
}

#secao_projeto p, #secao_sobre p, #secao_fotografias p, #secao_contato p {
	color: #000;
	margin: 0 0 10px 0;
}

#secao_projeto h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_projeto.jpg) no-repeat;	
	margin: 0 0 10px;
}

#secao_sobre h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_sobre.jpg) no-repeat;	
	margin: 0 0 10px;
}

#secao_fotografias h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_fotografias.jpg) no-repeat;	
	margin: 0 0 10px;
}

#secao_contato h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_contato.jpg) no-repeat;	
	margin: 0 0 10px;
}

/**********************************************
BALAIO
**********************************************/


#secao_balaio {
	clear: both;
	width: 500px;
	margin: 0px 0px 0px 105px;
	padding: 10px 0 0 0;
}

#secao_balaio h1, #secao_comentarios h3 {
	font: 20px Georgia, "Trebuchet MS", Arial;
	color: #736532;
}

#secao_balaio h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_materias.jpg) no-repeat;	
	margin: 0 0 10px;
}

#secao_balaio p {
	color: #000;
	margin: 0 0 10px 0;
}

#secao_balaio p.autor {
	margin: 10px 0 20px 0;
}

#secao_balaio p.titabela, #secao_resenhas p.titabela  {
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

#preview {
	clear: both;
	width: 400px;
	margin: 0px 50px 0px 50px;
	padding: 10px;
	background: #FFF;
}

#preview h1 {
	font: 20px Georgia, "Trebuchet MS", Arial;
	color: #736532;
}

#preview p {
	color: #000;
	margin: 0 0 10px 0;
}

/**********************************************
RESENHAS e  AGENDA
**********************************************/


#secao_resenhas, #secao_agenda {
	clear: both;
	width: 500px;
	margin: 0px 0px 0px 105px;
	padding: 10px 0 0 0;
}

#secao_resenhas h1, #secao_agenda h1 {
	font: 20px Georgia, "Trebuchet MS", Arial;
	color: #736532;
	margin: 0 0 10px 0;
}

#secao_resenhas h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_resenhas.jpg) no-repeat;	
	margin: 0 0 10px;
}

#secao_agenda h3 {
	width: 336px;
	height: 35px;
	text-indent: -9000px;
	background: url(../imagens/back_agenda.jpg) no-repeat;	
	margin: 0 0 10px;
}

#secao_resenhas p, #secao_agenda p {
	color: #000;
	margin: 0px 0px 10px 0px;
}

#secao_resenhas p.autor, #secao_agenda p.autor {
	margin: 0px 0 20px 0;
}

#secao_resenhas img.esquerda, #secao_balaio img.esquerda, #secao_agenda img.esquerda, #back_resenha img.esquerda  {
	float: left;
	margin: 0px 10px 0 0;
}

#secao_resenhas img.direita, #secao_balaio img.direita, #secao_agenda img.direita, #back_resenha img.direita  {
	float: right;
	margin: 0px 0px 0 10px;
}



/**********************************************
BUSCA
**********************************************/

#balaio_busca {
	width: 500px;
	height:50px;
	background: url(../imagens/balaio_busca.gif) no-repeat;	
	padding: 13px 0px 0px 70px;
	margin: 30px 0px 0px 0px;

}

#balaio_busca input.botao {
	background:#E8E8DB;
	border:1px solid #7F7960;
	text-align: center;
}

/**********************************************
COMENTÁRIOS
**********************************************/

#secao_comentarios {
	background-color: #FFF;
	min-width: 350px;
	margin: 15px;
	padding: 15px;
}

#comentario {
	margin: 20px 0px 20px 0px;
	width: 350px;
	background: url(../imagens/comentario.jpg) no-repeat;
}

#comentario p.nome {
	padding: 0px 0px 0px 45px;
	margin-bottom: 7px;
}

#secao_comentarios #formulario {
	width: 357px;
	margin: 20px 0 0 0;
	border: 4px solid #8b0000;
}

#secao_comentarios #formulario form {
	margin: 0px 20px 0px 20px;
	padding: 15px 0px 20px 0px;
}