/**

Trotes do Chupim: Trotes - Visualizacao
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

**/



/* Area Superior
--------------------------------------------------------------------------------------- */

	/* Titulo
	----------------------------------------------------------------------------------- */
.trote-titulo { padding: 5px; margin-bottom: 10px; text-align: center; }
.trote-titulo h2 { padding: 3px 10px; margin-bottom: 4px; color:#000; font: 53px Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-0.05em;}



/* Bloco Esquerdo
--------------------------------------------------------------------------------------- */
.bloco_esquerdo	{ width: 502px; float:left; }
.bloco_esquerdo_adsense	{ width: 340px; margin:auto; margin-bottom: 10px; }
.bloco_esquerdo_naologado 	{ border: 1px #DED6C9 solid; background: #EFEBE4; padding: 10px; margin-top: 3px; }
.bloco_esquerdo_naologado p a:link, 
.bloco_esquerdo_naologado p a:visited {font: bold 13px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; }
.bloco_esquerdo_naologado p a:hover {text-decoration:none; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff;  } 

.player { margin-bottom: 15px; }
.player #quote p { text-align: center; }
.player .informe { text-align: center; padding-top: 5px; }
.player .informe p a:link, 
.player .informe p a:visited,
.salvarcomo { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; text-align: center; }
.salvarcomo { display: block; }
.player .informe p a:hover { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: underline; color: #000; text-align: center; }
.media { margin: auto; }

.botao, .botao:visited {
	border: 0;
	background: #0971d2 url(../images/overlay.png) repeat-x; 
	display: block; 
	padding: 8px 14px 9px; 
	color: #fff; 
	text-decoration: none;
	-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);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	margin-top: -3px; }
.botao:hover { background-color: #06d;}



/* Bloco Direito
--------------------------------------------------------------------------------------- */
.bloco_direito { float:left; margin-left:22px; width:400px; padding:10px; background: #f8f8f8; }



















/* Estrutura
--------------------------------------------------------------------------------------- */
.descricao	{ padding: 8px 0; text-align:left; margin-bottom: 10px; }
.avatar2	{ width:64px; margin-right: 5px; float:left; }




/* Links
--------------------------------------------------------------------------------------- */












/* Comentários */
.comentario p a:link, .comentario p a:visited, .comentario p a:hover { font: 14px Arial, Helvetica, sans-serif; color:#0971d2; font-weight:bold; }
.comentario p a:link, .comentario p a:visited { text-decoration:none; }
.comentario p a:hover { text-decoration:underline;}


.tags a:link, .tags a:visited { font: bold 24px Arial, Helvetica, sans-serif; color:#0971d2; padding: 5px; text-decoration: none; }
.tags a:hover { font: bold 24px Arial, Helvetica, sans-serif; color:#fff; background: #0971d2 url(../images/faixaazul.gif) repeat;  padding: 5px; text-decoration: none; }


.carregando { background-image: url('../images/load.gif'); background-repeat: no-repeat; background-position: center top;  margin:auto; display: block ; }
.mostrar { display: block; }


.comentario_sucesso {color:#FFFFFF; display:block; padding:15px; margin: 0 0 15px; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }





/* Bloco Esquerdo
--------------------------------------------------------------------------------------- */





/* Bloco Direito
--------------------------------------------------------------------------------------- */
.descricao p { font: 20px Arial, Helvetica, sans-serif; color: #3e3e3e; }

.duracao p, .tamanho p, .downloads p, .nota p, .bug p, .tags p, .enviado p, .cod_html p, .cod_bbc p, .cod_url p, .cod_email p, .usuario p, .buscape p { font: 12px "Lucida Grande",Verdana,sans-serif; }
.duracao p strong, .tamanho p strong, .downloads p strong, .nota p strong, .tags p strong, .enviado p strong, .cod_html p strong, .cod_bbc p strong, .cod_url p strong, .cod_email p strong, .usuario p strong, .buscape p strong { font: bold 18px Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.04em; }




.ratingblock p { font: 12px Verdana, Arial, Helvetica, sans-serif; }
.ratingblock p strong { font: 14px Verdana, Arial, Helvetica, sans-serif; }

.bloco_esquerdo_naologado p { font: 12px Arial, Helvetica, sans-serif; text-align: left; margin: 0; }
.bloco_esquerdo_naologado p strong { font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: left; padding-bottom: 5px;}

.abriremail p			{ font: 12px Arial, Helvetica, sans-serif; }

.abriremail p, .bloco_direito p	{ color:#000; }


.informacoes { display:block ; clear: both; }

.duracao	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -52px;  border-bottom: 1px solid #E5E5E5; }
.tamanho	{ background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -104px; border-bottom: 3px solid #E5E5E5; }

.feed_rss	{ background: #f8f8f8 url(../images/podcast.gif) 8px center no-repeat; border-bottom: 3px solid #E5E5E5; padding: 15px 20px 15px 45px; }

.feed_rss h3 { font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: left; color: #555; }


.duracao, .tamanho  { text-align:left; padding: 15px 20px 15px 45px; }



.buscape	{ background: #f8f8f8 url(../images/cart.png) no-repeat 14px 13px; border-bottom: 3px solid #E5E5E5; border-top: 3px solid #E5E5E5;  padding:10px 10px 15px 45px; margin: 15px 0; text-align: left; }

.buscape p a:link, .buscape p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color: #0971d2; text-decoration:none; }
.buscape p a:hover { font: bold 14px Arial, Helvetica, sans-serif; color: #60A25B; text-decoration:none; }

.buscape_vitrine { margin: auto; width: 730px; }

.boo-powered { display: none; }





.bloco_comentarios ul.links li { list-style: square; color: #2ABADA; list-style-position:inside; font-size: 18px; padding: 5px 5px 5px 15px; }

.bloco_comentarios ul.links li a:link, 
.bloco_comentarios ul.links li a:visited { padding: 5px; font: bold 22px Arial, Helvetica, sans-serif; color: #0971d2; text-decoration:none; }
.bloco_comentarios ul.links li a:hover { padding: 5px; font: bold 22px Arial, Helvetica, sans-serif; color: #fff; background: #0971d2 url(../images/faixaazul.gif) repeat; }

.bloco_comentarios ul.links li:hover  { list-style: square; color: #0971d2; list-style-position:inside; font-size: 18px; padding: 5px 5px 5px 15px; }


.mais_podcasts { margin: 15px 0; }
.mais_podcasts a:link, .mais_podcasts a:visited { font: bold 24px Arial, Helvetica, sans-serif; color: #fff; background: #0971d2 url(../images/faixaazul.gif) repeat; text-align: center; display:block; text-decoration: none; padding: 5px; }
.mais_podcasts a:hover { font: bold 24px Arial, Helvetica, sans-serif; color: #fff; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; }






.codigo, .enviar_email { width: 320px; padding: 3px; font: 12px "Lucida Grande",Verdana,sans-serif; margin: 5px 0;}

.cod_email { text-align:left; padding: 15px 20px; }

.email_sucesso {background:#36AA3D; color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixaverde.gif) repeat}

.fav_sucesso {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }
.fav_deletado {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #F04839 url(../images/faixavermelha.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }

.email_erro {color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixavermelha.gif) repeat; font: bold 12px "Lucida Grande",Verdana,sans-serif;}



















/* Modal jQuery
--------------------------------------------------------------------------------------- */
#modal_content { display: none; position: fixed; left: 50%;	padding: 18px; top:110px;	-webkit-box-shadow: 0px 0px 8px #111; background-color: #fff; width:300px; margin-left:-150px; text-align:center; }
#modal_content small { font-size:77%; }
#modal_content .modal_close	{ float:right; cursor:pointer; border:1px solid #EEEEEE; margin: -10px; }
.modal_close p { font: bold 14px Arial, Helvetica, sans-serif; line-height:1em; padding:3px 6px 4px; }
#modal_content h3{ font-size:116%; }
#modal_overlay { background-color: #000; }
.login1 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; display:block; text-align: left; line-height: 1.5em; padding: 2px; }


.box_login {  margin: auto; background-color: #fff; }
.box_login p { padding: 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align: left; }
.box_login p span { font: 12px Arial, Helvetica, sans-serif; }

.box_login h4 { border-bottom:1px solid #E5E5E5; display:block; font: bold 20px Arial,Helvetica,sans-serif; letter-spacing:-0.01em; padding-bottom:10px; text-align:left; }

.warn { text-align:left; }

.input_login {font-size:14px; height:16px; padding:6px; width:280px; }


.box_login_ainda { border-top: 1px #E5E5E5 solid; margin-top:10px; }
.box_login_ainda p a:link, 
.box_login_ainda p a:visited { font: bold 12px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; }
.box_login_ainda p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; }

.box_login_ainda p { padding: 10px 0 0 0; font: bold 12px Arial, Helvetica, sans-serif; text-align: left; color: #3e3e3e; }




/* IE */
* iframe.overlay {position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#rel_login, #rel_cadastro { background: #0971d2 url(../images/faixaazul.gif) repeat; }










/*	3. Tabs
--------------------------------------------------------------------------------------- */
#tabs ul li { background: #0971d2 url(../images/faixaazul.gif) repeat; border-bottom-width: 0; color: #fff; font: bold 14px Arial, Helvetica, sans-serif; float: left; margin: 0 4px 0 0; padding: 5px 10px; } 







/*	3. Comentários
--------------------------------------------------------------------------------------- */

/*		3.1. Conteiner
--------------------------------------------------------------------------------------- */
.bloco_comentarios { margin-bottom: 12px;}
.bloco_comentarios h3 { display:block; font: bold 20px Arial, Helvetica, sans-serif; color:#555; border-bottom: 3px solid #BBBBBB; padding: 35px 6px 6px; }
.bloco_comentarios_conteudo		{ border: 1px #0971d2 solid; padding: 10px; }
.bloco_comentarios_conteudo p { font: 12px Arial, Helvetica, sans-serif; }
.bloco_comentarios_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }

/*		3.2. Formularios
--------------------------------------------------------------------------------------- */
.comentario_botao { display:block; height: 1%; overflow:hidden; margin-left: 96px; }
.comentario_form  { padding: 8px 0 0 0; }
.comentario_form2 { border-top: 3px solid #E5E5E5; padding: 8px 0; }
.comentario_caixa  { border: 1px solid #fff; color: #000; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 6px; width: 760px;}

/*		3.3. Comentarios
--------------------------------------------------------------------------------------- */
.comentario { margin-bottom: 8px; padding: 8px; display:block; overflow: hidden; }
.comentario_perfil	{ width:70px; margin-right: 2px; float:left; margin-bottom:0; }
.comentario_arrow {	position: absolute;	top: 15px;	left: -20px; }
.comentario_conteudo { position: relative;	padding: 15px 20px 20px 20px; background: #fff;	border: 1px solid #cdcfcf; width: 790px; float: right; margin-bottom: 5px; }
.comentario_conteudo p { font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; padding-bottom:2px; overflow:hidden; }
.comentario_conteudo p span { font: 0.9em Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #aaa; }
.comentario_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }

.apagar { float:right; margin-top: -5px;  }
.apagar a.apagar_agora { display:block; width:16px; height:16px; text-decoration:none; outline: none; text-indent: -1000em; background: url(../images/lixo_sinal.gif) no-repeat -16px 0px;}
.apagar a.apagar_agora:hover { background:url(../images/lixo_sinal.gif) no-repeat -16px -16px;}

/*		3.4. Logar
--------------------------------------------------------------------------------------- */
.comentario_logar { padding: 10px; border-top: 3px solid #E5E5E5; margin-top: 5px; }
.comentario_logar p { font: 12px "Lucida Grande", Verdana, Helvetica, sans-serif; }
.comentario_logar p a:link, 
.comentario_logar p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; }
.comentario_logar p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; }