/**

Trotes do Chupim
www.trotesdochupim.com.br

CSS por Alexandre Theodoro
 
**/

/* Estrutura
--------------------------------------------------------------------------------------- */
.troteshome { width: 730px; margin-right: 22px; float:left; }
.coluna-direita { width: 320px; float:left; }
.destaque { padding: 17px 20px; background: #021B32 url(../images/fundo-destaque.jpg) repeat-x; margin-bottom: 20px; }
.destaque-imagem { width: 290px; height: 220px; float: left;}
.destaque-info { float:left; }

.ultimos-trotes, .ultimos-trotes-enviados { width: 286px; float:left; padding: 10px;}
.ultimos-trotes { margin-right: 12px;}

.conteudo_trotes_sidebar_adsense { display: block; width: 300px; height: 300px; margin-bottom: 10px; }
.conteudo_trotes_sidebar_envie { margin-bottom: 10px; }

.conteudo_trotes_sidebar h3 { padding: 0px 15px 5px 10px; border-bottom: 3px solid #E5E5E5; font: bold 20px Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.04em; }

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



 

/* Migalhas
--------------------------------------------------------------------------------------- */
#caminho {
	height:22px;
	float: left;
	}
#caminho li {
	float:left;
	font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:22px;
	padding-left:0 15px 0 15px;
	}
#caminho li.first a { background: #eee url(../images/crumbs_fundo.gif) no-repeat right center; }							
#caminho li.second a { background:  url(../images/crumbs_fim.gif) no-repeat right center; }							
#caminho li a {
	display:block;
	font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:22px;
	padding:0 20px 0 10px;
	}							
#caminho li a:link,
#caminho li a:visited {
	color:#0971d2;
	text-decoration:none;
	}	
#caminho li a:hover,
#caminho li a:focus {
	color:#333;
	text-decoration:none;
	}
span.migalha {
	float:left;
	color: #000;
	font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:22px;
	padding:0 20px 0 10px;
}							


/* Parágrafos
--------------------------------------------------------------------------------------- */
h1 { color: #191919; font: 28px Arial, Helvetica, sans-serif; line-height: 1em; letter-spacing: -0.04em; padding: 2px 0; }
h1 em { color: #999; font: bold 28px Arial, Helvetica, sans-serif; font-style:normal; letter-spacing: -0.04em; }

.conteudo h2 { color: #222; font: bold 36px Arial, Helvetica, sans-serif; letter-spacing: -1px; display: block; padding-bottom: 10px; }
.conteudo_trotes { width: 616px; margin-right: 10px; float:left; padding: 0 10px; }
.conteudo_trotes_sidebar { float: left; padding: 10px; width: 300px; background: #F8F8F8; margin-bottom: 10px; }

.ultimo-trote, .ultimos-trote, .voce-mandou { padding: 40px 15px 15px 15px; }
.ultimo-trote h2, .ultimos-trote h2, .voce-mandou h2 { display:none; }
.ultimos-trote, .voce-mandou { height: 280px; width:321px; float:left; }
.ultimos li a:hover { color: #fff; display: block; font: 14px 'Lucida Grande', Arial; font-weight: bold;
 margin: 0; padding: 5px; letter-spacing:-1px; text-align: left; text-decoration: none; background:#0971d2; }

.ultimo-trote { background: #FFFFFF url(../images/background.jpg) no-repeat top left; height: 110px; margin-bottom: 20px; }
.ultimos-trote { background: #FFFFFF url(../images/ultimos-trotes.jpg) no-repeat top left; margin-right:20px; }
.voce-mandou { background: #FFFFFF url(../images/voce-mandou.jpg) no-repeat top left; }
.tag h3 { background: #efefef url(../images/tag.gif) left no-repeat; padding: 2px 0 3px 22px; font-family: "Trebuchet MS", Arial; font-size:18px; color: #000; font-weight:bold; }




.conteudo_trotes_sidebar_envie a:link, 
.conteudo_trotes_sidebar_envie a: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;
}

.conteudo_trotes_sidebar_envie a:hover { background-color: #06d;}












/****************** Trotes na Paginacao *********************/
.trote { margin: 0 10px 15px 10px; border: 1px #DDD solid; background: #efefef; padding: 5px;  }
.trote:hover { border: 1px #bbb solid;  }

.mtrotes { padding: 5px; text-align: center; margin: 5px 0px;}

.mtrotes p { text-align:right; padding: 3px 0; }
.mtrotes p a:link, .mtrotes p a:visited { text-align:right; font:bold 11px Arial, Helvetica, sans-serif ; color: #0971d2; text-decoration: none; }
.mtrotes p a:hover, .mtrotes p a:hover { text-align:right; font:bold 11px Arial, Helvetica, sans-serif ; color: #0971d2; text-decoration: underline; }



.titulo { text-align:left; padding:2px 20px 5px 30px; background: url(../images/trote.gif) left no-repeat; background-position:5px 40%;}
.titulo p a:link, .titulo p a:visited {font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #000; text-decoration:none; }
.titulo p a:hover  { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; color: #000; text-decoration: underline; }
.descricao p { font: 14px Arial, Helvetica, sans-serif; display:block; margin-left: 3px; }

.trote:hover .informacoes { border: 1px #ccc solid; }
.informacoes { border: 1px #e2e2e2 solid; margin-top: 3px; display:block; background: #f3f3f3; }

.data { margin-left: 15px; padding-left: 10px; display:block; float: right; font: 18px Arial, Helvetica, sans-serif; color: #999; text-align: right; }

.time { background: url(../images/duracao.gif) left no-repeat; width: 130px; }
.size { background: url(../images/tamanho.gif) left no-repeat; width: 130px;}
.down { background: url(../images/downs.gif) left no-repeat; width: 168px;}
.comm { background: url(../images/comments.gif) left no-repeat; width: 21px;}

.time, .size, .down, .comm { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #333; padding:3px 3px 3px 25px; background-position: 2px 50%; margin-left: 5px; float: left; }




.troteshome2 h2 { padding: 7px; margin-bottom: 4px; color:#000; font: 36px Arial, Helvetica, sans-serif; font-weight:bold;}


/****************** Ultimo Trote *********************/
.trotes h3 a:link, .trotes h3 a:visited { font: 36px Arial, Helvetica, sans-serif; color: #000; font-weight:bold; text-decoration:none; }
.trotes h3 a:hover { font: 36px Arial, Helvetica, sans-serif; color: #000; font-weight:bold; text-decoration: underline; }
.dia { font: 24px Arial, Helvetica, sans-serif; color:#999; float:right; display:block; position:absolute; margin-left: 2px;  text-align:left;}
.mes { font: 20px Arial, Helvetica, sans-serif; color:#CCC; text-align:left;}
.trotes p.desc { clear:left; font: 20px Arial, Helvetica, sans-serif; color: #3e3e3e; }



/****************** Ultimos Trote *********************/
.ultimos-trote ul li a.nome, 
.voce-mandou ul li a.nome { font: 14px Arial, Helvetica, sans-serif;  font-weight:bold; display:block; padding: 10px; color:#000; text-decoration: none; text-align:left; }
.ultimos-trote ul li a.nome:hover, 
.voce-mandou ul li a.nome:hover { font: 14px Arial, Helvetica, sans-serif;  font-weight:bold; display:block; padding: 10px; color:#fff; text-decoration: none; text-align:left; background: #0971d2; }

.flora { margin: 10px; }

.mais {clear:both; border-bottom: 1px #CCCCCC solid; }
.mais li a { float: left; color: #000; text-decoration: none; padding: 2px 0;}


.mais li { display:block; padding: 2px 0; clear:both; font: normal 14px Arial; background: #efefef; border-top: 1px #CCCCCC solid; clear:both;}
.mais li:hover { background: #D3E0EF;}






.mais li span.pos { display:block; float:left; width:14px; margin-right:5px; font:bold 16px Arial; color:#fff; text-align:center; background: #0971d2; }
.mais li span.downs {display:block; width: 250px; float:left; padding: 3px 0px; font: 12px Arial; color:#999; text-align: left; margin-left: 4px; height: 10px; }
.mais li:hover span.downs { color:#0069ff; }


#baixados p , #avaliados p { text-align:right; padding: 3px 0; }
#baixados p a:link, #baixados p a:visited, #avaliados p a:link, #avaliados p a:visited { text-align:right; font:bold 11px Arial, Helvetica, sans-serif ; color: #0971d2; text-decoration: none; }
#baixados p a:hover, #avaliados p a:hover { text-align:right; font:bold 11px Arial, Helvetica, sans-serif ; color: #0971d2; text-decoration: underline; }



a.envies { text-align:left; padding:7px 20px 7px 45px; margin-bottom: 8px; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;  display: block; }

a.envies:link, a.envies:visited { border:1px #87BC44 solid; background: #E8FFDC url(../images/tel.gif) left no-repeat; background-position:15px 50%; color: #0069ff; text-decoration: none;}

a.envies:hover { border:1px #87BC44 solid; background: #DEFFCD url(../images/tel.gif) left no-repeat; background-position:15px 50%; color: #0069ff; text-decoration: underline;}



.info p { background: #f8fafc url(../images/info.gif) 15px 50% no-repeat;	padding: 5px 20px 5px 45px;	border-top: 2px solid #b5d4fe;	border-bottom: 2px solid #b5d4fe; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 25px; }




/****************** Paginação *********************/
.paginas { padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; }
.paginas a { padding: 4px 8px; border: solid 1px #ddd; background: #fff; color: #0971d2; margin: 3px; text-decoration:none; }
.paginas a:hover { font-weight: normal; padding: 4px 8px; border: solid 1px #000; background: #0971d2; color: #FFF; margin: 3px;  text-decoration:none;}
.paginas a.ant:hover { margin-right: 17px; text-decoration:none; }
.paginas a.pro:hover { margin-left: 17px; text-decoration:none; }
.paginas span.ant, .paginas a.ant { margin-right: 17px; }
.paginas span.pro, .paginas a.pro { margin-left: 17px; }
.paginas span.ant, .paginas span.pro { padding: 4px 8px; border: solid 1px #ddd; color: #aaa; background: #fff; }
.paginas .pagina { padding: 2px 6px; background: #fff; color: #0971d2; font-weight: bold; text-decoration: none; }

.ui-tabs-hide { display: none; }









/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: #0971d2;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: 0.4;
    filter: alpha(opacity=90);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #0971d2;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}









ul.hover_block li { list-style:none; background: #fff; width:206px; position: relative; height: 215px; }
ul.hover_block li a { text-decoration:none; display: block; position: relative; overflow: hidden; height: 200px; }
ul.hover_block li a p { text-decoration: none; padding: 2px 0; }
ul.hover_block li img { position: absolute; top: 0; left: 0; border: 0; }