/*
Theme Name: D-Basic
Theme URI: http://wordpress.org/extend/themes/d-basic/
Description: Tema criado para ser usado no blog dian.com.br, tema dispoe de uma interface limpa e agradável.
Version: 1.0
Author: Dian Sonntag
Author URI: http://www.dian.com.br/
Tags: white, light, two-columns, fixed-width, theme-options, right-sidebar
*/

/* CONFIGURAÇÕES BÁSICAS */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,fieldset {
	margin:0;
	padding:0;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

body {
	font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	letter-spacing:-0.05em;
	font-family:Arial;
	text-transform:lowercase;
	text-shadow:#333;
}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
	border:0;
}
blockquote, pre {
	background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}

/* ESTILO TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#tooltip h3, #tooltip div { margin: 0; padding:0; }

/* HEADER */
#cima {	
	width:100%;
	height:100px;
	position:relative;
	background:#333;
}

#barra {
	width:100%;
	height:25px;
	position:relative;
	background:#0f67a1;
	background-image:url(imgs/fundo-barra.jpg);
}

#barra-menu {
	width:100%;
	height:60px;
	position:relative;
	background-image:url(imgs/fundo-conteudo.jpg);
	background-repeat:repeat-x;
}
#barra-menu #meio ul li {
	display:table;
	float:left;
	position:relative;
	margin:2px;
	margin-right:8px;
	padding-right:10px;
}

#barra-menu #meio ul li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	text-transform: lowercase; 
	color:#000;
}

#barra-menu #meio ul li a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-transform: lowercase; 
	background:#000;
}

#titulo-blog {
	padding:9px;
	width:200px;
	float:left;
}

#titulo-blog .titulo a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bold;
	color:#FFF;
}

#titulo-blog .descricao {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#CCCCCC;
}

#rss {
	float:right;
	width:50px;
	top:15px;
}
#twitter {
	float:right;
	width:50px;
	top:15px;
}
/*GERAL*/
#meio {
	width:850px;
	position:relative;
	display:table;
	margin:auto;
}
.borda-menu-bottom {
	border-bottom:1px #000 dotted;
	padding:10px;

}

/*CONTEÚDO*/
#contedo {
	width:100%;
	height:100px;
	position:relative;
	background:#FFF;
}

#pre-post {
	margin-top:12px;
	position:relative;
	display:table;
	float:left;
	width:530px;
	padding:5px;
}
#sidebar {
	/*margin-top:12px;*/
	display:table;
	float:left;
	width:265px;
	margin-left:30px;
	padding:5px;
}

#sidebar h4{
	margin:0;
	padding:0;
}

#sidebar #busca {
	display:table;
	float:left;
	width:254px;
	position:relative;
	padding:5px;
}

#sidebar #busca .campo {
	border:2px solid #CCC;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding:6px;
}

#sidebar #busca .botao {
	border:2px solid #666;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding:4px;
}


#sidebar #busca .botao:hover {
	border:2px solid #000;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}


#sidebar li {
	display:table;
	float:left;
	width:250px;
	position:relative;
	background:#EEE;
	padding:5px;
	margin-bottom:10px;
	
}

#sidebar .titulo {
	background:#d8d5d5;
	border-bottom:1px  #999999 solid;
	padding:3px;
	text-transform:lowercase;
}
#sidebar a {
	color:#333;
	font-family:Arial;
}
#sidebar a:hover {
	color:#333;
	font-family:Arial;
	font-weight:bold;
}
.post {
	position:relative;
	display:table;
	float:left;
	width:530px;
}

.post h1 {
	margin:0;
	padding:0;
}

.post h1 a {
	position:relative;
	font-size:23px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#146eaa;
	text-transform:lowercase;
	margin:0;
	padding:0;
}
.post h1 a:hover {
	position:relative;
	font-size:23px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#CCC;
	text-transform:lowercase;
	margin:0;
	padding:0;
}
.post .data-info {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333;
}
.post .data-info a{
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333;
	font-weight:bold;
}
.post .data-info a:hover{
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	font-weight:bold;
}
.post a {
	font-weight:bold;
	color:#000;
}
.post a:hover {
	font-weight:bold;
	color:#666;
}
.post .tags-categorias {
	font-style:italic;
	color:#666666;
}
.pos-post-erro {
	position:relative;
	float:left;
	display:table;
}
.pos-post-navegacao {
	position:relative;
	float:left;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.pos-post-navegacao a{
	color:#000;
	font-weight:bold;
}
.pos-post-navegacao a:hover{
	color:#FFF;
	font-weight:bold;
	background:#000;
}

.o-conteudo {
	margin-top:25px;
	margin-bottom:25px;
}

.o-conteudo h5 {
	margin:0;
	padding:0;
}

.o-conteudo .img-margem{
	margin-top:20px;
}


/*RODAPE*/
#rodape {
	width:100%;
	height:50px;
	position:relative;
	background:#CCC;
	background-image:url(imgs/fundo-rodape.jpg);
	background-repeat:repeat-x;
}
#rodape #meio{
	padding:30px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}

#nuvem-tags {
	width:850px;
	position:relative;
	display:table;
	margin:auto;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}

/* Comentários */
#comentarios-lista {
	width:500px;
	margin:10px;
}

#comentarios-lista .url{
	font-size:20px;
	border:0px;
}

#comentarios-lista a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#003366;
}	
#comentarios-lista a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#003;
}
#comentarios-lista .fn{
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	
}
#comentarios-lista li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:15px;
	padding:10px;
	list-style:none;
	background:#EEE;
}

#comentarios-lista p {
	margin-top:10px;
}

#comentarios-lista .campo {
	border:2px solid #CCC;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding:6px;
	margin:6px;
}

#comentarios-lista .botao {
	border:2px solid #666;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding:4px;
	margin:6px;
}

/* 404 */
#erro {
	margin:auto;
	width:600px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#erro .erro4 {
	font-size:100px;
	color:#146eaa;
}

#erro a {
	font-size:16px;
	color:#000;
	font-weight:bold;
}
#erro a:hover {
	font-size:16px;
	color:#ccc;
	font-weight:bold;
}

/*ESSENCIAIS*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
