/*   
Theme Name: Meu Portifólio
Theme URI: http://www.edirpedro.com.br
Description: Tema para meu portifólio
Author: Edir Pedro
Author URI: http://www.edirpedro.com.br
Version: 1.0
*/

/* Paleta de cores
#850707 vermelho
#1c160d marrom escuro
#b5a284 marrom claro
#857050 marrom médio
#4f4129 marrom
#393631 cor do texto
*/

/* Reset */

*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* End Reset */

html {
	background: #1c160d url("imagens/background.jpg") 0 80px repeat-x;
}

body {
	background: url("imagens/fundo.jpg") center 80px no-repeat;
	width: 100%;
	display: table;	
}

/* Tipografia */

body, form, textarea, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0px;
	color: #393631;
}

a { color: #393631; }
a:link { color: #393631; }
a:visited { color: #857050; }
a:active { color: #857050; }
a:hover { color: #b5a284; }

h1, h2, h3, h4, h5, h6, #conteudo p.titulo,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #850707 !important;
	padding: 0;
	text-decoration: none;
	border: none;
}

h1, #conteudo p.titulo { font-size: 24px; line-height: 24px; }
h2 { font-size: 18px; line-height: 18px; }
h3 { font-size: 14px; line-height: 14px; }
h4 { font-size: 14px; line-height: 14px; }
h5 { font-size: 14px; line-height: 14px; }
h6 { font-size: 14px; line-height: 14px; }

p { padding: 0 0 10px 0; }
blockquote { padding: 0 20px; }

ul, ol { margin: 20px 0 20px -40px; padding-left: 40px; }
dl { padding: 0 0 10px 20px; }
ul { list-style: disc; }
ol { list-style: decimal;}
li { margin-bottom: 7px; }
dd { padding: 0 0 10px 0; }

p.titulo { font-size: 22px; color: #fff; }
textarea, input { padding: 3px 5px; background-color: #fff; }
small { font-size: 11px; }

/* Layout */

.PostContent a { color: #4f4129; }
.PostContent a:hover { color: #b5a284; }
.PostContent { padding-bottom: 20px; }

.hr {
	display: block;
	background: transparent url("imagens/tracejado-cinza.gif") repeat-x;
	border: none;
	height: 1px;
	margin: 10px 0;
}

div#cabecalho {
	width: 960px;
	margin: 0 auto;
	height: 80px;
	margin-bottom: 134px;
	background-color: #1c160d;
}

	p.logo {
		background: url("imagens/logo.jpg") bottom no-repeat;
		width: 173px;
		height: 32px;
		margin: 0 auto;
		padding-top: 20px;
	}

	p.logo span {
		display: none;
	}
	
	p.contatos {
		float: right;
		margin: -30px 10px 0 0;
	}
	
	p.contatos a {
		color: #b5a284;
		text-decoration: none;
	}

div#container {
	width: 960px;
	margin: 0 auto;
}

p.introducao {
	display: none;
}

div#menu {
	height: 31px;
}

	#menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-left: 681px;
	}
	
	#menu ul li {
		display: inline;
	}

	#menu ul li a {
		float: left;
	}
	
	#menu ul li a span {
		display: none;
	}
	
	#menu_blog {
		display: block;
		width: 79px;
		height: 31px;
	}
	
	#menu_portifolio {
		display: block;
		width: 125px;
		height: 31px;
	}
	
	#menu_lab {
		display: block;
		width: 74px;
		height: 31px;
	}
	
	ul.blog #menu_blog,
	#menu_blog {
		background: url("imagens/menu_blog-blog.jpg") no-repeat;
	}
	
	ul.blog #menu_portifolio,
	#menu_portifolio {
		background: url("imagens/menu_portifolio-blog.jpg") no-repeat;
	}

	ul.blog #menu_portifolio:hover,
	#menu_portifolio:hover {
		background: url("imagens/menu_portifolio-blog-hover.jpg") no-repeat;
	}
	
	ul.blog #menu_lab,
	#menu_lab {
		background: url("imagens/menu_lab-blog.jpg") no-repeat;
	}
	
	ul.blog #menu_lab:hover,
	#menu_lab:hover {
		background: url("imagens/menu_lab-blog-hover.jpg") no-repeat;
	}
	
	ul.portifolio #menu_blog {
		background: url("imagens/menu_blog-portifolio.jpg") no-repeat;
	}
	
	ul.portifolio #menu_blog:hover {
		background: url("imagens/menu_blog-portifolio-hover.jpg") no-repeat;
	}
	
	ul.portifolio #menu_portifolio {
		background: url("imagens/menu_portifolio-portifolio.jpg") no-repeat;
	}
	
	ul.portifolio #menu_lab {
		background: url("imagens/menu_lab-portifolio.jpg") no-repeat;
	}
	
	ul.portifolio #menu_lab:hover {
		background: url("imagens/menu_lab-portifolio-hover.jpg") no-repeat;
	}

	ul.lab #menu_blog {
		background: url("imagens/menu_blog-lab.jpg") no-repeat;
	}
	
	ul.lab #menu_blog:hover {
		background: url("imagens/menu_blog-lab-hover.jpg") no-repeat;
	}
	
	ul.lab #menu_portifolio {
		background: url("imagens/menu_portifolio-lab.jpg") no-repeat;
	}

	ul.lab #menu_portifolio:hover {
		background: url("imagens/menu_portifolio-lab-hover.jpg") no-repeat;
	}
	
	ul.lab #menu_lab {
		background: url("imagens/menu_lab-lab.jpg") no-repeat;
	}

div#conteudo {
	background: #fff url("imagens/conteudo_fundo.jpg") repeat-x;
	padding: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
	min-height: 500px;
	height: auto !important; /* fix IE7 */
	height: 500px;
}

	.portifolio div.texto {
		float: left;
		width: 530px;
		margin: -10px 0 -10px -10px;
	}
	
	.portifolio div.texto img {
		border: 10px solid #1c160d;
	}
	
	div.loader {
		background: url("imagens/loader.gif") center 218px no-repeat;
	}
	
	.portifolio div.lateral {
		float: right;
		width: 320px;
		height: 500px !important;
		padding: 0 0 0 40px;
	}

	.portifolio small {
		display: block;
		padding: 0 0 10px 0;
		color: #857050;
	}
	
	.portifolio h2 {
		padding: 10px 0 0 0;
	}
	
	.botoes_portifolio {

	}
	
	.blog div.texto {
		width: 480px;
		float: left;
		padding: 0 40px 0 0;
	}

	.blog div.lateral {
		float: right;
		width: 320px;
		padding: 0 0 0 40px;
	}
	
	.blog small.post_dados {
		color: #857050;
	}
	
	.blog ul.trackbacks {
		padding-left: 70px;
	}
	
	.blog ol.comentarios {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 11px;
	}
	
	.blog ol.comentarios li {

	}
	
	.blog ol.comentarios li div.comentario {
		padding: 15px 30px;
	}

	.blog ol.comentarios li div.comentario img {
		float: left;
	}
	
	.blog ol.comentarios li.impar {
		background-color: #e1dace;
	}
		
	.blog ol.comentarios li.impar span.topo {
		display: block;
		width: 480px;
		height: 7px;
		background: #e1dace url("imagens/comment-topo.jpg") top no-repeat;
	}
	
	.blog ol.comentarios li.impar span.rodape {
		display: block;
		width: 480px;
		height: 7px;
		background: #e1dace url("imagens/comment-rodape.jpg") no-repeat;
	}
	
	.blog ol.comentarios p.detalhes img {
		margin-right: 15px;
	}
	
	.blog ol.comentarios p.detalhes big,
	.blog ol.comentarios p.detalhes big a {
		font-weight: bold;
		font-size: 12px;
	}

	.blog ol.comentarios p.detalhes small a {
		text-decoration: none;
		border: none;
		color: #857050;
	}
	
	#form_comentarios {
		background: #1c160d url("imagens/form-topo.jpg") top no-repeat;
		padding: 15px 30px;
		color: #b5a284;
	}
	
	#form_comentarios span.rodape {
		display: block;
		width: 480px;
		height: 7px;
		margin: 0 0 -15px -30px;
		background: url("imagens/form-rodape.jpg") top no-repeat;
	}
	
	#form_comentarios textarea {
		border: none;
		width: 410px;
	}
	
	#form_comentarios label {
	}
	
	#form_comentarios input {
		width: 350px;
		border: none;
	}
	
	#form_comentarios input.botao {
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
	}
	
	#conteudo p.blog_tags_titulo {
		height: 48px;
		background: url("imagens/tag-orange.png") no-repeat;
		padding: 15px 0 0 50px;
		margin: 0;
	}
	
	#conteudo .blog_tags_titulo span {
		display: block;
		height: 1px;
		margin: 10px 0 0 -50px;
		background: url("imagens/tracejado-cinza.gif") repeat-x;
	}
	
	form.busca {
		background-color: transparent;
	}
	
	form.busca .input_busca {
		margin-right: 15px;
		padding: 5px 5px;
		width: 220px;
		height: 23px;
		font-size: 14px;
		border: 1px solid #ccc;
		background: #fff url("imagens/icone-caixa-de-busca.jpg") 5px 3px no-repeat;
	}
	
	form.busca .botao_buscar {
		padding: 0;
		margin-bottom: -4px;
		vertical-align: bottom;
	}
	
	.blog p.tags {
		text-align: center;
	}
	
	.blog p.tags a {
		text-decoration: none;
		color: #857050;
		margin: 0 5px;
		line-height: 28px;
	}
	
	.blog p.tags a:hover {
		color: #850707;
	}
	
	div.Nav .on,
	div.Nav a {
		display: block;
		float: left;
		width: 42px;
		height: 42px;
		background: url("imagens/paginacao-bg.jpg") no-repeat;
		font-size: 16px;
		line-height: 42px;
		color: #fff;
		text-align: center;
		margin-right: 5px;
		text-decoration: none;
	}
	
	div.Nav .on {
		color: #4f4129;
	}
	
	div.Nav a:hover {
		color: #850707;
	}
	
	div.Nav .previows {
		display: block;
		width: 42px;
		height: 42px;
		margin: 0;
		background: url("imagens/seta-esquerda.jpg") no-repeat;
	}
	
	div.Nav .previows:hover {
		background: url("imagens/seta-esquerda-hover.jpg") no-repeat;
	}
	
	div.Nav .next {
		display: block;
		width: 42px;
		height: 42px;
		margin: 0;
		background: url("imagens/seta-direita.jpg") no-repeat;
	}

	div.Nav .next:hover {
		background: url("imagens/seta-direita-hover.jpg") no-repeat;
	}
	
	div.Nav .previows span,
	div.Nav .next span {
		display: none;
	}
	
	.lab div.texto {
		width: 480px;
		float: left;
		padding: 0 40px 0 0;
	}

	.lab div.lateral {
		float: right;
		width: 320px;
		padding: 0 0 0 40px;
	}

div#box1, #box2, #box3 {
	float: left;
	width: 240px;
	padding: 0 40px;
	color: #b5a284;
}
	
	#box1 p.titulo,
	#box2 p.titulo,
	#box3 p.titulo {
		margin-bottom: 20px;
	}
	
	#box1 .hr,
	#box2 .hr, 
	#box3 .hr {
		display: block;
		height: 1px;
		border: none;
		background: transparent url("imagens/tracejado-marrom.gif") repeat-x;
		margin: 6px 0 10px 0;
	}

	div#box1 img {
		margin: 4px 8px 0 0;
	}
	
	ul.box_lista {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	ul.box_lista li {
		background: url("imagens/tracejado-marrom.gif") bottom repeat-x;
		height: 28px;
		padding: 0;
		margin: 0;	
	}
	
	ul.box_lista li.last {
		background: none;
	}
	
	ul.box_lista a {
		color: #b5a284;
		text-decoration: none;
	}
	
	ul.box_lista li a {
		line-height: 26px;
		padding-left: 5px;
	}
	
	ul.box_lista li a:hover {
		color: #850707;
	}
	
	#box1 a.twitter_icon {
		margin-right: -40px;
	}
	
	#box1 img {
		border: none;
	}
	
	#box1 p.twitter a {
		color: #857050;
		text-decoration: none;
		border: none;
	}
	
	#box1 p.twitter a:hover {
		color: #850707;
	}
	
	#box1 p.twitter .timestamp {
		color: #4f4129;
		font-style: italic;
	}
	

div#rodape {
	margin-top: 20px;
	height: 30px;
	background-color: #850707;
	padding-top: 12px;
}

	#rodape p {
		width: 920px;
		margin: 0 auto;
		color: #fff;
		padding: 0 0 0 40px;
	}

.clear {
	clear: both;
}

.direita {
	text-align: right;
}

.alignleft { float: left; }
img.alignleft { margin-right: 5px; }

.alignright { float: right; }
img.alignright { margin-left: 5px; }