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



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.6.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: #0000de;

    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;

	}

/*===============================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{

	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;

	}