/*
Theme Name: Vjr
Theme URI: http://valdemarjr.net/
Description: The second version of my personal website English
Version: 2.0
Author: Valdemar Jr
Tags: mantle color, variable width, two columns, widgets

This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

*{
	margin:0px; padding:0px;
}
/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* classes reutilizaveis */
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb,.bt{border:none;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
div#geral1 {
	width: 880px; height:800px; position:absolute; top:0px; 
}
div#larguraPagina {
	width: 890px; background:#F4F7EE; height:650px;
}
div#imagemBanner {
	position:relative; width:865px; height:51px; margin-bottom: 40px; left: 15px; top: 30px; background-image:url(imagens/bgLogo.png); 
}

div#logoVjr {
	position:absolute; width: 168px; height:80px; left: 10px; top: -25px; background-image:url(imagens/logo.png)
}

div#menu {
	 margin: 10px; position:absolute; left: 170px; top: 5px;
}

div#menu li {
	list-style-type:none; display: inline; 
}

div#menu a {
	text-decoration:none; top: 10px; padding: 15px 25px 15px 25px; color: #F4F7EE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;
}

div#menu li a:hover {
	background-image:url(imagens/bgMenuLinks.jpg); color:#545F38;
}

div#listaNoticias li {
	font-size: 13px;
	position:relative; left:30px; list-style-type:none; list-style-image:url(/wordpress/wp-content/themes/vjrTemplate/imagens/style_list.png);
	margin: 5px 0;
}

div#listaNoticias li a {
	color: #333;
	text-decoration:none; margin:10px;
}

div#pesquisar {
	position: absolute; width:213px; left: 640px; top: 0px; 
}

div#noticiasDestaque {
	position: relative; background: url(imagens/bgConteudoCima.jpg) no-repeat; width: 875px; height:255px; left:15px;
}

.ie div#listaNoticias {
	position: relative; top:17px; background-color:#E3E9D5; padding: 10px; height:200px;
}

div#listaNoticias {
	position: relative; top:25px; background-color:#E3E9D5; padding: 10px; height:200px;
}
div#noticiaMaior {
	position:relative; width: 470px; height: 235px; margin:10px; float:left; background-image: url(imagens/bgTesteTEMP.png); 
}

div#textoNoticiaMaior {
	background-image: url(imagens/bgImagemDestaque.png); position: relative; left:305px; width: 165px; height:235px;
}
div#textoNoticiaMaior p {
	color:#FFFFFF; 
}

div#noticiaMenor {
	position:relative; width: 365px; height: 235px; top:10px; float:left; background-image:url(imagens/bgTesteTEMP.png); 
}

div#textoNoticiaMenor {
	background-image: url(imagens/bgImagemDestaque.png); color:#FFFFFF; position:relative; top:215px;
}

div#conteudo {
	position: relative; width: 900px; top: 10px; height:240px;
}
div#noticiaPrincipal {
	position: relative; width: 570px; height: 40px; left: 20px; float:left; background:url(imagens/noticias.png) no-repeat;
}
div#noticiaPrincipal h3 {
	position:relative; left: 60px; top: 15px; width:60px; height:10px; 
}

div#sobre {
	position: relative; width: 285px; right: 10px; background:url(imagens/sobre_autor.png) no-repeat; float: right; overflow:inherit;
}
div#sobre h3{
	position: relative; left: 60px; top: 10px; width:150px; height:20px; 
}

div#textoSobre {
	position:relative; width:250px; top: 15px; height: 210px; overflow:right; padding: 10px 9px 0px 5px; background-color:#E3E9D5; text-align:justify;
}

.ie div#textoSobre {
	position:relative; width:264px; top: 15px; height: 220px; overflow:right; padding: 10px 10px 0px 5px; background-color:#E3E9D5;
text-align:justify;
}

div#bgConteudoBaixo {
	position:relative;
	left:5px;
	height:100px;
	width: 875px;
}

div#rolandoWeb {
	position:relative; width: 855px; left: 10px; top: 50px; background-color:#BFC9A7; padding:10px; float:left;
}

div#rolandoWeb h1 {
	position: absolute; top: -45px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#BFC9A7; font-size: 320%; letter-spacing: -7px;
}
div#imagemVez h3 {
	float:left; top: 10px; position: relative; background-color:#707E4E; width:260px;
}
body {
	background:#F4F7EE; font-family:Arial, Helvetica, sans-serif;
}
div#destaque h5 {
	color: #FF8000; position: relative; left: 20px;
}

div#panelIcons {
	position:fixed; top: 97%; background:#FF0000;
}

div#blog-content {
	background-color:#FFFFFF; width:660px; position:relative; padding:5px; float:left;
}
div#blog-content .post-home {
	width:660px; position:relative;
}
div#sidebar {
	background-color:#B3BF93; position:relative; padding:5px; height:610px; float:right; width:165px; text-align:center;
}

div#footerDiv {
	position:relative; left:10px; top:58px; z-index:-999;
}

.letraTexto {
	font-size: 10px; 
	color: #7D8B5A; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textoSessao {
	color: #BBC59F;
	font-weight: bold;
	font-size: 18px;
	font-style:italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textoSessao a {
	text-decoration:none; list-style-type:none; color:#BBC59F; padding: 10px 10px 0px 10px;
}

.textoSessao a:hover {
	text-decoration:underline; 
}

.fontSobre {
	font-size: 10px; 
	color: #7D8B5A; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.postavatar {
	margin:10px; background:url(imagens/bgListPosts.png);
}

.storycontent {
	height:90px; border:thin; 
}

.storycontent p {
	font-size: 13px;
	position:relative; left:90px; top:-80px; width:460px; padding:2px;
}
.storycontent p a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.postavatar img {
	margin:10px; width:60px; height:60px; 
}


.feedback {
	position:absolute; width:48px; height:38px; background:url(imagens/img_comentario.png) no-repeat; float:right; text-align:center; font-size:16px; right:5px; top:60px;
}
.feedback a{
	text-decoration:none; list-style-type:none; position:relative; right:9px; top:1px;
}

div#dataPost {
	font-size:8px; color:#999999; padding: 10px 10px 0px 10px;
}

div#conteudo-post {
	top:5px; bottom:5px; position:relative; font-family:Tahoma; font-size:14px; margin: 15px; text-align:justify;
}

div#rating {
	position:relative; top: 10px; bottom:10px;
}

div#metatags {
	position:relative; top:10px;
}
div#metatags p {
	font-size: 13px; color:#999999;
	line-height: 20px;
}
div#metatags p a {
	color:#999999;
}
div#metatags ul.share  {
	border-bottom: 1px dashed #999;
	border-top: 1px dashed #999;
	clear: both;
	height: 40px;
	list-style-type: none;
	margin: 10px 0;
	padding: 5px 0;
	width: 650px;
	}
div#metatags .share li {
	float: left; display: inline;
	height: 40px;
	margin: 8px 12px 0 2px;
	}
div#metatags .share .comente {
	display: block;
	background: url(imagens/ico_comments.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .compartilhe	{
	float: left; display: block;
	font-size: 0.9em; color: #333;
	font-weight: bold; line-height: 1.5em;
	margin: 8px 3px 0 3px;
	}
div#metatags .share .delicious {
	display: block;
	background: url(imagens/ico_delicious_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .twitter {
	display: block;
	background: url(imagens/ico_twitter_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .facebook {
	display: block;
	background: url(imagens/ico_facebook_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .netvibes {
	display: block;
	background: url(imagens/ico_netvibes_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .linkdin {
	display: block;
	background: url(imagens/ico_linkedin_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .buzz {
	display: block;
	background: url(imagens/ico_buzz_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
div#metatags .share .rss {
	display: block;
	background: url(imagens/ico_rss_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}