/* ========= 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 GENERAL STRUCTURE 4.0 HEADINGS 5.0 BRANDING 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES 14.0 META 15.0 ACCESSIBILITY 16.0 PAGE SPECIFIC light green: #7FB833 dark green: #588123 blue gray: #535D58 ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ body#advertising-gallery div#wrapper { height: auto; min-height: 698px; } div.thumb-and-info { float: left; display: inline; min-height: 200px; width: 186px; margin: 1em 24px 1.5em 0; } div.thumb-and-info-wide-low { float: left; display: inline; min-height: 200px; width: 394px; margin: 1em 12px 1.5em; } span.file-size { float: left; padding-top: 0.2em; color: #000; font-size: .8em; } body#advertising-gallery div.chunk { width: 100%; float: none; display: block; } body.advertising-gallery div#wrapper div#inner-wrapper div#content-body { position: static; padding: 120px 0 20px 263px; } .online-ad-container { padding: 0 0 0 30px; } body#flash-ad-popup { margin: 0; padding: 0; background-color: #000; } body#flash-ad-popup div#content-body { top: 0; } /* 4.0 HEADINGS ------------------------------------------ */ body#advertising-gallery div#content-body h3 { color: black; } body#advertising-gallery div#content-body h3.section-heading { margin: 1em 0; font-size: 1.15em; border-bottom: 1px solid #000 } div#content-body h3#title { color: #F58220; } body#advertising-gallery div#content-body div.content-block h3 { text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 5px 0; margin: 0 -12px 12px; border-bottom: 1px solid #999; } body#advertising-gallery div#content-body div.chunk h3, div.thumb-and-info h3 { text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 5px 0; margin: 0 0 12px; border-bottom: 1px solid #999; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ div.thumb-and-info p.download a, div.thumb-and-info-wide-low p.download a { text-decoration: underline; } body#advertising-gallery div.television-ad-thumb p.download a { color: #F58220; text-decoration: underline; } body#advertising-gallery div.television-ad-thumb p.download a:hover { color: black; } body#gallery a#link-gallery-home, body#video-gallery a#link-video-gallery.selected, body#photo-gallery a#link-photo-gallery.selected, body#advertising-gallery a#link-advertising-gallery.selected { color: black; } body#video-gallery ul#sidenav a, body#gallery-home ul#sidenav a, body#advertising-gallery ul#sidenav a { background-image: none; color: #999999; height: auto; overflow: visible; text-indent: 0; width: auto; line-height: 1em; } body#advertising-gallery div#sidenav-box ul ul { padding-top:.5em; } body#gallery-home ul#sidenav a:hover, body#gallery-home div#sidenav-box ul a#link-gallery-home, body#video-gallery ul#sidenav li a:hover, body#video-gallery div#sidenav-box ul a#link-gallery-home, body#advertising-gallery ul#sidenav li a:hover, body#advertising-gallery div#sidenav-box ul a#link-gallery-home { color: black; } body#gallery-home div#sidenav-box ul li, body#video-gallery div#sidenav-box ul li, body#advertising-gallery div#sidenav-box ul li { line-height: 1.1; margin-bottom: 0.5em; } body#video-gallery div#sidenav-box ul li#link-gallery-home, body#gallery-home div#sidenav-box ul li#link-gallery-home, body#advertising-gallery div#sidenav-box ul li#link-gallery-home { margin-bottom: 12px; } .television-ad-thumb { width: 185px; float: left; display: inline; margin: 1em 24px 2em 0; } body#advertising-gallery .television-ad-thumb a { color: #7F8382; } .television-ad-thumb a:hover { color: black; } span.television-ad-title { font-size: 12px; height: 20px; text-transform: uppercase; width: 183px; } span.television-ad-length { display: block; font-size: 11px; color: #7F8382; } body#gallery-home .gallery-sections a.span { color: #999999; text-transform: uppercase; } body#gallery-home .gallery-sections a:hover.span { color: black; } body div#content-body a#photo-gallery-pic, body div#content-body a#video-gallery-pic, body div#content-body a#advertising-gallery-pic { color: #999999; text-transform: uppercase; } body div#content-body a#photo-gallery-pic:hover, body div#content-body a#video-gallery-pic:hover, body div#content-body a#advertising-gallery-pic:hover { color: black; } body#advertising-gallery div#sidenav-box ul ul li { margin-left: 12px; } /* 7.0 PARAGRAPHS ------------------------------------------ */ div.thumb-and-info p, div.thumb-and-info-wide-low p, div.television-ad-thumb p, ul#nav-items li p { font-size: 0.9em; margin: 0; } div.thumb-and-info p.title, div.thumb-and-info-wide-low p.title { color: #000; font-weight: bold; } div.thumb-and-info p.download, div.television-ad-thumb p.download, div.thumb-and-info-wide-low p.download { border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; } div.thumb-and-info p.description, div.thumb-and-info-wide-low p.description { margin-top: 6px; } /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ /* 10.0 LISTS ------------------------------------------ */ body.gallery ul#sidenav a { background-image: none; color: #999999; height: auto; overflow: visible; text-indent: 0; width: auto; line-height: 1em; } ul.video-thumbs { overflow: hidden; } /* 11.0 TABLES ------------------------------------------ */ /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ /* 13.0 IMAGES ------------------------------------------ */ div.thumb img { border: 1px solid #ddd; } div.thumb-and-info-wide-low div.thumb img { margin-top: 84px; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------ */