/* =Imports ------------------------------------------------------------------------ */

@import url('reset.css');
@import url('sifr-screen.css');

img, a, div, ul { behavior: url(iepngfix.htc) }

/* =Globals ------------------------------------------------------------------------ */

body { color: #555; font: normal 12px Tahoma, Arial, sans-serif; }
a { text-decoration: none; outline: none; }
input, textarea, select { font: normal 12px Tahoma, Arial, sans-serif; padding: 0; }
textarea { overflow: hidden; }

/* =Layout ------------------------------------------------------------------------- */

#wrapper { margin: 0 auto; position: relative; width: 910px; }
#header { background: transparent url(../_img/layout/bg-header-stars.png) no-repeat; position: relative; }
#content { background: #fff; float: left; display: inline; padding: 0 40px; _padding: 0 38px; width: 505px; }
#sidebar { float: right; display: inline; margin-bottom: 20px; width: 325px; }
#sidebar #boxes { background: transparent url(../_img/layout/bg-sidebar.png) repeat-y; padding: 0 20px; width: 285px; }
#footer { font-size: 11px; height: 63px; margin-top: 30px; padding: 10px 0 0 70px; position: relative; }

/* =Header ------------------------------------------------------------------------- */

#logo a { float: left; display: inline; height: 186px; text-indent: -99999px; width: 107px; }
#search { background: transparent url(../_img/layout/bg-sidebar.png) repeat-y; float: right; display: inline; height: 190px; padding-top: 20px; width: 325px; }
#search form { background: transparent url(../_img/layout/bg-search.jpg) no-repeat; height: 108px; margin: 0 auto; padding: 9px 0 0 25px; width: 280px; }
#search input { background: transparent; color: #fff; display: inline; float: left; border: none; padding: 3px; width: 228px; }
#search input#fs-submit { cursor: pointer; height: 21px; padding: 0; width: 22px; }

/* =Navigation --------------------------------------------------------------------- */

#menu { background: transparent url(../_img/layout/bg-menu.png); display: inline; float: left; height: 160px; left: 110px; padding-left: 25px; position: absolute; top: 30px; width: 453px; }
#menu li { display: inline; }
#menu li a { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; color: #fff; display: block; float: left; height: 51px; margin-right: 15px; text-indent: -9999px; }
#menu li a.last { margin-right: 0 !important; }
#menu li a:hover { background-position: bottom !important; }

/* =Content ------------------------------------------------------------------------ */

#content h2 { border-bottom: 1px dashed #d1d1d1; font-size: 24px; padding-bottom: 10px; margin-bottom: 15px; }
#content h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; }
#content p { line-height: 16px; margin-bottom: 16px; }

#content .posts h2 { border: none; font-size: 24px; margin-bottom: 15px; padding: 0; }
#content .posts .posts-meta { background: transparent url(../_img/layout/bg-posts-meta.jpg) repeat-x; color: #777; font-size: 11px; height: 25px; margin-bottom: 15px; padding-top: 9px; }
#content .posts .posts-meta p.date { background: transparent url(../_img/layout/icon-date.gif) no-repeat 0 center; display: inline; float: left; margin-left: 10px; padding-left: 18px; }
#content .posts .posts-meta p.comments { background: transparent url(../_img/layout/icon-comments.gif) no-repeat left center; display: inline; float: right; margin-right: 10px; padding-left: 18px; }
#content .posts .post-autor { font-style: italic; margin-bottom: 30px; padding: 5px; }
#content .posts .post-autor p { margin: 0; }
#content .posts .post-autor .autor-thumb { float: left; margin-right: 10px; }

#content #comments { border-top: 1px dashed #d1d1d1; padding-top: 15px; }

#content #comments h2 { border: none; font-size: 24px; margin-bottom: 15px; padding: 0; }
#content #comments-list { color: #8a8a8a; font-size: 11px; }
#content #comments-list li { position: relative; }
#content #comments-list .autor { padding: 3px 0 4px 55px; position: absolute; left: -55px; width: 505px; }
#content #comments-list .autor span { font-weight: bold; margin-right: 5px; }
#content #comments-list .comment { padding-top: 30px; *padding-top: 18px; }
#content #form-comments { border-top: 1px dashed #d1d1d1; margin-top: 30px; padding-top: 15px; }
#content #form-comments form label { font-weight: bold; }
#content #form-comments form #fcomm-msg { display: block; }
#content #form-comments form li { border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }
#content #form-comments form li.noborder { border-bottom: none; }
#content #form-comments form input, #content #form-comments textarea { border: none; font-size: 14px; padding: 0; width: 450px; }
#content #form-comments form textarea { background: #fff url(../_img/layout/bg-comments.gif) repeat 0 21px; line-height: 22px; width: 503px; }
#content #form-comments form input#fcomm-submit { border: none; cursor: pointer; float: right; height: 29px; margin: 0; padding: 0; width: 124px; }

#profile-imgs { margin-bottom: 10px; *padding-bottom: 10px; }
#profile-imgs ul { overflow: hidden; zoom: 1; }
#profile-imgs li { display: inline; float: left; margin: 0 13px 10px; }

#profile-related li { border-bottom: 1px dashed #d1d1d1; padding: 8px 0; }
#profile-related .title { margin: 0; }
#profile-related .meta { font-size: 10px; margin: 0; }

#canal-post h3 { margin-bottom: 0; }
#canal-meta { background: #fafafa; border-bottom: 1px dotted #d1d1d1; border-top: 1px dotted #d1d1d1; _border-top: 1px solid #eee; _border-bottom: 1px solid #eee; /* for ie6 maybe?? */ padding: 5px 5px 0; margin-bottom: 15px; }
#canal-meta p { margin: 0 0 5px 0; }
#canal-meta p span { font-weight: bold; }
#canal-body { margin-bottom: 20px; }
#canal-thumbs { overflow: hidden; zoom: 1; }
#canal-thumbs li { display: inline; float: left; margin-right: 5px; }
#canal-thumbs li a { float: left; }
#canal-list li { border-bottom: 1px dashed #d1d1d1; padding: 8px 0; overflow: hidden; zoom: 1; }
#canal-list .img { float: left; margin: 0 10px 0 0; }
#canal-list .title { margin: 0; }
#canal-list .meta { color: #a8a8a8; font-size: 10px; margin: 0; }
#canal-btn { display: block; height: 26px; margin: 20px 0 20px; text-indent: -99999px; width: 232px; }

#form-contact li { margin-bottom: 10px; }
#form-contact li.msg { position: relative; }
#form-contact label { display: inline-block; font-weight: bold; width: 85px; }
#form-contact label.large { margin-left: 86px; width: auto; }
#form-contact label.short { margin-left: 13px; width: 65px; }
#form-contact input, #form-contact textarea, #form-contact select { background: #f2f6fe; font-size: 14px; padding: 5px; width: 395px; }
#form-contact input.checks { background: none; border: none; padding: 0; vertical-align: middle; width: auto; }
#form-contact select#sel_cidade { width: 200px; }
#form-contact select#sel_uf { width: 120px; }
#form-contact li.msg label { position: absolute; top: 0; left: -89px; }
#form-contact li.msg { margin-left: 89px; }
#form-contact input#fc-submit { border: none; cursor: pointer; float: right; height: 23px; margin: 0; padding: 0; width: 171px; }
#form-contact input#fcanal-submit { border: none; cursor: pointer; float: right; height: 23px; margin: 0; padding: 0; width: 171px; }

#search-meta { margin-bottom: 20px; }
#search-meta p { background: transparent url(../_img/layout/icon-search.gif) no-repeat 0 center; margin-bottom: 5px; padding-left: 15px; }
#search-meta p span { font-weight: bold; }

#content.search h3 { border-bottom: 1px dashed #d1d1d1; }
.search-posts h3 { border: none !important; font-size: 12px !important; font-weight: bold; margin-bottom: 5px !important; padding: 0 !important; }
.search-posts { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-top: 10px; overflow: hidden; zoom: 1; }
.search-cats { margin-bottom: 20px; }
.search-cats li { margin-bottom: 5px; }
.search-profiles { margin-bottom: 20px; *padding-bottom: 20px; overflow: hidden; zoom: 1; }
.search-profiles ul { overflow: hidden; zoom: 1; }
.search-profiles li { display: inline; float: left; margin: 0 13px 10px; }

#span-foto-galeria li { display: inline; float: left; margin: 0 30px 0 0; }
#span-foto-galeria li img { border: 3px solid #B140B2; }
#span-foto-galeria .div-img-galeria { display: inline; float: left; margin: 0 15px 15px 0; }
#span-foto-galeria .div-img-galeria .legenda { display: block; font-size: 11px; margin-top: 5px; width: 140px; }
#span-foto-galeria .div-img-galeria .legenda .campo { font-size: 11px !important; padding: 2px 0 !important; width: 140px !important; }
#span-foto-galeria .div-img-galeria img.principal, #span-foto-galeria .div-img-galeria img.exclusao, #span-foto-galeria .div-img-galeria img.edicao { border: none !important; width: 16px !important; height: 16px !important; }

#paginacao { display: inline; font-size: 10px; padding: 20px 10px 20px 0; }
#paginacao li { display: inline; }
#paginacao a { color: #376a87; border: 1px dashed #d1d1d1; display: block; float: left; margin-left: 5px; padding: 2px 5px; text-decoration: none; }
#paginacao a:hover { background: #376a87; color: #fff; }
#paginacao .previous-off, #pagination .next-off { display: block; float: left; font-weight: bold; padding: 2px 5px; }
#paginacao .next a, #pagination .previous a { border: 1px dashed #d1d1d1; font-weight: bold; }
#paginacao .next a:hover, #pagination .previous a:hover { background: #376a87; color: #fff;  }
#paginacao .active { border: 1px dashed #d1d1d1; color: #376a87; display: block; float: left; font-weight: bold; margin-left: 5px; padding: 2px 5px; }

/* =Sidebar ------------------------------------------------------------------------ */

#sidebar h3 { font-size: 18px; margin-bottom: 15px; }
#profiles, #categories, #channel, #chat { margin-bottom: 15px; }
#profiles, #chat { border-bottom: 1px dashed #d1d1d1; *padding-bottom: 15px; }
#profiles ul, ul.perfis { overflow: hidden; zoom: 1; }
#profiles li, ul.perfis li { display: inline; float: left; margin: 0 11px 20px; }
#categories.canal { border-bottom: 1px dashed #d1d1d1; padding-bottom: 15px; }
#categories li a, #channel li a { color: #555; display: block; padding: 5px 10px 5px 30px; _height: 1%; }
#categories li a { background: transparent url(../_img/layout/bullet-flower.gif) no-repeat 6px 6px; }
#categories li span, #channel li span { font-weight: bold; }
#channel { border-top: 1px dashed #d1d1d1; border-bottom: 1px dashed #d1d1d1; padding: 20px 10px; }
#channel h3 { height: 1%; }
#destaque { border-bottom: 1px dashed #d1d1d1; padding-bottom: 15px; }
#chat { padding-bottom: 15px; }
#sidebar .img { text-align: center; }
#sidebar .img img { margin: 0 auto; }
#destaque .caption { margin: 10px 0; }
#newsletter { background: transparent url(../_img/layout/bg-news.png) no-repeat 0 0; height: 147px; padding: 15px 20px 0; }
#newsletter h3 { color: #fff; margin: 0 0 12px 0; }
#newsletter input { margin: 0 0 15px 17px; *margin: 0 0 13px 17px; padding: 3px; border: none; width: 240px; }
#newsletter #fn-submit { background: transparent url(../_img/layout/btn-news.gif) no-repeat 0 0; border: none; cursor: pointer; height: 25px; margin: 0 0 0 61px; padding: 0;  width: 162px; }

/* =Footer ------------------------------------------------------------------------- */

#footer ul { background: transparent url(../_img/layout/bg-footer.jpg) no-repeat 0 bottom; height: 63px; }
#footer li { display: inline; }
#footer li a { font-weight: bold; margin-right: 5px; }
#footer #m2brnet { background: transparent url(../_img/layout/m2brnet.gif) no-repeat 0 0; display: block; height: 12px; position: absolute; right: 0; top: 50px; text-indent: -9999px; width: 81px; }

/* =Special Classes ---------------------------------------------------------------- */

.more { height: 1%; padding: 0 0 0 24px; }

.att { color: red; font-weight: bold; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
.clear{clear:both;}


div#overpage{position:absolute;top:224px;left:50%;width:200px;height:200px;background-color:#3ad43b;z-index:10000;margin-left:-100px;display:none;}
div#overpage h3{background-color:#000;color:#fff;font-size:14px;font-weight:700;padding:5px;}
div#overpage h3 a{float:right;font-size:11px;color:#F00;padding-right:3px;}
div#overpage-conteudo{padding:15px;}