/**

Trotes do Chupim
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

	1. Estrutura
	2. Comentários
	3. Formulario

**/

/* 1. Estrutura
--------------------------------------------------------------------------------------- */
.mural_conteudo { width: 630px; margin-right: 3px; padding: 10px; margin-bottom: 20px; float:left; }
.mural_conteudo .comentario_separa { display:block; margin-top: 15px; margin-bottom: 5px;}
.mural_conteudo .comentario_separa h3 { color: #343434; font: bold 24px Arial, Helvetica, sans-serif; line-height: 1em; letter-spacing: -0.04em; padding: 2px 0; }
.mural_menu { width: 280px; float:left; padding: 10px; background: #efefef; margin-bottom: 10px; }
.conteudo h2 { color: #191919; font: bold 28px Arial, Helvetica, sans-serif; line-height: 1em; letter-spacing: -0.04em; padding: 2px 0; }
.conteudo h2 em { color: #999; font: bold 27px Arial, Helvetica, sans-serif; font-style:normal; letter-spacing: -0.04em; }

.tag h3, .comentarios h3 { padding: 2px 0 3px 22px; font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #000; font-weight:bold; letter-spacing:-0.02em; }
.tag h3 { background: #efefef url(../images/tag.gif) left no-repeat;  }
.comentarios h3 { background: #efefef url(../images/comments_2.gif) left no-repeat; }



/* 2. Comentários
--------------------------------------------------------------------------------------- */
.comentario { margin: 8px 0px; display:block; }
.comentario_arrow {	position: absolute;	top: 10px;	left: -10px; }
.comentario_perfil	{ width:36px; margin-right: 2px; float:left; margin-bottom:0; }
.comentario_conteudo { 	position: relative;	padding: 3px 9px; background: #fff;	border: 1px solid #cdcfcf; width: 218px; float: right; margin-bottom: 5px; }
.comentario_conteudo p { font: 12px Verdana, Arial, Helvetica, sans-serif; margin:5px 0; padding: 0; overflow: hidden; width: 218px; }
.comentario_conteudo p span { font: 11px Arial, Helvetica, sans-serif; font-style: normal; color: #aaa; }
.comentario_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }
.comentario_conteudo p a:link, .comentario_conteudo p a:visited { font-family:Georgia !important; font-size:11px; font-style:italic; text-decoration:none; color: #0971d2;}
.comentario_conteudo p a:hover { font-family:Georgia !important; font-size:11px; font-style:italic; text-decoration: underline; color: #0971d2;}



/* 3. Formulário
--------------------------------------------------------------------------------------- */
.comente input, 
.comente textarea { display:block;font-size:12px; margin-top:1px; font-family: "lucida grande",Arial, Helvetica, sans-serif; padding:5px; }
.comente input { width:310px; }
.comente textarea { height:150px; width:450px; }
.comente label { display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #333; }
.comente p { padding: 6px 16px; }

.comente .mandar {
background: #0971d2 url(../images/overlay.png) repeat-x; 
border: 0;
border-bottom: 1px solid rgba(0,0,0,0.25);
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
color: #fff; 
cursor: pointer;
display: block; 
position: relative;
padding:8px 14px 9px;
font-size:14px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.comente .mandar:hover	{ background-color: #0066DD; }

.fail { background: #FFBFBF; border: #F00 solid 2px; }
.sucesso { background: #DEFFCD; border: #87BC44 solid 2px; }

.msgg { display:block; padding: 15px; color: #000; font: Arial; margin: 6px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.msgg strong { font: bold 20px Arial, Helvetica, sans-serif; color: #323232; letter-spacing: -0.06em; }
.msgg li, .msgg p { font: 13px Arial, Helvetica, sans-serif; color: #000;  }
.msgg li { list-style: square; list-style-position:inside; }