/* ====================================================================== GAPERSBLOCK.COM // GAPERS BLOCK MEDIA, LLC. inbox@gapersblock.com (c) 2003-2012, All Rights Reserved. Stylesheet prepared by Naz Hamid Weightshift.com / work@weightshift.com / nh@gapersblock.com and Vince Cancasci Vincejose.com / info@vincejose.com ======================================================================== */ * { margin: 0; padding: 0; } /*----------------------------------------------------------------------- Standard ------------------------------------------------------------------------ */ body { color: #333333; font-family: Georgia, Times New Roman, Lucida Grande, Arial, Verdana, sans, serif; font-size: 13px; line-height: 18px; } a:link { color: #990000; text-decoration: none; } a:visited { color: #990000; text-decoration: none; } a:hover { color: #cc3300; text-decoration: underline; } a:active { color: #990000; text-decoration: none; } img { border: 0; } img.left { float: left; margin: 2px 15px 5px 0px; } img.right { float: right; margin: 2px 0px 5px 15px; } iframe { border: 0; } p { margin-bottom: 12px; } h1 { font-family: Georgia, Gill Sans, Arial, Sans, serif; font-size: 24px; font-weight: normal; line-height: 24px; margin-bottom: 2px; } h1.section-title { font-family: Gill Sans, Arial, Sans, serif; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding: 8px 10px 5px 10px; border-bottom: 3px solid #ccc; margin-bottom: 12px; line-height: 18px; } h2 { font-family: Georgia, Times New Roman, serif; font-size: 13px; font-weight: bold; margin: 0 0 2px 0; } h3 { color: #333; font: 12px Arial; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; font-weight: bold; } h3.tbd { margin-bottom: 6px; font-weight: normal; } h4 { color: #990000; font: 11px Arial; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; font-weight: bold; } h4 em { color: #666; font-style: italic !important; text-transform: none; font: 12px Georgia; letter-spacing: 0px; } h5 { font-family: Gill Sans, Arial, Sans, serif; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited , h1 a:active, h2 a:active, h3 a:active { color: #333; } h1 a:hover, h2 a:hover, h3 a:hover { color: #cc3300; text-decoration: underline; } ol, ul { font-size: 13px !important; padding: 0 20px 10px 20px; line-height: 18px; } blockquote { padding: 0 20px 0 20px; margin-bottom: 12px; } blockquote, #frame .post blockquote p { font: 13px Arial !important; line-height: 20px !important; } #frame .post blockquote p {margin: 12px 0 0 0;} /*----------------------------------------------------------------------- Layout ------------------------------------------------------------------------ */ #frame { width: 990px; margin: 0 auto 0 auto; } #masthead { width: 990px; background: url(../gfx/paper_edge.gif) top no-repeat; margin: 10px 0 0 0; padding-top: 20px; border-bottom: 3px double #ccc; } #masthead2 { width: 990px; background: url(../gfx/paper_edge.gif) top no-repeat; margin: 15px 0 0 0; padding-top: 10px; border-bottom: 1px solid #ccc; } #masthead-left, #masthead-right { float: left; width: 252px; font-size: 11px; text-align: center; padding: 0px 10px; } #masthead-left{ padding-top: 16px; } #masthead-right a:link, #masthead-right a:active, #masthead-right a:visited { color: #333; } #masthead-right a:hover { color: #cc0000; text-decoration: underline; } #masthead-right a{ padding: 0 5px; } #masthead-mid { float: left; width: 446px; text-align: center; margin-bottom: 12px; } .masthead-search { width: 160px; font: 11px Arial; padding: 2px; margin-top: 2px; } /*----------------------------------------------------------------------- Navigation ------------------------------------------------------------------------ */ ul#nav { list-style: none; padding: 12px 0 22px 0; border-top: 1px dotted #ccc; } ul#nav li { width: 98px; float: left; text-align: center; font: 11px Gill Sans; font-weight: bold; text-transform: uppercase; border-right: 1px dotted #ccc; } ul#nav li.last { border-right: none; } ul#nav li a.non-section { font-weight: normal; } ul#nav input { width: 150px; font: 11px arial; margin-left: 15px; margin-top: -5px; margin-bottom: 0; } /*----------------------------------------------------------------------- Homepage ------------------------------------------------------------------------ */ .col-left, .col-right { float: left; width: 300px; } .col-mid { float: left; width: 370px; margin: 0 10px 0 10px; } .content { padding: 0 10px 0 10px; } .more { padding-left: 10px; } .post { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 12px; } .post-end { padding-bottom: 12px; } .post p, .post h2, .post-end p, .post-end h2 { padding: 0px 10px 0px 10px; margin-bottom: 2px; } .byline { color: #777; } .section-link { font-family: Gill Sans, Arial, Sans, serif; font-size: 10px; text-transform: uppercase; } #home-rearview { margin-bottom: 12px; background-color: #e9e9e9; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } ul.section-list { list-style-type: circle; padding: 0px !important; margin-left: 25px !important; } ul.section-list li { color: #ccc; } .bullet { color: #ccc; padding-left: -10px !important; } .home-mid-col { padding: 0px 7px 7px 7px; border: 1px solid white; } .col-mid h1.section-title { padding-left: 0px; border: none; background: url(../gfx/mid-border.gif) bottom repeat-x; } .icon-rearview { background: url(../gfx/arrow_rearview.gif) 0 50% no-repeat; padding-left: 16px; } #home-rearview h1.section-title { padding: 7px 0px; margin: 0; } #home-rearview img { border: 1px solid #fff; } #home-rearview p { font-size: 11px; margin: 3px 0 3px 0; } .detour p { font-size: 12px; } .detour p.byline { font-size: 12px; } .detour img { float: right; padding: 1px; border: 3px solid #dcd9ba; margin: 0 0 10px 10px; } #shop-home, #features { float: left; width: 300px; } #about { float: left; width: 370px; margin: 0px 10px; } #shop-home p, #features p, #about p { padding: 0px 10px 0px 10px; } #shop-home h1.section-title, #features h1.section-title, #about h1.section-title { font-weight: normal; } #features p{ line-height: 24px; } /* Weather icons */ .sun { background: url(../gfx/icon_weather_sun.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .cloud { background: url(../gfx/icon_weather_cloud.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .rain { background: url(../gfx/icon_weather_rain.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .snow { background: url(../gfx/icon_weather_snow.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .suncloud { background: url(../gfx/icon_weather_suncloud.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .thunder { background: url(../gfx/icon_weather_thunder.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .wind { background: url(../gfx/icon_weather_wind.gif) 0 50% no-repeat; padding: 3px 0px 3px 21px; } .maillist { font: 11px Arial; padding: 2px; width: 95%; } /* Features */ .feature { width: 140px; text-align: center; float: left; padding-bottom: 20px; margin-bottom: 12px; background: #fffff2 url(../gfx/feat-footer.png) bottom no-repeat; } .feature+.feature{ margin-left: 20px; } .feature h1 { background-color: #fff; color: #ccc; } .feature img { margin: 6px 0px 12px 0px; } .feature h2 { line-height: 16px; margin-bottom: 4px; padding: 0px 8px; } .feature p { margin-bottom: 6px; font-size: 11px; padding: 0px 8px; } .feature h2+p{ background: url(../gfx/by-line.png) center no-repeat; } .feature p+p{ text-transform: uppercase; line-height: 14px; } /* Pull Quote*/ #home-rearview+p { background: #fffff2 url(../gfx/quote-edge.gif) top no-repeat; margin: 0; padding: 18px 14px 7px; font-size: 18px; line-height: 22px; color: #7e7e7e; } #home-rearview+p+p { background: #fffff2 url(../gfx/quote-edge.gif) bottom no-repeat; text-align: right; padding: 0px 14px 16px; font: 12px Gill Sans, Arial, Sans, serif; text-transform: uppercase; color: #a5a5a5; margin-bottom: 13px; } /* Under the Hood*/ #home-hood { margin-bottom: 20px; background-color: #e9e9e9; border: 1px solid #ccc; } #home-hood h2 { font-size: 21px; font-weight: normal; line-height: 23px; padding-top: 6px; } #home-hood p { margin-bottom: 18px; padding-bottom: 12px; background: url(../gfx/mid-border.gif) bottom repeat-x; } p#grid { text-align: center; padding-bottom: 19px } /*----------------------------------------------------------------------- Section Navigation ------------------------------------------------------------------------ */ ul#nav-section { list-style: none; padding: 12px 0 22px 0; background-color: #fff; border-top: 1px dotted #CCC; } ul#nav-section li { width: 93px; float: left; text-align: center; font: 11px Arial; font-weight: bold; border-right: 1px dotted #ccc; } ul#nav-section a { color: #993300; text-shadow: #fff 0 0 0; } /*----------------------------------------------------------------------- Microsites Navigation ------------------------------------------------------------------------ */ #microsites-nav { background-color: #333; border-bottom: 1px solid #FFF; margin: 0; padding: 0; } .rule-grey { border-bottom: 1px solid #CCC; } ul#peripheral-nav { width: 950px; background-color: #333333; margin: 0 auto 0 auto; list-style: none; } ul#peripheral-nav li { width: 93px; float: left; text-align: center; font: 11px Arial; font-weight: bold; border-right: 1px solid #555; margin: 0; } ul#peripheral-nav a { display: block; color: #FFF; text-shadow: 0 0 0 #333; font-weight: normal; padding: 9px 0 9px 0; } ul#peripheral-nav a:hover { display: block; color: #FFF; text-shadow: 0 0 0 #990000; font-weight: normal; background-color: #990000; text-decoration: none; padding: 9px 0 9px 0; } ul#peripheral-nav a.home { background: #333 url(../gfx/bg_nav_topical_home.gif) 0 50% no-repeat; } ul#peripheral-nav a:hover.home { background: #bad3df url(../gfx/bg_nav_topical_home_hover.gif) 0 50% no-repeat; } /*----------------------------------------------------------------------- Sections (formerly blogs) reduntant with sectios.css -vjc ------------------------------------------------------------------------ #sections .col-left { float: left; width: 569px; border-right: 1px solid #ccc; } #sections .col-left p { padding-right: 10px; } #sections #header { width: 940px; border-bottom: none; margin: 0; padding-bottom: 0; } #sections h1.section-title { padding-top: 3px; padding-bottom: 7px; border-bottom: 3px solid #ccc; margin: 0; } */ .galleria { width: 560px; height: 560px; background: #fff } /*----------------------------------------------------------------------- Interior pages ------------------------------------------------------------------------ */ #interior .col-left { float: left; width: 610px; margin-right: 10px; } #interior .col-right{ width: 370px; } #interior .section-title { padding-top: 7px; padding-bottom: 7px; border-bottom: 3px solid #ccc; } #interior .post { font-size: 14px; line-height: 24px; padding: border-bottom: 1px dotted #CCC; padding: 10px 0px 10px 0px; margin-bottom: 0; } #interior .sectionblurb { font-size: 13px; line-height: 18px; padding: border-bottom: 1px dotted #CCC; padding: 10px 0px 10px 0px; margin-bottom: 0; } #interior .col-right .post { font-size: 12px; line-height: 18px; border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 12px; } #interior .display-ad { margin-bottom: 0px} #header { width: 990px; border-bottom: 3px solid #CCC; padding: 8px 0px 5px 0px; } #header .byline { color: #777; font-size: 14px; padding: 0 10px 0 10px; } #header .col-right { background: url(../gfx/bg_prevnext.gif) repeat-y; } #interior h1 { padding: 0 10px 3px 10px; } .auth h2 { font-size: 21px; font-weight: normal; } .auth .byline { font: normal 11px Gill Sans, Arial, Sans, serif; text-transform: uppercase; padding-bottom: 4px;} .auth .byline a{ font-size: 11px; } #header h4 { color: #333; font-weight: normal; padding: 0 10px 10px 10px; } #header h4 a { font-weight: bold; } #article { padding: 15px 10px 0px 10px; } #article p { font: 14px Georgia; line-height: 24px; margin-bottom: 20px; } #mergearticle p { font: 16px Georgia; line-height: 24px; margin-bottom: 20px; } #article .gridtitle { font-family: Georgia, Garamond, Arial, Sans, serif; font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 10px; } #article h2 { font-family: Lucida Fax, Georgia, Times New Roman, serif; font-size: 15px; font-weight: bold; padding-top: 10px; margin: 0 0 5px 0; } #article li { font: 14px Georgia; line-height: 24px; margin-bottom: 10px; } .addthis { background: url(../gfx/icon_addthis.gif) 0 50% no-repeat; padding: 5px 10px 5px 20px; } .prevnext-col { float: left; width: 160px; color: #777 !important: font-size: 11px !important; padding: 0px 15px 0px 10px; } .prevnext-col h4 { padding: 0px 10px 0px 0px !important; } .article-tools { padding: 20px 10px 5px 10px; } .about-author { background: #f8f8ef url(../gfx/paper_edge.gif) no-repeat; padding: 17px 15px 1px 15px; } .about-author h1 { font-family: Gill Sans, Arial, Sans, serif; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; line-height: 18px; padding: 0px !important; } .about-author-footer { width: 370px; height: 5px; background: url(../gfx/paper_edge_footer.gif) no-repeat; margin-bottom: 15px; } #interior .airbags h4 { font-weight: normal; color: #990000; margin-left: 10px; padding: 0px !important; } .article-nav { width: 540px; background: url(../gfx/bg_article_nav.gif) repeat-y; padding: 0px 10px 0px 10px; margin: 30px 0 10px 0; } .prev, .next { float: left; width: 250px; padding-right: 10px; } .next { width: 249px; padding-left: 10px; } #archive-drop { border-top: 1px dotted #CCC; padding: 15px 10px 20px 10px; } #archive-drop select { width: 280px; margin-bottom: 10px; } #archive-drop h4 { margin-bottom: 10px; } .more { padding: 15px 10px 25px 10px; } .more p { font-size: 14px; } /*----------------------------------------------------------------------- Tertiary pages ------------------------------------------------------------------------ */ #tertiary .col-left { float: left; width: 610px; margin-right: 10px; } #tertiary .col-right { width: 370px; } #tertiary #header .col-right { margin: 0; } #tertiary #header { width: 990px; border-bottom: 3px solid #CCC; padding: 8px 0px 15px 0px; } #tertiary h1.section-title { font-family: Gill Sans, Arial, Sans, serif; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding: 8px 10px 5px 10px; border-bottom: 3px solid #ccc; margin-bottom: 12px; line-height: 18px; } #tertiary h1 { font-size: 36px; font-family: Helvetica, Arial, sans; font-weight: bold; padding: 0 10px 3px 10px; } /*----------------------------------------------------------------------- To be Demolished ------------------------------------------------------------------------ */ #demolished .col-left { float: left; width: 650px; margin-right: 0px; } #demolished #header .col-right { margin: 0; } #demolished #header { width: 940px; border-bottom: 3px solid #CCC; padding: 8px 0px 10px 0px; } .demolished-left { float: left; width: 645px; padding: 0px 2px 10px 0px; } .demolished-left-small { float: left; width: 650px; padding: 0px 2px 10px 0px; font-size: 11px;} .demolished-right1 { float: left; width: 290px; padding: 0px 5px 0px 5px; background-color: #e9e9e9; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 10px;} .demolished-right1sub {width: 100%; padding: 3px 5px 0px 5px;} .demolished-right2 { float: left; width: 300px; padding: 0px;} .demolished-footer {width: 940px; padding: 5px 5px 5px 5px; background-color: #e9e9e9; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 10px;} .demolished-thumb {padding: 0px 5px 0px 0px;} .demolished-title { font: 16px; font-weight: bold; } #demolished h3 { color: #333; font: 12px Arial; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; padding-top: 33px; font-weight: bold; } h2.demolished { font: 18px Georgia; margin-bottom: 2px; padding-top: 10px; font-weight: bold; } #demolished h1.section-title { font-family: Gill Sans, Arial, Sans, serif; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding: 8px 10px 5px 10px; border-bottom: 3px solid #ccc; margin-bottom: 12px; line-height: 18px; } /*----------------------------------------------------------------------- Sidebar ------------------------------------------------------------------------ */ .sidebar { float: right; width: 180px; padding: 10px; background-color: #fafaeb; border: 1px solid #e7e7d3; margin: 0 0 10px 10px; } .sidebar h4 { margin-bottom: 10px; } .sidebar ul li { font: 12px Georgia !important; line-height: 18px !important; margin-bottom: 10px; } /*----------------------------------------------------------------------- Headers ------------------------------------------------------------------------ */ .header-jobs { background: url(../gfx/bg_header_jobs.gif) no-repeat; padding-top: 33px !important; } .header-maillist { margin-top: 12px} .header-store { background: url(../gfx/bg_header_store.gif) no-repeat; padding-top: 33px !important; } /*----------------------------------------------------------------------- Rearview interior pages ------------------------------------------------------------------------ */ #rearview { color: #666; background-color: #000; margin: 0; text-shadow: 0 0 0 #000; } #rearview a { color: #fffdd4; } #rearview h1.section-title { color: #FFF; margin: 0; border-bottom: 1px dotted #333; } #rearview img { padding: 1px; border: 1px solid #333; } .rearview-left { float: left; width: 700px; padding: 25px; border-right: 1px dotted #222; } .rearview-right { float: left; width: 145px; padding: 20px; text-align: center; } .double-divider { border-bottom: 3px double #333; margin-bottom: 12px; } .rearview-full { float: left; width: 990px; padding: 20px; text-align: left; } /*----------------------------------------------------------------------- Fuel ------------------------------------------------------------------------ */ .comment-entry { font-size: 14px; line-height: 24px; padding: 15px 10px 0px 10px; border-bottom: 1px dotted #CCC; } .comment-entry h4 { color: #333; font: 12px Georgia; font-weight: bold; text-transform: none; margin-bottom: 5px; letter-spacing: normal; } #comment-form-left { float: left; width: 164px; padding: 0px 10px 0px 10px; border-right: 1px dotted #CCC; margin-bottom: 10px; } #comment-form-right { float: left; width: 355px; padding-left: 10px; margin-bottom: 10px; } .comm { width: 150px; } #DynamicText { width: 150px; height: 160px; } .icon-comment { background: url(../gfx/icon_comment.gif) 0 50% no-repeat; padding-left: 16px; } .icon-add-comment { background: url(../gfx/icon_add_comment.gif) 0 50% no-repeat; margin-left: 10px; padding-left: 20px !important; } /*----------------------------------------------------------------------- Ads ------------------------------------------------------------------------ */ .display-ad { text-align: center; background-color: #e9e9e9; margin-bottom: 14px; } .display-ad img { border-right: 1px solid white; border-left: 1px solid white; } /* Text Ads */ #text-ads { font-family: Lucida Grande, Verdana, Arial, sans serif; font-size: 11px; text-align: center; margin: 10px 10px 10px 10px; /* active */ /* margin: 10px 0 0 0; */ } #text-ads a { color: #cc0000; } /* Text Ads */ #announcement { font-family: Lucida Grande, Verdana, Arial, sans serif; font-size: 11px; text-align: center; background-color: #f6f6da; padding: 8px 0 0px 0; margin: -17px 0px 10px 0px; border-bottom: 1px dotted #ccc; } #announcement2 { font-family: Lucida Grande, Verdana, Arial, sans serif; font-size: 11px; text-align: center; color: #FFF; background-color: #333; padding: 30px 0 30px 0; margin: -17px 0px 10px 0px; border-bottom: 1px dotted #ccc; } #announcement p { margin-bottom: 6px; } #announcement2 p { margin-bottom: 6px; } #announcement2 a { color: #FF0000; } .ads-callout { color: #999; font-size: 9px; text-transform: uppercase; font-weight: bold; padding-left: 5px; padding-right: 5px; } /*----------------------------------------------------------------------- Slowdown ------------------------------------------------------------------------ */ #slowdown { font-size: 11px; width: 300px; overflow: hidden; border-bottom: 1px solid #ccc; } #slowdown p { margin-bottom: 0; border-bottom: 1px solid #ccc; clear: both; } p.sd-date { color: #fff; background-color: #ccc; font: bold 10px/27px georgia; text-transform: uppercase; letter-spacing: 2px; padding-left: 16px; } .sd-day { color: #5d5d4f; background-color: #fffff2; float: right; width: 230px; padding-left: 8px; } .sd-post, .sd-time, .sd-post a {float:left;} .sd-post {padding: 5px 8px 5px 0px; line-height: 16px;} .sd-time { color: #ccc; width: 53px; border-right: 1px dotted #ccc; text-align: right; padding-right: 8px; text-transform: lowercase; } .sd-post a { font-family: arial, verdana, sans serif; width: 222px; padding-left: 8px; } /*----------------------------------------------------------------------- Calendar ------------------------------------------------------------------------ */ .calendar-date { color: #5d5d4f; font: bold 10px/27px georgia; text-transform: uppercase; letter-spacing: 2px; background-color: #fffff2; border-top: 1px solid #ccc; } .calendar-day {font-size: 10px; color: #5d5d4f;} th {border-bottom: 1px solid #fffff2;} .cal-1, .cal-2 { width: 14%; height: 22px; text-align: center; vertical-align: middle; border-top: 1px solid #ccc; } .cal-1 { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #eee; } .today { height: 20px; vertical-align: middle; text-align: center; padding-top: 2px; background-color: #d0f3ff; } /*----------------------------------------------------------------------- Newsletter ------------------------------------------------------------------------ */ form#maillist { background-color:#d0f3ff; margin-bottom: 20px; } form#maillist h1 { background-color:#fff; } form#maillist > div.content { border-bottom: 1px solid #d0f3ff;} /*----------------------------------------------------------------------- Store ------------------------------------------------------------------------ */ .shop-home-buttons { background: url(/gfx/bg_shop_buttons.gif) no-repeat; margin-top: -12px; padding-top: 12px; padding-left: 165px !important;} .shop-home-gb-tee { background: url(/gfx/bg_shop_gb-tee.gif) no-repeat; margin-top: -12px; padding-top: 12px; } .shop-home-istarchi-tee { background: url(/gfx/bg_shop_istarchi-tee.gif) no-repeat; margin-top: -12px; padding-top: 12px; padding-left: 165px !important; } .store .double-divider { border-bottom: 3px double #CCC; margin-bottom: 12px; } /*----------------------------------------------------------------------- Footer ------------------------------------------------------------------------ */ #footer { width: 990px; margin: 1px auto 50px auto; background: url(../gfx/paper_edge_footer.gif) bottom repeat-x; border-top: 3px double #CCC; } #footer p { padding: 10px 10px 5px 10px; } #footerad { float: right; padding: 20px 10px 15px 10px; vertical-align: middle; text-align: center; border: 1px dotted #CCC; background: url(../gfx/footerad_header.gif) top no-repeat; background-color: #fff; } /*----------------------------------------------------------------------- Microsites Footer -- blog includes ------------------------------------------------------------------------ */ #footer-microsites { width: 940px; border-top: 3px double #CCC; margin: 12px auto 0 auto; } #footer-microsites h4 { padding: 10px; border-bottom: 1px dotted #CCC; } #footer-microsites-lines { background: url(../gfx/bg_footer_peripheral.gif) repeat-y; } .microsites-col { float: left; width: 160px; padding: 8px 10px 8px 10px; margin-right: 10px; } .microsites-col-last { float: left; width: 160px; padding: 10px; } /*----------------------------------------------------------------------- Grid ------------------------------------------------------------------------ */ .dotted-divider { border-bottom: 1px dotted #ccc; margin-bottom: 12px; } /*----------------------------------------------------------------------- Classes ------------------------------------------------------------------------ */ .dark-red { color: #990000; } .red { color: #cc0000; } .border { border: 1px solid; } .white { color: #fff; } .light-grey { color: #CCC; } .grey { color: #999; } .pad-10 { padding: 10px; } .pad-10-side { padding: 0px 10px 0px 10px; } .xs { font-size: 10px; } .s { font-size: 11px; } .m { font-size: 12px; } .l { font-size: 14px; } .cap-left { font-size: 11px; font-style: italic; float: left; margin: 2px 15px 5px 0px; text-align: center; } .cap-right { font-size: 11px; font-style: italic; float: right; margin: 2px 0px 5px 15px; text-align: center; } .cap-center { font-size: 11px; font-style: italic; margin: 2px auto 15px auto; text-align: center; } .divider { border-bottom: 1px solid #CCC; margin-bottom: 12px; }