/* - - - - - - - - - - - - - - - - - - - - -

Theme Name: brblack
Author URI: http://marcelowd.wordpress.com/
Theme URI: http://marcelowd.wordpress.com/meus-temas-para-wp/
Description: The colors of Brazil, with the elegance of the Black - simple layout with 2 columns, (x) html and css valid, compatible with widgets, and the most popular browsers <<<>>>  As cores do Brasil, com a elegância do Preto -  Layout simples com 2 colunas,(x)html e css válido, compativel com widgets, e com os Browsers mais populares.
Version: 1.7
Author: Marcelo Torres
Tags:black, dark, yellow, green, two-columns
- - - - - - - - - - - - - - - - - - - - - */
/* ------RECOMMENDATIONS-----*/

.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;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* ----- CSS GENERAL ----- */

*{margin:0;padding:0;font-family:Georgia, Arial, Helvetica, sans-serif;}
body{margin:0;padding:0;background:#000 url("images/bg.png") repeat-x;text-align:center;margin-bottom:10px;}
a{color: #556b2f;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
h1{font: 50px impact, Arial, sans-serif;}
h2{font-size: 20px;padding-bottom:10px;	}
h3{color:#000; margin-top:20px;font-size:13px;}
p{color:#000;font-size:13px;line-height:17px;}
li{font: 13px Georgia, Arial, sans-serif;margin-left:30px;}
hr{margin-bottom:20px;color:#ccc;clear:both;}
small{color:#999;font-size:11px;}
pre{width:500px;overflow:scroll;}

/*===============================CONTAINER=================================*/

#container{width:900px;padding:0;margin:0 auto;background: #fff url("images/dobra_baixo.png") bottom left no-repeat;text-align:left;}

/*===============================HEADER=================================*/

#header{margin:0 auto;width:900px;height:200px;}
#logo{float:left;margin:30px;color:#fff;}
#logo h2{font-size: 20px;color:#fff;}
a.logo{font: 50px impact, Arial, sans-serif;color:#fff;}
a.logo:hover{color:#09f;}

/*===============================NAVEGATION=================================*/
#nav-bar{width:900px;margin:0 auto;}

ul{list-style-type:none;}
ul#menu{width:900px;}
ul#menu li{position:relative;float:left;margin-left:0;}
ul#menu li a{display:block;float:left;padding:0 10px;margin-right:1px;height:30px;line-height:25px;background:#556b2f;color:#fff;text-decoration:none;}
ul#menu li a:hover{background:#066;}
ul#menu li ul{display:none;position:absolute;top:30px;left:0;}
ul#menu li:hover ul{display:block;}
ul#menu li ul li a{width:100px;border-bottom:1px solid #fff;clear:both;}
ul#menu li ul li{float:none;clear:both;}
ul#menu li ul li a{float:none;}

/*===============================CONTENT=================================*/

#primaryContent{width:600px;padding:15px;border-right:1px solid #e7e7e7;float:left;text-align:justify;}
#primaryContent p{padding-bottom:30px;}
#primaryContent img{margin:10px;padding:1px;border: 1px solid #e7e7e7;}
.post{width:540px;float:left;padding:15px;}
a.titulo_post{font: 30px impact, Arial, sans-serif;}
p.paginacao{clear:both;margin-left:15px;}
.tags {background:#556b2f;color:#fff;font-size:11px;margin-bottom:5px;padding:5px;clear:both;}
.tags a{color:#f9c201;margin-left:5px;}
.tags a:hover{color:#fff;}
small.dia{font-size:20px;color:#f9c201;background:#556b2f;padding:3px;}
small.mes{font-size:11px;color:#000;}
small.ano{font-size:11px;color:#000;}

/*===============================COMMENTS=================================*/	

#comments{margin:30px;}
.comment{border:1px solid #556b2f;padding:20px;}
.gravatar{float:left;padding:10px;}

/*===============================SIDEBAR=================================*/

#secondaryContent{width:228px;padding:10px 14px; font-size:11px;float:right;clear:none;background:#fff url("images/dobra.png") top right no-repeat;}
#secondaryContent h2{padding:11px 15px;color:#fff;margin-bottom:0;line-height:21px;font-size:13px;font-weight:normal;}
#secondaryContent li{list-style-type: square;}
#secondaryContent li a{color:#556b2f;font-weight:bold;text-decoration:none;}
#secondaryContent li a:hover{color:#333;font-weight:bold;text-decoration:underline;}	
#secondaryContent .links li{padding-left:0px;background:none;}

/*===============================FOOTER=================================*/

#footer{margin:0 auto;clear:both;width:900px;text-align:center;font-size:11px;color:#fff;}
#footer ul{list-style:none;padding:5px;}
#footer li{list-style:none;display:inline;font-size:11px;}
li.footer_links{clear:none;}
#footer a{font-size:10px;color:#999;text-decoration:none;}
#footer a:hover{color:#f9c201;text-decoration:underline;}

/*===============================CLASS EXTRA=================================*/

.clear{clear:both;}

/*===============================FORMS=================================*/

label{font-size:13px;}
input{background-color: #000;color: #f9c201;border: 1px solid #000;font-size: 13px;padding: 3px;width:200px;margin:1px;}
textarea{background-color: #000;color: #f9c201;border: 1px solid #000;font-size: 11px;padding: 3px;width:400px;}
button{background-color:#efefef;line-height:11px;border: 1px solid #000;font-size: 11px;height:20px;margin: 0;padding: 0 5px;}
form p{padding:2px 0;}