/*
Theme Name: CLJ
Theme URI: http://clj.com.br/
Description: Tema do blog da CLJ.
Version: 1.0
Author: Roberto Labate
Author URI: http://rlabate.com.br/
Tags: tema, wordpress, rlabate
*/

/*Zera as tags*/
* {
	padding: 0;	
	margin: 0;
}


/*Tags Padroes*/
body {
	background-image: url(imagens/header_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Tahoma";
}

html {
	overflow: -moz-scrollbars-vertical;
}



/*Header*/
#header {
	height: 132px;
	width: 883px;
	position: relative;
	margin: 0 auto;
}

#header h1 {
	float: left;
	width: 190px;
	height: 92px;
	margin-top: 20px;
	background-image: url(imagens/logo.png);
}


#header h1 a {
	display: block;
	width: 190px;
	height: 0px;
	
	padding-top: 92px;
	overflow: hidden;
	
	font-size: 10px;
}

#header form {
	float: right;
	margin-top: 76px;
}

#header form ul {
	list-style: none;
}

#header form ul li {
	float: left;
	margin-left: 10px;
}

#header form ul li label {
	display: block;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #5b1e3a;
	
}

#header form ul li input {
	background-image: url(imagens/input_bg.png);
	background-color: transparent;
	_background-attachment: fixed;
	background-position: 0 0 ;
	border: 0;
	height: 20px;
	width: 118px;
}

#header form ul li input.img {
	height: 19px;
	width: 24px;
	margin-top: 18px;
}


/*Container*/
#container {
	width: 883px;
	background-color: white;
	position:relative;
	margin:0 auto;

}


/*Conteudo Header*/
#conteudo_header {
	/*padding: 0 0 0 13px;*/
	background-image: url(imagens/conteudoheader_bg.gif);
	background-repeat: no-repeat;
}


#conteudo_header div.margem_reduzida {
	padding: 0 13px;
}

#conteudo_header object {
	margin-left: 4px;
	margin-top: 9px;
}



#conteudo_header h2 {
	background-image: url(imagens/h2_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	font-weight: normal;
	font-size: 25px;
	margin-top: 16px;
	margin-bottom: 18px;
	clear: both;
}

#conteudo_header h2 span {
	background-color: white;
	padding: 0 10px;
	margin-left: 30px;
}

#conteudo_header h2 span strong {
	font-weight: bold;
}

#conteudo_header p {
	font-size: 18px;
	color: #7e767a;
}

#conteudo_header ul.menu {
	margin-left: 5px;
	list-style: none;
	padding-top: 5px;
}

#conteudo_header ul.menu li {
	float: left;
	width: 290px;
	line-height: 30px;
	text-align: center;
	margin-right: 1px;
	font-family: "Century Gothic";
	font-size: 16px;
}

#conteudo_header ul.menu li a {
	display: block;
	width: 100%;
	float: left;
	color: white;
	text-decoration: none;
	background-image: url(imagens/menu_bg.gif);
}

#conteudo_header ul.menu li a:hover {
	background-position: 0 -30px;
}

#conteudo_header ul.menu li.ativo a {
	background-position: 0 -30px;
}

#conteudo_header ul.menu li.item_2 {
	width: 291px;
}

#conteudo_header ul.menu li ul.submenu {
	display: block;
	position: absolute;
	z-index: 1;
	width: 191px;
	margin-top: 30px;
}


/*Conteudo*/
#conteudo {
	float: left;
	margin-bottom: 30px;
	padding: 0 13px;
	margin-top: 30px;
}


/*Corpo*/
#conteudo #corpo {
	float: left;
	width: 513px;
}

#conteudo.front_page #corpo {
	padding: 0 12px;
	_padding-top: 12px;
	background-image: url(imagens/corpo_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#conteudo.front_page #sidebar{
	display: block;
}

body.page #corpo {
	width: 857px !important;
}

body.page #sidebar {
	display: none;
}

body.page div.margem_reduzida p {
	display: none;
}

body.page #conteudo {
	margin-top: 0;
}

body.page div.conteudo_page {
	margin-top: 0;
	font-family: "Tahoma";
	font-size: 14px;
	color: #7e767a;
}

body.page div.conteudo_page h3 {
	font-size: 14px;
	font-family: "Tahoma";
	color: #881a50;
	margin-bottom: 4px;
}

body.page div.conteudo_page p {
	margin-bottom: 20px;
}

body.page div.conteudo_page ul {
	list-style-position: inside;
	margin-bottom: 20px;
}

body.page div.conteudo_page ul li {
	margin-bottom: 6px;
	
}


body.single div.margem_reduzida {
	display: none;
}


div.submenu {
	text-align: center;
	font-family: "Tahoma";
	font-size: 14px;
	color: #5e0a33;
	line-height: 20px;
	border-top: 1px solid #6c354e;
	border-bottom: 1px solid #6c354e;
	/*margin-top: 30px;*/
	margin-bottom: 0px;
}

div.submenu a {
	color: #5e0a33;
}

div.submenu span {
	padding: 0 20px;
}



/*Index*/
div.post h2 a {
	color: black;
	font-family: "Tahoma";
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

div.post small {
	color: #484848;
	font-size: 13px;
}

div.post div.entry {
	background-image: url(imagens/entry_divisor.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 20px;
	width: 489px;
	padding-top: 26px;
	font-size: 13px;
	color: #484848;
}

div.post div.entry p {
	margin-bottom: 18px;
}

div.post div.postmetadata {
	margin-top: 27px;
}

div.post div.postmetadata p{
	color: #484848;
	font-size: 13px;
}

div.post div.postmetadata p a{
	color: #7a003c;
}

div.post div.postmetadata p a:link{
	color: #7a003c;
}

div.post div.postmetadata p a:hover{
	color: #7a003c;
}

div.post div.postmetadata p a:active{
	color: #7a003c;
}

div.post div.postmetadata img.avatar {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
}

div.post div.divisor {
	clear: both;
	width: 100%;
	height: 6px;
	background-image: url(imagens/post_divisor.gif);
	margin-top: 30px;
	margin-bottom: 24px;
	font-size: 4px;
}



/*Pagina de Contato*/
.page-contato .formulario  {
	float: left;
}

.page-contato .formulario p {
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}

.page-contato .formulario ul {
	list-style: none;
}

.page-contato .formulario ul li {
	clear: both;
	margin-bottom: 10px;
}

.page-contato .formulario ul li label {
	width: 90px;
	padding-top: 13px;
	display: block;
	float: left;
	font-size: 13px;
	color: #901251;
	font-weight: bold;
}

.page-contato .formulario ul li input.campo {
	height: 23px;
	border: 1px solid #2f2f2f;
	width: 368px;
}

.page-contato .formulario ul li input.cpo_telefone_ddd {
	width: 27px;
}

.page-contato .formulario ul li input.cpo_telefone {
	width: 139px;
}

.page-contato .formulario ul li textarea {
	width: 368px;
	height: 246px;
	border: 1px solid #2f2f2f;
}

.page-contato .formulario ul li input.botao {
	margin-left: 354px;
}

.page-contato .endereco  {
	float: right;
}

.page-contato .endereco p {
	text-align: right;
	font-size: 16px;
	color: #7d7779;
}

.page-contato .endereco p.pabx {
	font-size: 20px;
	margin-top: 28px;
}

.page-contato .endereco p.fax {
	font-size: 20px;
}

.page-contato .endereco p.email {
	font-size: 14px;
	margin-top: 28px;
}

.page-contato .maps  {
	clear: both;
	padding-top: 60px;
}

.page-contato .maps h2 {
	font-size: 18px;
	color: #831c53;
	margin-bottom: 20px;
}

.page-contato .maps iframe {
	border: 1px solid black;
}


/*Sidebar*/
#sidebar {
	float: left;
	width: 277px; /*303-26 de padding*/
	margin-left: 17px;
	background-image: url(imagens/sidebar_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 13px;
}

#sidebar h2 {
	font-size: 18px;
	font-family: "Tahoma";
	color: #646163;
	margin-bottom: 20px;
}

#sidebar ul {
	margin-bottom: 27px;
	list-style: none;
}

#sidebar ul li ul {
	margin-bottom: 27px;
	list-style: disc;
	list-style-position: inside;
}

#sidebar ul li ul li {
	font-size: 13px;
	color: #666666;
	margin-bottom: 20px;
}

#sidebar ul li ul li a {
	color: #663366;
	text-decoration: none;
}

#sidebar ul li ul li a:hover {
	color: #663366;
	text-decoration: underline;
}

/*Footer*/
#footer {
	clear: both;
	background-image: url(imagens/footer_bg.gif);
	background-repeat: repeat-x;
	height: 106px; /*126-20 padding*/
	color: white;
	font-family: "Century Gothic";
	font-size: 17px;
	padding-top: 20px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p.titulo {
	font-weight: bold;
	margin-bottom: 28px;
}

#footer .conteudo {
	width: 857px;
	position: relative;
	margin: 0 auto;
}

#footer .conteudo div.esquerda{
	width: 420px;
	float: left;
}

#footer .conteudo div.direita{
	width: 420px;
	float: right;
}

#footer .conteudo div.direita p {
	text-align: right;
}

#footer .conteudo div.direita p.endereco2 {
	margin-bottom: 0px;
}

#respond { width: 510px; padding-top: 20px; }
#respond textarea { width: 510px; }