/* Theme Name: Fete Style Guide Theme URI: http://feteny.com Description: The Fête Event Style Guide Theme Author: Pod1 Author URI: http://pod1.com version: 1.0 */ /*******************RESET CSS*******************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, 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;} ul {list-style: none;} ol { list-style: decimal; } table {border-collapse: collapse; border-spacing: 0;} input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/bg_input.gif) repeat-x #fff;} legend {display: none;} address {font-style: normal;} /****************END RESET********************/ /****************Global Elements**************/ body { font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; background: #000; color: #afafaf; text-align: center; } h1 { background: url(images/logo.png) no-repeat; width: 88px; height: 44px; position: absolute; top: 12px; left: 0; } h1 a { display: block; width: 88px; height: 44px; text-indent: -9999em; } h2, h2 a { color: #fff; font-size: 18px; font-weight: normal; text-transform: uppercase; margin-bottom: 2px; text-decoration: none; } h3, h3 a { color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; margin-bottom: 12px; text-decoration: none;} h4 { color: #fff; /*font-size: 11px;*/ font-weight: normal; text-transform: uppercase; } p { margin: 0 0 12px 0; line-height: 18px; } a { color: #ccc; } a:hover { color: #333333; } input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; border: none; color: #000; font-size: 11px; padding: 3px 3px 2px 3px; width: 158px; } select { width: 183px; padding: 2px; } td { padding: 4px 0; } ol { list-style: decimal; } hr { height: 1px; color: #2c2c2c; background: #2c2c2c; display: block; margin: 10px 0 15px 0; border: 0;} blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;} ::-moz-selection{background:#61aac2; color:#fff;} ::selection {background:#61aac2; color:#fff;} /****************End Global Elements**********/ /****************Classes**************/ .right { float: right; padding: 0 0 20px 20px;} .left { float: left; padding: 0 20px 20px 0;} .clear { clear: both; } .hide { display: none; } .last { margin-right: 0; padding-right: 0; border-right: none; } .selected { color: #999; } .clickable { cursor: pointer; } a.click-me { font-size: 11px; color: #9a9a9a; padding-right: 10px; background: url(images/arrow_right_gray.gif) no-repeat right; text-decoration: none; } a.click-me:hover { text-decoration: underline; } .smaller { font-size: 11px; font-style: italic; } a.btn, .btn, #content a.btn { background:url(images/bg_btn.gif) no-repeat 0 3px; padding-left: 17px; font-size: 11px; text-transform: uppercase; color: #fff; text-decoration: none; display: block; cursor: pointer; position:relative; } a.btn span:first-child, .btn span:first-child, #content a.btn span:first-child { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; } #submit-resume { display: block; height: 14px; width: 300px; text-indent: -9999em; background: url(images/btn_submit_resume.gif) no-repeat; } #back-to-services { display: block; height: 14px; width: 300px; text-indent: -9999em; background: url(images/btn_back_to_services.gif) no-repeat;} /****************End Clasees**************/ /****************Structure*********************/ #header-container { margin: 0 auto; text-align: center; border-bottom: 1px solid #212121; height: 64px; margin-bottom: 20px; } #header { height: 64px; width: 944px; margin: 0 auto; position: relative; text-align: left; } #container { margin: 0 auto; text-align: left; width: 944px; position: relative; } /* navigation */ #nav { position: absolute; top: 34px; right: 0; } #nav li { float: left; border-right: 1px solid #fff; padding-right: 12px; margin-right: 12px; height: 13px; } #nav li a { text-decoration: none; display: block; color: #fff; background: url(images/nav.png) no-repeat; height: 13px; width: 60px; text-indent: -9999em; } #nav li.about a { background-position: 0 2px; width: 98px; } #nav li.about a:hover, #nav li.about a.active, #about-us-press #nav li.about a { background-position: 0 -13px; } #nav li.portfolio a { background-position: -125px 2px; width: 59px; } #nav li.portfolio a:hover, #nav li.portfolio a.active { background-position: -125px -13px; } #nav li.services a { background-position: -209px 2px; width: 76px; } #nav li.services a:hover, #nav li.services a.active, #services #nav li.services a, #event-planning #nav li.services a, #event-design #nav li.services a, #fete-paper #nav li.services a { background-position: -209px -13px; } #nav li.tv a { background-position: -311px 2px; width: 132px; } #nav li.tv a:hover, #nav li.tv a.active, #wedded-to-perfection #nav li.tv a { background-position: -311px -13px; } #nav li.style-guide a { background-position: -466px 2px; width: 144px; } #nav li.style-guide a:hover, #nav li.style-guide a.active, #blog #nav li.style-guide a{ background-position: -466px -13px; } #nav li.book a { background-position: -638px 2px; width: 32px; } #nav li.book a:hover, #nav li.book a.active, #fete-book #nav li.book a { background-position: -638px -13px; } #nav li.contact { margin-right: 0; border-right: 0; padding-right: 0; } #nav li.contact a { background-position: -695px 2px; width: 113px; } #nav li.contact a:hover, #nav li.contact a.active, #contact-us #nav li.contact a { background-position: -695px -13px; } /* content */ #content { position: relative; } #content a {color: #4e7586;} #content a.click-me { color: #9a9a9a; } #content a:hover { color: #8ebacc; } #content ul { margin: 0 0 20px 15px; } #content li { list-style: disc; margin-bottom: 6px; } .left-col { width: 268px; float: left; text-align: justify; } .right-col { margin-left: 295px; position: relative; } .left-col ul li, .left-col h2, .left-col h3, .left-col h4, .left-col .btn { text-align: left; } /* blog content */ #blog-content { float:left; width:565px; overflow: hidden; line-height: 160%; } .post { margin:0 0 34px 0; border-bottom: 1px solid #212121; padding-bottom: 10px; } .single .post {border-bottom: none; padding-bottom: 0;} #content .post h2 { font: normal 20px Helvetica, Arial, sans-serif; text-transform: none; font-size: 20px; } #content .post h2 a { color: #888; text-decoration: none; text-transform: none; font-size: 22px; } #content .post h2 a:hover{ color: #61aac2; text-decoration: none; } .post small { color: #4e7586; font-size: 11px; display: block; margin-bottom: 24px; } .post small a{ color: #4e7586; text-decoration: none; } .post small a:hover { text-decoration: underline; } .post ul {list-style: circle; margin-left: 10px; padding-left: 10px;} .post img {margin-bottom: 34px; } .entry p{ margin:12px 0; } .more-link {display: block; background: url(images/btn_read_more.gif) no-repeat top right; height: 11px; text-indent: -9999em;} .postmetadata{ clear: both; } /*blog features*/ img.left{ float: left; padding: 6px 0 0 0; } img.right{ float: right; padding: 0 0 0 6px; } .navigation { font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden; } /* comments */ #commentform{ margin:0; padding:0; position: relative; } #commentform p{ color: #a5a5a5; } #commentform p#form-notice { position: absolute; width: 220px; right: 0; top: 0; } #commentform a{color: #537d8f; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;} #commentform label {color: #a5a5a5; font-size: 11px; display: block; float: left; width: 50px; padding-top: 5px;} #commentform textarea { margin-left: 50px; width: 500px; } #respond h3{ font:normal 12px arial, helvetica, sans_serif; color: #ababab; text-transform: uppercase; margin: 0 0 15px 0; padding: 0; } #comment{ width:80%; } #commentform #author, #commentform #email, #commentform #url, #commentform #comment{ background: #181818; margin:5px 5px 0 0; padding: 3px; color: #fff; } #author:focus, #email:focus, #url:focus, #comment:focus {background: #242424; color: #fff;} #commentform #submit{ margin:5px 5px 0 450px; cursor: pointer; background: url(images/btn_submit_comment.gif) no-repeat; color: #40626F; padding: 10px 0 0 0; width: 111px; font-size: 1px; height: 19px;} #comments{margin:0; padding:0; color: #ababab; font-family: Helvetica, Arial; font-size: 12px; text-transform: uppercase; padding: 0 0 10px 20px; background: url(images/icon_comments.gif) no-repeat 0 3px; border-bottom: 1px solid #212121; } .comment {position: relative;} ol.commentlist {list-style-type: none; border-bottom: 1px solid #212121; margin-bottom: 30px; } .avatar{float:left; margin:0 12px 0 0;} ol.commentlist li { background: #000; margin:10px 0; padding:5px 0 15px 10px; list-style-type:none; } ol.commentlist li.alt {background: #181717;} ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;} ol.commentlist a {color:#537d8f;} cite { font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal; } cite a{color: #000; text-decoration: none; } .commentmetadata { font-size: 10px; margin-top: 10px; } .commentmetadata a {text-decoration: none;} .comment-author { display: inline; } .comment-author cite a {color: #ababab; font-size: 11px; font-style: italic; border: none;} /* search */ #searchform{ padding:0; margin:14px 0; } #searchform input#s{ margin:0; padding:2px; border:1px solid #000; } #searchform input#searchsubmit{ border:none; background:#333; color:#fff; text-transform:lowercase; } /* misc */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .wp-caption { } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; display: none; } /* sidebar */ #sidebar { font-size: 12px; font-family: helvetica, arial, tahoma; width: 324px; float:right; margin:0; padding: 0; } #sidebar h2{ font:normal 17px arial, helvetica, sans_serif; margin: 0 0 12px 0; padding: 0; } /*#sidebar h2#sevent { background: url(images/h_calendar.gif) no-repeat; text-indent: -9999em; } #sidebar h2#swelcome { background: url(images/h_welcome.gif) no-repeat; text-indent: -9999em; } #sidebar h2#sportfolio { background: url(images/h_portfolio.gif) no-repeat; text-indent: -9999em; } #sidebar h2#sbook { background: url(images/h_book.gif) no-repeat; text-indent: -9999em; } #sidebar h2#sarchives { background: url(images/h_archives.gif) no-repeat; text-indent: -9999em; } #sidebar h2#scatagories { background: url(images/h_categories.gif) no-repeat; text-indent: -9999em; } #sidebar h2#srecent { background: url(images/h_recent.gif) no-repeat; text-indent: -9999em; }*/ #sidebar .section, #sidebar ul li {border-bottom: 1px solid #212121;margin-bottom: 30px;} #sidebar label{ font:normal 11pt arial, georgia, times; color: #000; margin: 0; padding: 0; } #sidebar p {margin:0; padding: 0 0 20px 0;} #sidebar img {} #content #sidebar ul li { list-style: none; } #sidebar ul { margin: 0 0 12px 0; } #sidebar ul li li{ border-bottom: none; margin-bottom: 12px;} #sidebar ul li li a { padding-left: 10px; background: url(images/li_arrow.gif) no-repeat 0 5px; color: #888; text-decoration: none;} #sidebar ul li li a:hover { color: #fff; } #sidebar ul ul {margin:14px 0;padding:0;} #sidebar ul ul li { list-style-type: none; } #sidebar ul ul ul{ margin: 0; padding: 0; } #sidebar ul ul ul li{ padding: 0 0 0 15px; list-style-type: square; color: #898989; } /* footer */ #footer { clear: both; padding: 5px 0 20px 0; height: 20px; position: relative; color: #333; width: 100%; } #footer ul { float: left; } #footer li { display: inline; margin-right: 20px; padding-right: 20px; border-right: 1px solid #fff; } #footer li.last { border-right: none; margin-right: 0; padding-right: 0;} #footer a { color: #333; text-decoration: none; } #footer a:hover { color: #ccc; text-decoration: underline; } #newsletter-form { position: absolute; right: 0; top: 6px; width: 278px;} #newsletter-form label { float: left; margin-right: 5px; margin-top: 1px; color: #333; text-transform: uppercase;} #newsletter-form input {background: #909090; color: #000; float: left; width: 150px; height: 13px; padding: 2px;} #newsletter-form input#news-submit {width: 11px; height: 11px; cursor: pointer; font-size: 1px; color: #000; background: url(images/btn_arrow_right.gif) no-repeat; text-indent: -9999em; margin-left: -13px; margin-top: 3px; } #footer-stripe { background: url(images/bg_footer_stripe.gif) repeat-x; clear: both; margin-top: 25px; } #footer-container { width: 960px; margin: 0 auto; text-align: left; } #footer-container h4 { font-weight: normal; font-size: 11px; color: #999; } #footer-container p { line-height: 13px; margin-bottom: 6px; } #ad-one { float: left; width: 171px; margin-right: 55px; position: relative; padding: 10px 0 0 90px; font-size: 11px; margin-bottom: 30px; } #ad-two { float: left; width: 201px; margin-right: 45px; position: relative; padding: 10px 0 0 100px;font-size: 11px; } #ad-three { float: left; width: 171px; position: relative; padding: 10px 0 0 120px; font-size: 11px; } #ad-one img { position: absolute; top: -12px; left: 0; } #ad-one img#ad-portfolio-img { position: absolute; top: -13px; left: 0; } #ad-three img#ad-portfolio-img { position: absolute; top: -13px; left: 27px; } #ad-two img { position: absolute; top: -12px; left: 0; } #ad-three img { position: absolute; top: -8px; left: 23px; } .more { display: block; width: 44px; height: 11px; text-indent: -9999em; background:url(images/btn_more.gif) no-repeat; } .more:hover { background-position: bottom left; } /****************End Structure******************/ /****************Pages******************/ /*Home Page*/ #home-page #header { margin-bottom: 0; } /*About Page*/ #about-us-press .left-col{ width: 265px; } #about-us-press .right-col{ float: right; margin-left: 0; width: 664px; } /*#about-header { background: url(images/h_about_us.gif) no-repeat; height: 20px; width: 200px; text-indent: -9999em; }*/ #press-container {margin-top: 0; width: 678px; margin-left: 20px; } #press-pics { list-style: none; padding: 0; margin-top: 0; } #press-pics li { float: left; list-style: none; margin-right: 12px; margin-bottom: 12px; } img.left{ float: left; padding: 6px 0 0 0; } img.right{ float: right; padding: 0 0 0 6px; } .navigation { font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden; } cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; } .commentmetadata { position: absolute; top: 5px; right: 5px; font-size: 10px; } /*Services*/ .services-page #content { float: left; } .cycle { width: 631px; height:438px; overflow: hidden; margin-bottom: 27px; position: relative; } #nav-left { position: absolute; left: 10px; top: 210px; z-index: 9999; display: block; height: 25px; width: 18px; background: url(images/nav_arrow_left.png) no-repeat; } #nav-right { position: absolute; right: 10px; top: 210px; z-index: 9999; display: block; height: 25px; width: 18px; background: url(images/nav_arrow_right.png) no-repeat; } /*Services Landing Page*/ #services .right-col, #event-design .right-col, #event-planning .right-col, #fete-paper .right-col { margin-left: 312px; } #services .right-col img { margin-bottom: 27px; } #services h2{ } #services #content ul li { margin-bottom: 12px; } #services-links { padding-left: 15px; padding-bottom: 10px; } #services-links li { float: left; border-right: 1px solid #fff; padding-right: 37px; margin-right: 37px; height: 32px; list-style: none; } #services-links li a { text-decoration: none; display: block; color: #fff; background: url(images/sprite_services.png) no-repeat; height: 32px; text-indent: -9999em; } #services-links li.nav-services-planning a { background-position: 0 2px; width: 180px; } #services-links li.nav-services-planning a:hover { background-position: 0 -29px; } #services-links li.nav-services-design a { background-position: -262px 2px; width: 122px; } #services-links li.nav-services-design a:hover { background-position: -262px -29px; } #services-links li.nav-services-paper { border-right: none; margin-right: 0; } #services-links li.nav-services-paper a { background-position: -467px 2px; width: 105px; } #services-links li.nav-services-paper a:hover { background-position: -467px -29px; } /*Design Portfolio*/ #design-portfolio { clear: both; width: 944px; overflow: hidden; padding: 20px 0; position: relative; } #portfolio-nav { position: absolute; top: 29px; right: 0; } #portfolio-nav a { color: #efefef; text-decoration: none; text-transform: uppercase; } #portfolio-nav a:first-child { padding-right: 10px; border-right: 1px solid #efefef; margin-right: 10px; } #design-portfolio h2 { margin-bottom: 16px; } #design-portfolio ul { padding: 0; margin: 0; width: 999999px; position: relative; } #design-portfolio li { float: left; padding: 0; list-style: none; margin-right: 15px; } #services-links li.last { margin-right: 0; } /*Inside Pages*/ /*.services-page .right-col img { margin-top: 27px; }*/ #four-col { clear: both; font-size: 11px; float: left; margin-bottom: 100px; width: 100%; } #four-col p { margin-bottom: 10px; } #four-col div { float: left; margin-right: 48px; } #four-col div.even { width: 220px; } #four-col div.odd { width: 180px; } #event-planning #four-col div.odd { width: 200px; float: left; } #four-col div img { margin-bottom: 10px; } #four-col div.last { margin-right: 0; } .back-to-services { float: right; margin-bottom: 10px; height: 11px; } /*Portfolio*/ #portfolio-page { background: url(images/bg_portfolio.png) #000 no-repeat 50% 409px;} #flashcontent { height: 100%; } #portfolio-page #header { margin-bottom: 0; } #pflash { position: absolute; left: 0px; top: 0; height: 510px;} #portfolio-landing { background: #000;} #planding-image { position: relative; left: -73px; top: -40px;} /*Book Landing*/ #fete-book { background: url(images/bg_portfolio.png) #000 no-repeat 50% 502px;} /*#my-new-book { background: url(images/h_my_new_book.gif) no-repeat; width: 147px; height: 24px; text-indent: -9999em; margin-bottom: 18px;}*/ #buy-book { display: block; width: 72px; height: 16px; background: url(images/btn_buy_book.gif) no-repeat; text-indent: -9999em;} #buy-book:hover {background-position: bottom left;} #book-pic {background: url(images/bg_book_landing.png) no-repeat; height: 620px; width: 538px; margin-left: 400px; margin-bottom: -70px; position: relative;} #view-inside {position: absolute; top: 536px; left: 362px; display: block; height: 11px; width: 98px; background: url(images/btn_view_inside.gif) no-repeat; text-indent: -9999em;} #view-inside:hover {background-position: bottom left;} /*Book*/ #book-page { background: url(images/bg_portfolio.png) #000 no-repeat 50% 80%; height: 750px; } #book-page #outer-wrap { position: absolute; width: 100%; height: 62px; z-index: 0; top: 0; left: 0; background: #000; border-bottom: 1px solid #000; } #book-page #header { background: #000;} /*#book-page #footer-wrap {position: absolute; bottom: 0; width: 100%; text-align: center; margin: 0 auto;} #book-page #footer {width: 960px; } #book-flash { position: absolute; top: 0; left: 0; z-index: 999; text-align: left; } */ /*TV*/ /*Contact*/ #contact-us {/*background: url(images/bg.jpg) #000 no-repeat 50% 0;*/} #contact-us input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; border: none; color: #000; font-size: 11px; padding: 3px 3px 2px 3px; width: 158px; } #contact-us select { width: 183px; padding: 2px; } #job-listings { min-height: 325px; } #job-listings h3 { font-size: 12px; text-transform: uppercase; color: #fff; margin-bottom: 5px; } #job-listings h4 { font-size: 11px; font-weight: normal; color: #fff; margin-bottom: 4px;} .job-posting { } #contact-us .left-col {width: 390px;} #contact-us .right-col {margin-left: 517px; } /*#contact-header { background: url(images/h_contact.gif) no-repeat; height: 20px; width: 200px; text-indent: -9999em; } #hiring-header { background: url(images/h_were_hiring.gif) no-repeat; height: 26px; text-indent: -9999em; }*/ #map { border: 1px solid #000; display: block; width: 377px;} #map:hover { border: 1px solid #fff; } /*Contact form*/ #contact-form { margin: 20px 0 30px 0; } #close-contact { width: 11px; height: 11px; display: block; background: url(images/btn_close.gif) no-repeat; position: absolute; top: 10px; right: 8px; text-indent: -9999em; } /*#contact-form h3 { background: url(images/h_leave_message.gif) no-repeat; text-indent: -9999em; height: 11px; margin-bottom: 17px; }*/ #contact-form p { float: left; margin-right: 32px; } #contact-form label { width: 62px; float: left; } #contact-form .select-input {width: 164px;} #contact-form fieldset { margin-bottom: 12px; } #contact-form textarea { width: 416px; height: 150px; margin-bottom: 0; } #contact-form p.last { margin-bottom: 0; } #contact-form #send { background: url(images/btn_submit.gif) no-repeat; font-size: 1px; width: 60px; margin-left: 424px; height: 20px; color: #517A8C; cursor: pointer; } #phone-image {float: right; margin-top: 220px;} #contact-form-overlay { background: #101010; position: absolute; z-index: 999; top: 0px; left: 180px; padding: 33px; width: 530px; display: none;} #contact-address {clear: both; line-height: 18px; } #contact-address address { margin-bottom: 23px; } #contact-page #contact-address p {margin-bottom: 23px;} .error { color: red; } .valid { color: #61aac2; } #form-results { position: absolute; left: 94px; bottom: 30px; width: 250px; height: 55px; } /*****************Lightbox************/ #jquery-overlay { position: absolute; top: 0;left: 0;z-index: 90;width: 100%;height: 500px;} #jquery-lightbox { position: absolute; top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} #lightbox-nav {position: absolute; top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px;color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 45px; float: right;padding-bottom: 0.7em; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h2 { visibility: hidden; text-transform: uppercase; letter-spacing: -9px; font-size: 18px; } .sIFR-flash a { text-decoration: none; } .sIFR-hasFlash h2.sIFR-replaced { color: #d5d5d5; text-decoration: none; } .sIFR-hasFlash h3 { visibility: hidden; text-transform: uppercase; letter-spacing: -6px; font-size: 15px; margin-bottom: 0; } .sIFR-hasFlash h4 { visibility: hidden; text-transform: uppercase; letter-spacing: -5px; font-size: 12px; margin-bottom: 3px; } .sIFR-hasFlash #footer-container h4 { visibility: hidden; text-transform: lowercase; letter-spacing: -5px; font-size: 10px; height: 10px; margin-bottom: 0; }