/*
Theme Name: Renato Reis
Theme URI: http://renatoreis.net
Description: Versão 2010 do site Renato Reis
Author: Renato Reis
Version: 1.0
*/

body{
  background: #000 url('img/bg.jpg') center top repeat-y;
  font-family: Verdana, Arial, Sans;
  font-size: 12px;
}

a, a:hover, a:visited {
  color: #f90;
  text-decoration: none;
}

p {
  color: #ccc;
  font-size: 12px;
  line-height: 15px;
}


#header h1, #header h2 {
  background: transparent url('img/logo.png') no-repeat;
  height: 61px;
  width: 340px;
  text-indent: -999em;
  float: left;
  display:block;
}


#site {
  margin: 5px auto;
  width: 1000px;
  padding: 10px 20px;
}




#blind {
	visibility: hidden;
	display: block;
	height: 0px;
	width: 0px;
}

#header, #content, #footer{
  margin: 0px auto;
}

#header{
  margin-top: 20px;
}


#nav {
  float: right;
  height: 20px;
  margin: 30px 20px 10px 0px;
  font-weight: bolder
}

#nav li{
  display: inline;
  margin-left: 25px;
  font-size: 14px;
}
#nav li a{
  padding: 10px;
}


#nav li a:hover{
  background:url('img/alpha.png') transparent;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	color: #f90;
}

#nav li a.ativo{
  background-color: #c30;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	color: #fff;
}

#blog_acess{
  clear: both;
  background: transparent url('img/alpha2.png') repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  height: 30px;
  margin-top: 75px;
}

#blog_acess ul{
  float: left;
  height: 20px;
  font-size: 14px;
  padding: 6px 0px 4px 5px;
}

#blog_acess ul li{
  display:inline;
  margin-right: 20px;
}

#blog_acess ul li a{
  color: #ccc;
}

#blog_acess .search{
  background-color: #999;
  width: 250px;
  float: right;
  height: 23px;
  margin: 4px 10px 2px 0;
}

#blog_acess .search form{
  float: right;
  height: 26px;
  overflow: hidden;
}

#blog_acess .search form label {
  text-indent: -999em;
  display: none;
}

#blog_acess .search form input{
  height: 20px;
  width: 210px;
  background-color: #999;
  border:none;
  float: left;
}
#blog_acess .search form input.submit{
  height: 23px;
  width: 22px;
  background: #333 url('img/search.png') left center no-repeat;
  text-indent: -999em;
  border: none;
  float: right;
}

#content {
  margin-bottom: 20px;
  min-height: 420px;
}


#content h3{
  font-size: 14px;
  clear: both;
  margin-bottom: 15px;
  display:inline;
  line-height: 30px;
}


#content_esquerda {
  float: left;
  width: 700px;
  margin-top: 40px;
}

#content_direita {
  width: 220px;
  float: right;
  padding: 20px;
  margin-top: 40px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}

#content_direita h3{
  color: #f93;
  margin-bottom: 15px;
}


.compartilhe, .acompanhe, .amigos {
  margin-bottom: 10px;
  min-height: 100px;
  padding: 0px 65px 0 0;
}

.google {
  margin-bottom: 15px;
  padding: 0px;
  display: block;
}

.compartilhe {
  background: transparent url('img/compartilhe.png') right 20px no-repeat;
}
.acompanhe {
  background: transparent url('img/acompanhe.png') right 20px no-repeat;
}
.amigos {
  background: transparent url('img/amigos.png') right 40px no-repeat;
}

#footer {
  clear: both;
  background: transparent url('img/barra.png') left top no-repeat;
  padding: 10px 0px 20px 0px;
}

#footer p {
  font-size: 10px !important
}

#footer .footer_left {
  float: left;
}

#footer .footer_wordpress {
  float: right;
}


.lista_home {
  margin: 10px 10px 10px 0px;
  overflow: hidden;
  width: 100%;
}


.lista_home li {
  display: inline;
  margin: 5px 25px 10px 0px;
  float: left;
}

.lista_home img, .profile_home img {
  border: 2px solid #ccc;
  width: 110px;
  height: 80px;
  display: block;
}
.lista_home img:hover, .profile_home img:hover {
  border: 2px solid #f60;
}

.profile_home img{
  float:left;
  margin-right: 20px;
}


.compartilhe ul li, .acompanhe ul li, .amigos ul li {
  display: inline;
  float: left;
  margin: 0px 13px 13px 0px;
}


/* ICONES */

.addthis, .mail, .icone, .rss{
  width: 24px;
  height: 24px;
  text-indent: -999em;
  display: block;

}


.addthis {
  background: transparent url('img/icons/addthis.png') no-repeat;
}

.mail {
  background: transparent url('img/icons/mail.png') no-repeat;
}

.rss {
  background: transparent url('img/icons/rss.png') no-repeat;
}

.hash{
  color: #f60 !important;
  font-size: 12px !important;
  font-weight: bolder !important;
  margin: 0px 10px 0px 10px;
}

.interna_page h1{
  color: #F60;
  font-size: 24px;
  margin-bottom: 20px;
}

.interna_page h3{
  font-size: 14px;
  color: #FF9900;
}

.interna_page img {
  float: left;
  margin: 0 20px 20px 0px
}

.interna_page img.alignnone {
  float: none;
  margin: 0 20px 20px 0px;
  display: block;
}


#adsense {
  margin: 10px auto;
  width: 180px;
}


.interna_page form{
  margin-top: 30px;
}
.interna_page form input, .interna_page form textarea{
  width: 500px;
  margin-bottom: 10px;
  border: none;
  color: #000;
  background: #FFF;
  line-height: 20px;
  font-size: 16px;
  height: 20px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	font-family: "arial", "verdana", sans-serif;
  padding: 5px;
}

.interna_page form textarea {
  height: 200px;
  font-size: 14px;
  line-height: 18px;
}

input#concordo {
  margin: 10px 0 0 0;
  width: 13px;
}

img#captcha {
  margin: 10px 10px 0 0;
}

.interna_page form input.captchabox {
  width: 63px;
  margin-top: 10px;
  height: 14px;
}

.interna_page form .wpcf7-validation-errors,
.interna_page form .wpcf7-response-output,
.interna_page form .wpcf7-mail-sent-ng{
  color: #F00;
  border: none;
  margin: 10px 0;
}

.interna_page form .wpcf7-mail-sent-ok {
  color: #00842C;  
}

.interna_page ul {
  margin-left: 20px;
}
.interna_page ul li{
  line-height: 16px;
  font-size: 14px;
  color: #CCC;
  margin-bottom: 10px;
}

.interna_page table{
  margin: 10px 0px 0px 20px;
}
.interna_page table tr{
  background-color: #F60;
  margin: 2px;
  padding: 1px;
}
.interna_page table tr td{
  background-color: #090909;
  color: #FFF;
  border: 1px solid #F60;
  padding: 4px;
}

.interna_page small {
  font-size: 10px;
  margin: 0px;
}



img.ajax-loader {
  float: right;
}

.interna_page p {
  margin: 0px 0 10px 0;
  line-height: 1.4em;
  font-size: 14px;
}

.interna_page form input.submit {
  margin: 0px 0px 40px 0;
  clear: both;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  width: 80px;
  height: 30px;
}
.interna_page form small {
  font-size: 10px;
}

#lista_projetos li {
  clear: both;  
}

#commentform {
  margin: 30px 0;
  width: 500px;
}

#commentform input, #commentform textarea {
  width: 350px;
  margin: 0 0 10px 10px;
  border: none;
  color: #000;
  background: #FFF;
  line-height: 20px;
  font-size: 16px;
  height: 20px;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  font-family: "arial", "verdana", sans-serif;
  padding: 5px;
}

#commentform textarea {
  height: 200px;
  font-size: 14px;
  line-height: 18px;
}

#respond {
  margin-top: 20px;
}

h3#reply-title {
  color: #f60;
}

#commentform .comment-notes {
  margin-bottom: 20px; 
}

#commentform .comment-form-author label,
#commentform .comment-form-email label,
#commentform .comment-form-email label,
#commentform .comment-form-url label,
#commentform .comment-form-comment label{
  width: 120px;
  display: block;
  float: left;
}

#commentform .form-submit{
  float: right;
}


#commentform .form-submit input:hover{
  background-color: #F90;
}

#commentform .form-submit input{
  margin: 0px 0px 40px 0;
  clear: both;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  width: 80px;
  height: 30px;
}


#commentform input,
#commentform textarea{
  border: 1px solid #FFF;
}

#commentform input:focus,
#commentform textarea:focus{
  border: 3px solid #FF9900;
}

h4.titulo_comentario{
  font-size: 16px;
  clear: both;
  color: #F30;
  margin-bottom: 10px;
}

.bypostauthor {
 
  margin-left: 10px;
  padding: 20px;
  display: block;
}

cite.fn {
  color: #f60;
  font-size: 14px;
}

span.says {
  color: #ccc;
}



dl.form-allowed-tags {
  color: #ccc;
  line-height: 14px;
  font-size: 10px;
  margin: 5px 0px 20px 130px;
}

.tooltip {
	display:none;
	background: #ff9900;
	font-size:18px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;  
	height:auto;
	width:auto;
	padding:10px;
	color:#fff;	
}