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

Theme Name: brblack
Author URI: http://marcelowd.wordpress.com/
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.5
Author: Marcelo Torres
Tags:black, dark, 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;
	}

	small{
	color:#999;
	font-size:11px;
	}
/*===============================CONTAINER=================================*/

	#container{
    width:900px;
    padding:0;
	margin:0 auto;
    background:#fff;
    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=================================*/
	#navegation{
	width:900px;
	margin: 0 auto;
	height:30px;
	}


	#navegation ul li {
	display: inline;
    }
        
	#navegation ul li a {
	width:90px;
	height:30px;
	float:left;
    text-decoration: none;
	color:#fff;
	text-align:center;
	font: 15px impact, Arial, sans-serif;
	background:#556b2f;
	margin-right:1px;
	}
     
    #navegation a:hover{
	color:#556b2f;
	background:#fff;
    }

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

	#primaryContent{
    width:600px;
    padding:15px;
    border-right:1px solid #e7e7e7;
    float:left;
	text-align:justify;
	background: url("images/dobra_baixo.png") bottom left no-repeat;
	}

	#primaryContent p{
    padding-bottom:30px;
	}

	#primaryContent img{
	float:left;
	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;
	}
	
	.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;
	}