/**

Trotes do Chupim
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

**/

/****************** Estrutura *********************/
.videos { margin:auto; padding: 0 8px 8px 8px; }
.embeded { width: 502px; height: 402px; float:left; clear:left; }
.sidebar { float:left; margin-left: 10px; width: 406px; padding: 8px; background: #EFEFEF; border: 1px #CCC solid; }
.adsense { width: 340px; margin:auto; margin-bottom: 10px; }
.descricao { padding: 8px 0; text-align:left; margin-bottom: 10px; }
.descricao p { font: 20px Arial, Helvetica, sans-serif; color: #3e3e3e; }
.inside { padding: 10px 0 10px 10px; border: 1px #0971d2 solid; }
.videocentralizado { margin: 0 20px; }
.video { width: 135px; float:left; padding: 4px; margin-right: 6px; }


/******************* Conteudo *********************/
.videos h2 { padding: 7px; margin-bottom: 4px; color:#000; font: 36px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; float:left;}
.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;}
.sobre { background: #efefef url(../images/film.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 7px 20px 7px 45px; border: 1px #BCBCBC solid; }
.sobre p { font: 14px Arial, Helvetica, sans-serif; color:#000; }
.sobre p strong { font: 14px Arial, Helvetica, sans-serif; color:#000; font-weight: bold; }
.sobre span, .abriremail p { font: 12px Arial, Helvetica, sans-serif; color:#000; }
.email { display: none; }
.abriremail { display:block; margin-top: 10px; background: #EDF4FE url(../images/email.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 1px #4F8BC8 solid; }
.abriremail h4 { font: 16px Arial, Helvetica, sans-serif; color: #000; font-weight:bold; }

.emailbox, .emailbox:focus { color: #333333; cursor: text; display: block; font-size: 14px; padding: 6px; width: 320px; }
.emailbox { border: 1px solid #7BA8D6; }
.emailbox:focus {	border: 1px solid #4F8BC8; }
.mandar { background: #0971d2; color: #fff; padding: 5px 15px; border: 1px #0971d2 solid; margin-top: 6px;}

.maisvideos h3 { display:block; background: #0971d2 url(../images/maisvideos.jpg) center repeat-x; font: 14px Arial, Helvetica, sans-serif; color:#fff; padding: 6px; font-weight:bold; }
.video p { font: 12px Arial, sans-serif; color: #000; }
.video p a:link, .video p a:visited { font: 12px Arial, sans-serif; color: #0971d2; font-weight:bold; text-decoration: none; }
.video p a:hover { font: 12px Arial, sans-serif; color: #0971d2; font-weight:bold; text-decoration: underline; }
.video p strong { font: 12px Arial, sans-serif; font-weight:bold; }
.video p a:link img, .video p a:visited img {border: 4px #fff solid; }
.video p a:hover img {border: 4px #0971d2 solid; }



/***************** Favoritar ********************/
.favoritar { float:right; width: 195px; margin-right: 8px; }
.favoritar a { float:right;}
.favoritar span {display:none; font: 12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; position: absolute; float:left; }
#tooltip{ position:absolute; border:1px solid #333; background:#3A3A3A; padding:8px 9px; color:#fff; display:none; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; }	

li.add { font: 12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; float:left; padding: 4px; }
li.fav a { display:block; width:24px; height:24px; text-decoration:none; outline: none; text-indent: -1000em; float:right;}

li.fav a.fac { background:url(../images/favs.gif) no-repeat 0px 0px; }
li.fav a.ork { background:url(../images/favs.gif) no-repeat 0px -24px; }
li.fav a.del { background:url(../images/favs.gif) no-repeat 0px -48px; }
li.fav a.ema { background:url(../images/favs.gif) no-repeat 0px -72px; }

li.fav a.fac:hover { background:url(../images/favs.gif) no-repeat 0px 0px;}
li.fav a.ork:hover { background:url(../images/favs.gif) no-repeat 0px -24px; }
li.fav a.del:hover { background:url(../images/favs.gif) no-repeat 0px -48px; }
li.fav a.ema:hover { background:url(../images/favs.gif) no-repeat 0px -72px; }