/**************************************************** ***** RESET CSS everywhere ************************* ***************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /****************************************************/ #wrap { position: relative; width: 972px; margin-left: 24px; background: #fff url(i/content-shadow.png) repeat-y; } #wrap div.bottom-hr { background: #fff url(i/content-shadow-bottom.png) no-repeat top left; height: 10px; clear: both; } #header { position: relative; height: 156px; background: #fff url(i/content-shadow-top.png) no-repeat bottom left; } #header h1 { margin: 2px 0 6px 12px; } #header h1 a { background: #fff url(../img/mla-logo.png) no-repeat; text-indent: -9999px; width: 522px; height: 58px; display: block; } #contents { width: 632px; margin: 4px 0; float: left; position: relative; } #contents h2 { font: bold 32px/40px Arial, Helvetica, sans-serif; color: #222; } #contents h4 { font: bold 13px/20px Arial, Helvetica, sans-serif; color: #444; } #contents h4 span.subs { font-weight: normal; } #contents h3 { font: bold 20px/30px Arial, Helvetica, sans-serif; color: #7aa612; margin: 30px 0 0 0; } #contents p { font: normal 13px/20px Arial, Helvetica, sans-serif; color: #222; padding: 10px 0 10px 0; } #contents p a { color: #297bb5; } #contents p a:hover { color: #222; } #contents p a.dl-faq { padding: 6px 4px 6px 24px; margin-left: 12px; background: #fff url(i/pdf-download-icon.png) no-repeat 3px 50%; } #contents img.float { float: left; margin: 20px 12px 6px 0; } #contents blockquote { background: #fff url(i/blockquote-open.png) no-repeat 0 56px; padding: 0 58px 0 68px; } #contents blockquote p { font: italic 16px/24px Georgia, Times, serif; color: #222; } #contents blockquote p.assinatura { font: normal 11px/16px Arial, Helvetica, sans-serif; color: #666; height: 64px; background: #fff url(i/blockquote-close.png) no-repeat top right; } #contents blockquote p.assinatura a { font: bold 13px/20px Arial, Helvetica, sans-serif; color: #297bb5; } #contents blockquote p.assinatura a:hover { color: #222; } #contents blockquote p.assinatura img { float: left; margin: 0 12px 12px 0; } #sidebar { width: 316px; margin-bottom: 2px; float: right; } #sidebar h3 { font: bold 20px/30px Arial, Helvetica, sans-serif; color: #7aa612; margin-top: 30px; } #footer { background: #f2f2f2 url(i/footer-bg.png) repeat-x top; padding: 18px 0px 24px 24px; } #footer p { font: normal 11px/18px Arial, Helvetica, sans-serif; color: #666; } #footer p a { color: #297bb5; } #footer p a:hover { color: #000; } /***************************************************/ /**************************************************** ***** Mailing list styling ************************* ***************************************************/ #ml-intro { clear: both; background: #f3ffd9; padding: 16px 8px; margin-top: 16px; font: normal 16px/22px Georgia, Times, serif; color: #000; } #ml-index { clear: both; margin: 24px 0 0 8px; font: bold 14px/22px Arial, Helvetica, sans-serif; color: #222; } #ml-body { clear: both; margin: 16px 0 0 8px; font: normal 13px/20px Arial, Helvetica, sans-serif; color: #222; } #contents h3.prevnext { margin-top: 24px; text-align: center; font: bold 16px Arial, Helvetica, sans-serif; } ul.prevnext { margin: 12px 0; height: 42px; border-bottom: 1px solid #ddd; } ul.prevnext li { display: block; float: left; width: 70px; margin: 1px 10px 6px 10px; } ul.prevnext li a { text-align: center; display: block; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #222; padding: 6px 0; border-bottom: 1px solid #ddd; } ul.prevnext li>span { text-align: center; display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #ddd; padding: 6px 0; border-bottom: 1px solid #ddd; } ul.prevnext li a:hover { color: #297bb5; border-color: #4390ba; background: url(i/blue-arrow.png) no-repeat bottom; } ul.prevnext li a>span, ul.prevnext li span>span { display: none; } ul.prevnext li>span>span.date { display: block; font: normal 10px/14px Arial, Helvetica, sans-serif; color: #ddd; } ul.prevnext a span.date { display: block; font: normal 10px/14px Arial, Helvetica, sans-serif; color: #222; } ul.prevnext a:hover span.date { color: #999; } /***************************************************/ /**************************************************** ***** Navigation bar (top) ************************* ***************************************************/ ul#nav { background: #fff url(i/nav-shadow.png) no-repeat bottom; height: 42px; } ul#nav li { display: block; float: left; } ul#nav li a { display: block; background: #8c8c8c url(i/nav.png) no-repeat; width: 82px; height: 38px; text-indent: -9999px; } ul#nav li#home a { background-position: 0 0; } ul#nav li#home a:hover { background-position: 0 -38px; } ul#nav li#home a:active, ul#nav li#home a.active { background-position: 0 -76px; } ul#nav li#goldenbook a { background-position: -82px 0; } ul#nav li#goldenbook a:hover { background-position: -82px -38px; } ul#nav li#goldenbook a:active, ul#nav li#goldenbook a.active { background-position: -82px -76px; } ul#nav li#arquivo a { background-position: -164px 0; } ul#nav li#arquivo a:hover { background-position: -164px -38px; } ul#nav li#arquivo a:active, ul#nav li#arquivo a.active { background-position: -164px -76px; } ul#nav li#faq a { background-position: -246px 0; } ul#nav li#faq a:hover { background-position: -246px -38px; } ul#nav li#faq a:active, ul#nav li#faq a.active { background-position: -246px -76px; } ul#nav li#stats a { background-position: -328px 0; } ul#nav li#stats a:hover { background-position: -328px -38px; } ul#nav li#stats a:active, ul#nav li#stats a.active { background-position: -328px -76px; } ul#nav li#subscribe a { background-position: -410px 0; } ul#nav li#subscribe a:hover { background-position: -410px -38px; } ul#nav li#subscribe a:active, ul#nav li#subscribe a.active { background-position: -410px -76px; } ul#nav li#rss a { background-position: -492px 0; } ul#nav li#rss a:hover { background-position: -492px -38px; } ul#nav li#rss a:active, ul#nav li#rss a.active { background-position: -492px -76px; } ul#nav li.last { width: 398px; height: 38px; background: #8c8c8c url(i/nav-last-bg.png) no-repeat; } ul#nav li.last p { text-align: right; font: bold 11px/140% Arial, Helvetica, sans-serif; color: #fff; margin: 5px 6px 0 0; } ul#nav li.last p a { display: inline; background: none; color: #fff; text-decoration: underline; } ul#nav li.last p a:hover { color: #222; } /***************************************************/ /**************************************************** ***** Sec Navigation ******************************* ***************************************************/ ul#sec-nav { background: #f3ffd9; height: 196px; width: 632px; margin-top: 20px; } ul#sec-nav li { display: block; float: left; width: 308px; height: 90px; margin: 4px; background: #f3ffd9; } ul#sec-nav li a { display: block; text-decoration: none; height: 75px; width: 308px; } ul#sec-nav li a em { display: block; color: #7aa612; font: bold 20px/20px Arial, Helvetica, sans-serif; margin: 15px 0 0 82px; } ul#sec-nav li a:hover em { color: #222; } ul#sec-nav li a span { font: normal 14px/20px Georgia, Times, serif; color: #666; display: block; margin-left: 82px; } ul#sec-nav li a:hover span { color: #000; } li#sec-nav-arquivo a { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -4px; } li#sec-nav-faq a { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -104px; } li#sec-nav-goldenbook a { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -204px; } li#sec-nav-stats a { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -304px; } li#sec-nav-arquivo a:hover { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -7px; } li#sec-nav-faq a:hover { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -107px; } li#sec-nav-goldenbook a:hover { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -207px; } li#sec-nav-stats a:hover { background: #f3ffd9 url(i/sec-nav-icons.png) no-repeat 10px -307px; } /***************************************************/ /**************************************************** ***** Archive navigation *************************** ***************************************************/ #archive-nav { margin-top: 20px; min-height: 100px; width: 632px; background: #fff url(i/archive-nav-bg.png) no-repeat 0 0; font: normal 13px/20px Arial, Helvetica, sans-serif; } #archive-nav h3 { margin-top: 8px; background: #fff; } #archive-nav>div>div { background: #fff; } #archive-nav ul.archive-years { height: 27px; padding: 0 10px; } ul.archive-years li a { display: block; float: left; height: 27px; padding: 0 10px; font: bold 13px/18px Arial, Helvetica, sans-serif; color: #999; text-decoration: none; } ul.archive-years li a:hover { color: #297bb5; } ul.archive-years li.ui-tabs-selected a { position: relative; background: url(i/archive-nav-selected-bg.png) no-repeat 50% 0; color: #222; } #archive-nav ul.archive-months { height: 27px; padding: 0 10px; } ul.archive-months li a { display: block; float: left; height: 27px; padding: 3px 14px 0 14px; font: bold 13px/18px Arial, Helvetica, sans-serif; color: #b2dbf3; text-decoration: none; } ul.archive-months li a:hover { color: #222; } ul.archive-months li.ui-tabs-selected a { position: relative; background: url(i/archive-nav-selected-bg.png) no-repeat 50% -27px; color: #fff; } .ui-tabs-panel { clear: both; } .ui-tabs-hide { display: none; } .ui-tabs-nav:after { display: block; clear: both; content: " "; } .ui-tabs-nav li { float: right; } .ui-tabs-nav .ui-tabs-selected a { position: relative; z-index: 2; margin-top: 0; color: #000; } *>.ui-tabs-nav a { width: auto; height: auto; } * html .ui-tabs-nav { display: inline-block; } /* auto clear, @ IE 6 & IE 7 Quirks Mode */ *:first-child+html .ui-tabs-nav { display: inline-block; } /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ ol.archive-list { display: block; } ol.archive-list li { float: left; display: block; width: 95px; margin: 4px 10px 6px 0px; } ol.archive-list li a { background: #fff; display: block; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #222; padding: 6px 0; border-bottom: 1px solid #ddd; } ol.archive-list li a:hover { color: #297bb5; border-color: #4390ba; background: #fff url(i/blue-arrow.png) no-repeat 3px bottom; } ol.archive-list li a span { background: #fff; display: none; } ol.archive-list a span.date { background: #fff; display: block; font: normal 10px/14px Arial, Helvetica, sans-serif; color: #222; } ol.archive-list a:hover span.date { color: #999; } ol.archive-list li a:focus { color: #222; background: #fff; border-color: #222; } ol.archive-list a:focus span.date { color: #222; } /***************************************************/ /**************************************************** ***** Adsense and other ads ************************ ***************************************************/ #top-google-search { width: 254px; position: absolute; top: 20px; right: 0; } #top-google-search p { font: normal 10px/16px Arial, Helvetica, sans-serif; color: #222; } #top-google-search p em { font: bold 10px/16px Arial, Helvetica, sans-serif; color: #222; } #pesquisa-arquivo { margin: 6px 0px; } #ads-contents-bottom { width: 468px; height: 60px; margin: 36px 0 0 68px; } #ads-top-link-unit { width: 728px; height: 15px; margin: 10px 0 0 3px; } #ads-footer-link-unit { width: 728px; height: 15px; margin: 0 0 6px 0; } #ads-sidebar-top { width: 300px; height: 250px; margin: 0; } #ads-sidebar-bottom { width: 300px; height: 250px; margin: 30px 0 0 0; } #ads-sidebar-links { width: 150px; height: 150px; float: right; margin-top: -150px; margin-right: 18px; } #ads-ml, #ads-goldenbook-01, #ads-goldenbook-02 { width: 468px; height: 60px; margin-top: 12px; } #ads-faq-01 { width: 468px; height: 60px; margin-top: 12px; } /***************************************************/ /**************************************************** ***** Sidebar: most recent entries ***************** ***************************************************/ ol#most-recent { display: block; height: 154px; } ol#most-recent li { float: left; display: block; width: 78px; margin: 4px 0 6px 0; } ol#most-recent li a { text-align: center; display: block; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #222; padding: 6px 0; border-bottom: 1px solid #ddd; } ol#most-recent li a:hover { color: #297bb5; border-color: #4390ba; background: url(i/blue-arrow.png) no-repeat 50% bottom; } ol#most-recent li a span { display: none; } ol#most-recent a span.date { display: block; font: normal 10px/14px Arial, Helvetica, sans-serif; color: #222; } ol#most-recent a:hover span.date { color: #999; } ol#most-recent li a:focus { color: #222; background: none; border-color: #222; } ol#most-recent a:focus span.date { color: #222; } /***************************************************/ /**************************************************** ***** Sidebar: infos ******************************* ***************************************************/ ul#infos { background: #fff; display: block; width: 150px; height: 120px; margin-top: 4px; } ul#infos li a { font: normal 11px/20px Arial, Helvetica, sans-serif; color: #297bb5; border-bottom: 1px solid #297bb5; text-decoration: none; } ul#infos li a:hover { color: #222; border-color: #222; } /***************************************************/ /**************************************************** ***** Statistics styling *************************** ***************************************************/ #graph_prod_ml, #graph_subs_ml { margin: 0; padding: 0; height: 300px; } .tickLabel { color: #222; font: normal 11px Arial, Helvetica, sans-serif; } .legendLabel { color: #222; font: normal 11px Arial, Helvetica, sans-serif; padding: 0 0 3px 6px; } .stats-tooltip { border: 1px solid #222; padding: 3px 6px; font: bold 14px Arial, Helvetica, sans-serif; background-color: #fff; color: #222; } /***************************************************/ /**************************************************** ***** Golden book ********************************** ***************************************************/ ol#goldenbook-wrap { margin: 0 0 0 28px; background: #fff; } ol#goldenbook-wrap li { padding: 12px 12px 12px 0; margin-top: 3px; list-style: decimal none outside; font: normal 13px/18px Arial, Helvetica, sans-serif; } ol#goldenbook-wrap li h3 { margin: 0; } ol#goldenbook-wrap li p { padding: 3px 0; font: italic 14px/22px Georgia, Times, serif; } ol#goldenbook-wrap p.assinatura { margin: 12px 0 0 0; font: bold 13px/18px Arial, Helvetica, sans-serif; } ol#goldenbook-wrap blockquote { margin: 0; padding: 0; background: none; } /***************************************************/ /**************************************************** ***** Google CSE Results *************************** ***************************************************/ #cse-results #wrap { position: relative; width: 972px; margin-left: 24px; background: #fff url(i/content-shadow.png) right repeat-y; } #cse-results #wrap div.bottom-hr { background: #fff url(i/content-shadow-bottom.png) no-repeat top right; height: 10px; clear: both; } #cse-results #header { background: #fff url(i/content-shadow-top.png) no-repeat bottom right; } #cse-results #contents { background: #fff; width: 960px; } #cse-results #contents h2 { margin-bottom: 12px; } /***************************************************/ /**************************************************** ***** Social media bar ***************************** ***************************************************/ div#get_social { background: #fff; width: 182px; height: 18px; position: absolute; top: 112px; right: 2px; } div#get_social ol li { display: block; float: right; background: #fff; width: 18px; height: 18px; margin: 0 1px; } div#get_social ol li a { display: block; width: 18px; height: 18px; text-indent: -9999px; } div#get_social ol li a:hover { background-position: top; } a.go_digg { background: url(i/social/digg.png) no-repeat bottom; } a.go_delicious { background: url(i/social/delicious.png) no-repeat bottom; } a.go_technorati { background: url(i/social/technorati.png) no-repeat bottom; } a.go_twitter { background: url(i/social/twitter.png) no-repeat bottom; } a.go_stumbleupon { background: url(i/social/stumbleupon.png) no-repeat bottom; } a.go_rss { background: url(i/social/rss.png) no-repeat bottom; } /***************************************************/ /**************************************************** ***** FancyBox ************************************* ***************************************************/ html, body { height: 100%; } div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('i/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #fff; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url('i/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #fff; background: #fff; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #fff; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('i/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background: transparent; outline: none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('i/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('i/fancy_right.png') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('i/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('i/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('i/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('i/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('i/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('i/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('i/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('i/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; visibility: hidden; } div#fancy_title div { color: #fff; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { display: none; visibility: hidden; margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url('i/fancy_title_left.png') repeat-x; } td#fancy_title_main { height: 32px; background: transparent url('i/fancy_title_main.png') repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url('i/fancy_title_right.png') repeat-x; }