/* CSS Document */
/* 
Theme Name: Areta do Bem
Theme URI: aretadobem.com.br
Author: 1980sa 
Author URI: www.1980sa.com
Description: Direção-> Areta do Bem, Layout->Areta do Bem, XHTML+CSS-> Areta do Bem, Implementação do WordPress-> Areta do Bem, Host-> IdeaHost 
*/
* {padding:0; margin:0; list-style:none;}
body {
background: #503A34 url(img/bg_.gif) left top repeat;
font-family:"Trebuchet MS";
font-size:	13px;
color:		#A9706D;
text-align:	right;
}
#palco {
width:		1024px;
height:		auto;
background:	#503A34;
text-align:	left;
float:		right;
}
ul#menu {
padding:	0 0 5px 0;
margin:		0 0 10px 0;
border-bottom: 1px solid #79504E;
}
ul#menu li {
color:		#503A34;
margin:		0 0 1px 0;
}
ul#menu li a,
ul#menu li a:hover {
color:		#503A34;
text-decoration: none;
display:	block;
}
ul#menu li#a {
background:	#93D5F2;
font-size:	21px;
letter-spacing:-2px;
padding:	5px 10px;
}
ul#menu li#b {
background:	#99FF66;
font-size:	25px;
letter-spacing:-2px;
padding:	5px 10px;
}
ul#menu li#c {
background:	#FF0066;
font-size:	29px;
letter-spacing:-3px;
padding:	5px 10px;
}
ul#menu li#d {
background:	#FF9933;
font-size:	33px;
letter-spacing:-4px;
padding:	5px 10px;
}
ul#menu li#e {
padding:	0;
clear:		both;
margin:		4px 0 0 0;
}

ul#menu li#e span {
background:	#FF0000;
font-size:	17px;
padding:	3px 10px;
letter-spacing:-2px;
}
ul#menu li#a:hover,
ul#menu li#b:hover,
ul#menu li#c:hover,
ul#menu li#d:hover {
background:	#FF0000;
cursor:		pointer;
}
#colCont {
width:		460px;
padding:	10px;
float:		left;
}
#colSidebar {
width:		171px;
padding:	10px 6px;
float:		left;
}
#colFixa {
width:		351px;
height:		350px;
background:	transparent url(img/bg_colFixa.gif) left top no-repeat;
position:	fixed;
bottom:		1px;
right:		3px;
}
#twitter_update_list {
width:		206px;
height:		110px;
margin:		115px 0 0 150px;
color:		#FF9933;
overflow:	hidden;
}
#twitter_update_list li {
width:		200px;
font-size:	12px;
}
#redes {
width:		205px;
height:		98px;
margin:		0 0 0 148px;
background:	transparent;
}
#redes img {
padding:	3px 5px;
border:		none;
}
/*TITULOS */
h1, h2, h3, h4, h5,h6 {
font-family:"Trebuchet MS";
font-weight: normal;
padding:	0;
margin:		0 0 5px 0;
}
h2#comments {
padding:	33px 0 0 60px;
background:	transparent url(img/ico-comentarios.gif) left bottom no-repeat;
font-size:	21px;
letter-spacing:-1px;
color:		#FF0066;
}
h2#postcomment {
font-size:	21px;
letter-spacing:-1px;
color:		#FF0066;
padding:	0;
margin:		20px 0 0 0;
}
.su-linkbox-label {
font-size:	15px;
letter-spacing:-1px;
color:		#FF0066;
padding:	0;
margin:		20px 0 0 0;
}
h3 {
font-size:	45px;
letter-spacing:-5px;
color:		#93D5F2;
outline:	none;
margin:		0 0 10px 0;
clear:		both;
}
h4 {
font-size:	31px;
letter-spacing:-1px;
color:		#FF9933;
outline:	none;
clear:		left;
margin:		10px 0 0 0;
}
h5 {
font-size:	21px;
letter-spacing:-1px;
color:		#93D5F2;
outline:	none;
margin:		10px 0 0 0;
clear:		left;
}
h6 {
font-size:	17px;
letter-spacing:-1px;
color:		#93D5F2;
outline:	none;
clear:		left;
}
#colSidebar h6 {
font-size:	13px;
font-weight:bold;
background:	#FF9933;
color:		#503A34;
padding:	6px 2px 2px 2px;
}
#colSidebar h6 a {
outline:	none;
color:		#503A34;
}
/* LISTAS */
ul.listaA,
ul.listaB {
width:		auto;
height:		auto;
margin:		10px 0;
}
ul.listaA li {
padding:	3px;
margin:		0 0 1px 0;
clear:		both;
}
ul.listaB li {
list-style:	inside circle;
padding:	3px;
margin:		0 0 1px 0;
border-bottom: 1px solid #462E2D;
}
ul.listaB li#nenhum {
list-style:	none;
padding:	0;
margin:		0;
border:		none;
display:	none;
}
ul.listaA li span {
padding:	3px;
margin:		0;
background:	#462E2D;
}
#colSidebar ul {
margin:		0 0 10px 0;
padding:	0;
}
#colSidebar ul li {
padding:	5px 0 0 2px;
border-bottom: 1px solid #4F3534;
}
#colSidebar ul li a {
color:		#FF9933;
outline:	none;
}
ol#commentlist {

}
ol#commentlist li {
background:	#462E2D;
margin:		0 0 5px 0;
padding:	5px 10px;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* É bom colocar caso haja alguma compatibilidade no futuro */
clear:		both;
}
ol#commentlist li img.avatar {
padding:	2px;
margin:		3px 3px 0 0;
background:	#503A34;
float:		left;
}
ol#commentlist li cite {
text-align:	right;
font-size:	10px;
}
/* CLASSES */
.commentsp {
padding:	0 0 0 60px;
font-style:	italic;
}
.data {
font-size:	10px;
color:		#FF9933;
}
.meta {
font-size:	10px;
color:		#99FF66;
}
.meta a {
color:		#99FF66;
}
.nav a,
a .nav {
font-size:	10px;
color:		#99FF66;
outline:	none;
}
.separador {
width:		auto;
height:		41px;
margin:		0 0 20px 0;
padding:	0;
background:	transparent url(img/bg_separador.gif) bottom center no-repeat;
clear:		both;
}
.storycontent {
width:		auto;
height:		auto;
padding:	3px;
}
.feedback {
background:	#462E2D;
font-size:	11px;
border-bottom:1px dotted #4F3534;
border-top:1px dotted #4F3534;
padding:	3px;
margin:		0 0 10px 3px;
clear:		both;
}
.more-link {
clear:		both;
color:		#99FF66;
font-size:	11px;
border-top: 1px dotted #99FF66;
padding:	3px;
margin:		10px 0 0 0;
text-align:	right;
display:	block;
}
.clear {
clear:		both;
font-size:	0;
height:		0;
}
.left {
float:		left;
padding:	0 5px 0 0;
}
blockquote {
font-style:	italic;
color:		#B58680;
margin:		0 0 0 10px;
padding:	0 0 0 10px;
border-left: 2px solid #B58680;
}
p {
padding:	0;
margin:		0 0 5px 0;
}
a {
color:		#93D5F2;
text-decoration: none;
}
img {
border:		none;
}
/* FORMULARIOS */
input, textarea, select {
border:		1px dotted #4F3534;
margin:		0 0 5px 0;
padding:	5px;
background:	#462E2D;
font:		13px "Trebuchet MS";
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* É bom colocar caso haja alguma compatibilidade no futuro */
color:		#A9706D;
letter-spacing: 1px;
}
input:focus, textarea:focus {
border:		1px solid #FF0066;
color:		#FF0066;
}
#submit {
background:	#FF0066;
border:		none;
color:		#462E2D;
cursor:		pointer;
font-size:	17px;
letter-spacing:-1px;
padding:	2px 15px;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* É bom colocar caso haja alguma compatibilidade no futuro */
overflow:	visible;
}
.su-linkbox input {
background:	#462E2D;
font-size:	11px;
border-bottom:1px dotted #4F3534;
border-top:1px dotted #4F3534;
padding:	3px;
margin:		0 0 10px 0;
-moz-border-radius: 0;/* para funcionar no Firefox*/
-webkit-border-radius: 0;/* para funcionar no Chrome ou no Safari */
border-radius: 0;/* É bom colocar caso haja alguma compatibilidade no futuro */
clear:		both;
}
form#searchform {
width:		170px;
height:		80px;
position:	relative;
}
#searchsubmit {
width:		61px;
height:		60px;
background:	transparent url(img/ico-busca.gif) right center no-repeat;
z-index:	300;
position:	absolute;
right:		0;
bottom:		0;
border:		none;
cursor:		pointer;
}
.captcha {
width:		90px !important;
margin:		0 3px 0 0;
}
.wpcf7-form-control-wrap {
font-size:	11px;
font-style: italic;
color:		#fff;
}
.wpcf7-validation-errors {
margin:		10px 0;
padding:	10px;
background:	#FFD5D5;
border:		1px solid #990000;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* É bom colocar caso haja alguma compatibilidade no futuro */
}
.wpcf7-mail-sent-ok {
margin:		10px 0;
padding:	10px;
background:	#CEFFCE;
border:		1px solid #006600;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* É bom colocar caso haja alguma compatibilidade no futuro */
}