/*
Theme Name: Versao 5
Theme URI: JoJo-Br.com
Description: Por Pedro e Vinicius
Version: 5.0
*/

/* =-=-=-=-=-=-=-=-=-=- GERAL -=-=-=-=-=-=-=-=-=-= */
body{ margin:0; padding:0; text-align:center; background:#664582 url(imagens/bg.jpg) repeat-x;}
#tudo{ width:900px; text-align:left; margin:0 auto;}
#top{ background:url(imagens/topmenu.png) no-repeat; width:900px; height:53px;}
#cabecalho{ background:url(imagens/cabecalho.jpg) no-repeat; width:900px; height:328px;}
#ads{ background:#39254a; height:90px; padding-top:15px; text-align:center;}
#meio{ background:url(imagens/meio.jpg) no-repeat; width:900px; height:362px;}
#conteudo{ background:url(imagens/conteudobg.jpg) repeat-y; width:900px; padding-bottom:12px;}
#sidebar{ background:#f1ede2 url(imagens/sidebarbtm.jpg) bottom no-repeat; width:266px; float:left; margin-left:11px;}
#sidebar .bg{ background:url(imagens/sidebartop.jpg) top no-repeat; padding:0 10px; padding-bottom:205px; padding-top:10px;}
#cont{ background:#dcd5dc url(imagens/contbtm.jpg) bottom right no-repeat; width:607px; float:right; margin-right:15px; border-left:1px solid #313131;}
#cont .top{ margin:0 10px;}
#cont .princ{}
#rodape{ background:#978189; width:880px; padding:15px 10px; clear:both; text-align:right; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4c4949;}

/* =-=-=-=-=-=-=-=-=-=- FORMATACAO -=-=-=-=-=-=-=-=-=-= */
body, table, tr, td, th{color:#5f5e5c; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
a, a:link, a:visited{ text-decoration:none; color:#fff;}
a:hover, a:active{ color:#f7f0f6;}
p{padding:10px 0;}
blockquote{background:#E4D5E2 url("imagens/aspas.jpg") 0 0 no-repeat; border:1px dashed #9e85a1; padding:30px; text-align:justify;}

strong, b, .negrito{font-weight:bold;}
i, em, .italico{font-style:italic;}
u, .sublinhado{text-decoration:underline;}
.roxoescuro{color:#39254a;}

.clear{clear:both;}

.imgleft {float:left; margin-right:5px;}
.imgright {float:right; margin-left:5px;}

.alignleft {text-align:left}
.alignright {text-align:right}
.alignjustfy {text-align:justify}
.aligncenter {text-align:center}

img.centered {display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin:0 0 0 5px;}
img.alignleft {float: left; margin:0 5px 0 0;}

.update{color:#c30056;}
.citar{color:#65219f;}

/* =-=-=-=-=-=-=-=-=-=- TOP -=-=-=-=-=-=-=-=-=-= */
#top a{ display:inline-block; width:85px; height:30px; margin-top:10px;}
#top a.home{ margin-left:15px;}
#top a.jojo{ margin-left:45px;}
#top a.online{ margin-left:45px;}
#top a span{ display:none;}

/* =-=-=-=-=-=-=-=-=-=- MEIO -=-=-=-=-=-=-=-=-=-= */
#meio{}
#meio .menu{ float:right;}
#meio .menu a{height:30px; display:inline-block;}
#meio .menu .letras{ width:70px; margin-right:43px;}
#meio .menu .media{ width:120px; margin-right:40px;}
#meio .menu .fotos{ width:75px; margin-right:40px;}
#meio .menu .faclube{ width:85px; margin-right:30px;}
#meio .menu a span{ display:none;}

#meio .oritter{ float:left; margin-left:10px; margin-top:80px; width:250px;}
#meio .oritter a{ display:block; height:40px;}
#meio .oritter .orkut{}
#meio .oritter .twitter{ margin-top:10px;}
#meio .oritter a span{display:none;}

#meio .medfan{ float:right; width:355px; margin-right:82px; margin-top:22px;}
#meio .medfan a{display:block;}
#meio .medfan .media{ height:75px;}
#meio .medfan .faclube{ margin-top:40px; height:75px;}
#meio .medfan a span{ display:none;}

/* =-=-=-=-=-=-=-=-=-=- SIDEBAR -=-=-=-=-=-=-=-=-=-= */
.box{ color:#87798a; line-height:13px;}
.box h4{ background:url(imagens/sidebar-titles.jpg) no-repeat; width:252px; height:40px;}
.box h4 span{ display:none;}
.box .cont{}
.box a{color:#784f77;}
.box a:hover{color:#87798a;}

.stats{ margin-top:10px;}
.stats h4{ width:160px;}
.stats .cont{}
.stats .btns {margin-top:11px; width:220px;}

.elite{ margin-top:20px;}
.elite h4{ background-position:0 -40px;}
.elite .cont{ text-align:center; padding-top:10px;}
.elite .cont img{ border:1px solid #c0b4c0; }
.elite .topaf{ margin-top:5px;}
.elite .topaf select { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.faclube{ margin-top:20px;}
.faclube h4{ background-position:0 -88px;}
.faclube .cont ul{ list-style:url(imagens/arrow.jpg); padding-left:10px}
.faclube .cont li{}

.fotos{ margin-top:20px;}
.fotos h4{ background-position:0 -128px;}
.fotos .cont{ text-align:center;}
.fotos table{ margin:0 auto;}
.fotos img{background-color:#FFFFFF; border:1px solid #c0b4c0; padding:3px; margin:2px;}

.arquivo{ margin-top:20px;}
.arquivo h4{ background-position:0 -170px;}
.arquivo .cont{ list-style:url(imagens/arrow.jpg); padding-left:10px}
.arquivo .cont li{}

.disclaimer{ margin-top:20px;}
.disclaimer h4{ background-position:0 -210px;}
.disclaimer .cont{ text-align:center;}

/* =-=-=-=-=-=-=-=-=-=- CONTEUDO -=-=-=-=-=-=-=-=-=-= */
#rss{ float:left; display:block; margin-top:10px;}
#rss a{ background:url(imagens/rss.jpg) no-repeat; width:142px; height:73px; display:inline-block;}
#rss a span{ display:none;}
#buscar{ float:right; display:block; background:url(imagens/buscar.jpg) 20px 0 no-repeat; padding-top:40px;}
#buscar .text{ border:0; background:url(imagens/buscarbg.jpg) no-repeat; width:209px; height:21px; padding:5px 5px 0 5px;}
#buscar .ok{ background:#dcd5dc; color:#784f77; border:0; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* =-=-=-=-=-=-=-=-=-=- NEWS -=-=-=-=-=-=-=-=-=-= */
.post{ width:591px; margin:0 auto;}
.post .bg1{ background-color:#cfb4cc;}
.post .bg2{ background:url(imagens/news-top.jpg) top no-repeat;}
.post .bg3{ background:url(imagens/news-btm.jpg) bottom no-repeat;}

.post .titulo{ padding:15px 20px; font-size:13px;}
.post .titulo h2{ display:inline; color:#c30056; font-weight:bold;}
.post .titulo a{color:#c30056; font-weight:bold;}
.post .data{ font-weight:bold; padding-right:10px;}
.post .new{padding:10px 10px 20px; color:#39254a;}
.post .nfooter{ padding:5px 5px 80px; font-weight:bold;}
.post .espaco{ margin:20px 0; height:1px;}
.post a img{ background:#e4d5e2; padding:5px; border:1px solid #81578c; margin:2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* POPUP COMMENTS */
body#commentspopup{background: #dcd5dc; font:11px Tahoma, Geneva, sans-serif; color:#5f5e5c; margin-left:0; margin-right:0; padding-left:0; padding-right:0; padding-top:20px;}
body#commentspopup a{color:#c30056; text-decoration:none;}
body#commentspopup ul{ list-style:none; width:400px; margin:0 auto; padding:0;}
body#commentspopup li{background-color: #E4D5E2; border: 1px dotted #9e85a1; color: #6F6F6F; padding: 5px; margin: 0 0 20px 0;}
body#commentspopup .comat{text-align: right; background-color: #edddec; padding-top: 1px; padding: 0 3px 1px 1px; margin-top: 10px; }
body#commentspopup .comat span{color:#39254a; font-weight:bold; font-size: 11px; text-transform: capitalize; font-style: normal; }
body#commentspopup p{margin:3px; padding:0; text-align:justify;}
#commentspopup form{width:400px; margin:0 auto;}
#commentspopup textarea{width:400px; background:#E4D5E2; border: 1px dotted #9e85a1;}
#commentspopup input{background:#E4D5E2; border: 1px dotted #9e85a1;}
#commentspopup input.enviar{background:#E4D5E2; border: 1px dotted #9e85a1; padding:3px; color:#39254a; font-weight:bold;}
#commentspopup .close{margin:10px auto; width:400px; text-align: center;}

/* COMMENTS */
#commentstemp{font:11px Tahoma, Geneva, sans-serif; color:#5f5e5c; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
#commentstemp a{color:#c30056; text-decoration:none;}
#commentstemp ul{ list-style:none; width:400px; margin:0 auto; padding:0;}
#commentstemp li{background-color: #E4D5E2; border: 1px dotted #9e85a1; color: #6F6F6F; padding: 5px; margin: 0 0 20px 0 }
#commentstemp .comat{text-align: right; background-color: #edddec; padding-top: 1px; padding: 0 3px 1px 1px; margin-top: 10px; }
#commentstemp .comat span{color:#39254a; font-weight:bold; font-size: 11px; text-transform: capitalize; font-style: normal; }
#commentstemp p{margin:3px; padding:0; text-align:justify;}
#commentstemp form{width:400px; margin:0 auto;}
#commentstemp textarea{width:400px; background-color:#E4D5E2; border: 1px dotted #9e85a1}
#commentstemp input{background-color:#E4D5E2; border: 1px dotted #9e85a1}
#commentstemp input.enviar{background:#E4D5E2; border: 1px dotted #9e85a1; padding:3px; color:#FE6565; font-weight:bold;}
#commentstemp .close{margin:10px auto; width:400px; text-align: center;}

/* =-=-=-=-=-=-=-=-=-=- PAGES -=-=-=-=-=-=-=-=-=-= */
.page{ width:591px; margin:0 auto;}
.page .new{padding:10px 10px 20px; color:#39254a;}
.page .pagelink p{ padding:0; margin:0;}
.page .pagelink {background-color:#E4D5E2; padding:5px; margin:3px 0; float:left; width:100%; border: 1px dashed #9e85a1}
.page .pagelink h3{margin:0 0 10px 0;}
.page .pagelink h3 a{color:#c30056; font-size:13px; font-weight:bold;}
.page a img{ background:#e4d5e2; padding:3px; border:1px solid #81578c; margin:2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* =-=-=-=-=-=-=-=-=-=- SEARCH -=-=-=-=-=-=-=-=-=-= */
.search{ width:591px; margin:0 auto;}
.search .bg1{ background-color:#cfb4cc;}
.search .bg2{ background:url(imagens/news-top.jpg) top no-repeat;}
.search .bg3{ background:url(imagens/news-btm.jpg) bottom no-repeat;}

.search .titulo{ padding:15px 20px; font-size:13px;}
.search .titulo h2{ display:inline; color:#c30056; font-weight:bold;}
.search .titulo a{color:#c30056; font-weight:bold;}
.search .data{ font-weight:bold; padding-right:10px;}
.search .new{padding:10px 10px 20px; color:#39254a;}
.search .nfooter{ padding:5px 5px 80px; font-weight:bold;}
.search .espaco{ margin:20px 0; height:1px;}
.search a img{ background:#e4d5e2; padding:5px; border:1px solid #81578c; margin:2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }