/*
Theme Name: blxg
Theme URI: http://www.blxg.com.br/
Description: O tema do blog da agência Fire Multicom.
Version: 2r$Rev$
Author: Pedro Balsemão
Author URI: http://www.metagrafia.com.br/
Tags: black & white, clean, fixed width

	blxg v2.0
	http://www.blxg.com.br
	
*/

html, body, div {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	min-width: 980px;
}

a img { border: 0; }

a { color: #666; }

a:hover { color: #F60; text-decoration: none; }

h1 {
	color: #000;
	font-weight: bold;
	font-size: 24pt;
	line-height: 20pt;
	padding-top: 24pt;
}

h2 {
	color: #333;
	font-weight: normal;
	font-size: 24pt;
	line-height: 20pt;
	padding-top: 24pt;
}

h3 {
	color: #999;
	display: inline-block;
	font-size: 16pt;
	font-weight: normal;
	margin: 32pt 0 16pt 0;
}

h3 a { color: #999; text-decoration: none; }

h4 {
	font-size: 14pt;
	font-weight: bold;
	padding-top: 32pt;
	text-transform: uppercase;
}

#busca {
	float: right;
	position: absolute;
	left: 730px;
}

#busca input {
	background: url(imagens/busca-fundo.png);
	background-repeat: no-repeat;
	border: 0px;
	color: #AAA;
	padding: 5px 0 0 10px;
	margin: 8px 0 0 0;
	height: 23px;
	width: 250px;
}

#feedlink {
	margin: 24pt 0;
}

#footer {
	background: url(imagens/footer-fundo.png);
	color: #666;
	clear: both;
	font-size: 8pt;
	height: 200px;
}

#footer p { padding: 50px 0 0 175px; }
#footer a { color: #666; }

#footer .assinatura {	
	float: right;
	left: 860px;
	padding: 50px 20px 0 0;
	position: absolute;
}

#cabecalho-box {
	background: #222;
	height: 240px;
}

#cabecalho-box .holder {
	margin-left: 175px;
	padding-top: 20px;
}

#cabecalho-controle {
	float: left;
	font-size: 10px;
	margin-left: 5px;
	width: 80px;
}

#cabecalho-controle a {
	padding-left: 15px;
}

.cabecalho-controle-cima {
	background-image: url(imagens/seta-cima.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.cabecalho-controle-baixo {
	background-image: url(imagens/seta-baixo.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#header {
	background: url(imagens/header-fundo.png);
	height: 175px;
	width: 100%;
}

#header img { margin-left: 175px; }

#menu {
	background: #333;
	height: 40px;
}

#menu a {
	color: #666;
	margin-right: 20px;
	line-height: 40px;
	text-decoration: none;
}

#menu a:hover { color: #999; }

#menu ul {
	display: inline;
	left: 175px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#menu li { display: inline; }

#principal {
	float: left;
	margin: 0 0 32pt 175px;
	width: 500px;
}

#posts .post-meta {
	float: left;
	font-size: 8pt;
	height: auto;
	left: 25px;
	padding: 0;
	position: absolute;
	text-align: right;
	width: 125px;
}

#posts .post-meta p {
	margin: 0;
	padding: 0 0 12pt 0;
}

#posts .post-meta a.action { color: #F60; }

#posts .post-data {
	color: #999;
	font-size: 12pt;
	position: absolute;
	text-align: right;
	left: 0;
	top: -32pt;
	width: 125px;
}

#posts .post-conteudo {
	display: block;
	width: 500px;
}

#posts .post { clear: left; }
#posts img { max-width: 500px; }

#posts .post object, #posts .post embed {
	width: 500px;
}

div.post-conteudo p object, div.post-conteudo p embed {
    width: 500px !important;
}

.navegacao {
	margin-top: 32pt;
}

.navegacao h3 {
	display: inline-block;
	margin-right: 100px;
	margin-left: -20px;
}

.navegacao a { display: inline; }

.post-conteudo h2 a { color: #333; text-decoration: none; }

#sidebar {
	float: left;
	font-size: 9pt;
	line-height: 14pt;
	margin: 0 0 0 50px;
	padding: 24pt 0 0 0;
	text-align: right;
	width: 250px;
}


#sidebar h2 {
	color: #333;
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 12pt 0 12pt 0;
	text-transform: uppercase;
}

#sidebar h3 {
	color: #666;
	font-size: 9pt;
	font-weight: bold;
	margin: 0;
	padding: 12pt 0 12pt 0;
	text-transform: uppercase;
}

#sidebar ul { list-style: none; }



/**	COMENTÁRIOS **/
/** Formulários **/

#form-comentario {
	font-size: 8pt;
}

#form-comentario label {
	display: inline-block;
	font-weight: bold;
	font-size: 8pt;
	line-height: 25px;
	margin: 5px;
	text-align: right;
	vertical-align: top;
	width: 80px;
	
}

#form-comentario input, #form-comentario textarea {
	border: 1px solid #CCC;
	margin: 5px;
}

#form-comentario input:focus, #form-comentario textarea:focus {
	border: 1px solid #999;
	outline: none;
}

#form-comentario input {
	line-height: 20px;
	height: 25px;
}

#form-comentario #form-fields input {
		width: 200px;
}

#form-comentario input[type=button], #form-comentario input[type=submit] {
	background: url(imagens/botao-fundo.png);
	background-repeat: repeat-x;
	line-height: 23px;
	height: 30px;
	position: absolute;
	left: 550px;
	width: 100px;
}

#form-comentario input[type=submit] {
	font-weight: bold;
}

#form-comentario textarea {
	height: 120px;
	width: 380px;
}

#form-comentario span.aviso {
	color: #999;
	float: left;
	line-height: 43px;
	padding-left: 95px;
}


/** Publicados **/

ol#comentarios {
	display: block;
	margin: 0;
	padding: 0;
}

ol#comentarios li {
	height: auto;
	list-style: none;
	margin: 4px 0;	
	min-height: 90px;
	padding: 10px;
}

ol#comentarios li.byuser {
	background: #EEE;
}

ol#comentarios li .meta {
	height: auto;
	width: 130px;
	position: absolute;
	text-align: right;
}
ol#comentarios li div.txt {
	margin-left: 150px;
	width: 325px;
}
ol#comentarios li div.txt p {
	margin-top: 0;
}
.youtube {
	margin: 10px;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}