/****************** CPI Investigations Base *******************/ /* -------------------------- RESET PROJECT GLOBAL CSS -------------------------- */ #cpi_content {background-image: url(../img/project_brogo_content-bg.gif); border: none !important;} .column.projectnav {float: none; width: auto;} .column.left {width: 789px; margin: 0; padding: 4px 5px 5px;} body.homepage .column.left .bucket {background: #dedddd url(../img/project_brogo_bucket-bg.gif) no-repeat 50% 0; margin: 5px 0 0; padding: 70px 130px;} body.item .column.left h2 {text-align: center; text-transform: uppercase; color: #1065A1; letter-spacing: 2px; margin-bottom: 60px; margin-top: 10px; line-height: 15px; font-size: 15px !important;} .column.left .bucket h3 {text-align: center;} #project_footer {display: none;} h4 a.entry-link {color: #C91C1C !important;} /* -------------------------- PROJECT SPECIFIC CSS -------------------------- */ .column.projectnav ul.navigation.project {text-align: center; background-color: #c91c1c; border: 1px solid #c91c1c; height: 58px; margin: 0; font-family: Georgia, serif; font-size: 15px; line-height: 26px; text-transform: uppercase; font-weight: normal; padding: 0;} .column.projectnav ul.navigation.project li {margin: 0;} .column.projectnav ul.navigation.project li {display: inline;} .column.projectnav ul.navigation.project li ul {display: inline;} .column.projectnav ul.navigation.project li ul li {} .column.projectnav ul.navigation.project li a {padding-right: 25px; background: url(../img/project_brogo_nav_separator.gif) no-repeat 99% 50%; margin-right: 5px; display: inline; font-size: 15px;} .column.projectnav ul.navigation.project li a.last {padding: 0; margin: 0; background: none;} .column.projectnav ul.navigation.project li, .column.projectnav ul.navigation.project li ul#failures-by li a {color: #efbbbb !important; letter-spacing: 3px;} .column.projectnav ul.navigation.project li ul#failures-by li a:hover, .column.projectnav ul.navigation.project li ul#failures-by li.active a {color: white !important;} .column.projectnav ul.navigation.project li ul#other-nav li, .column.projectnav ul.navigation.project li ul#other-nav li a {color: #e9a4a4 !important; font-size: 11px; line-height: 28px;} .column.projectnav ul.navigation.project li ul#other-nav li a:hover {color: white !important;} .column.projectnav ul.navigation.project li ul#failures-by li#categories {position: relative;} .column.projectnav ul.navigation.project li ul#failures-by li#categories ul {position: absolute; z-index: 9999; display: none; background: transparent url(../img/category_dropdown-bg-bottom.png) no-repeat 0 100%; padding: 5px 25px 25px; left: -50px; top: 25px; width: 170px;} .column.projectnav ul.navigation.project li ul#failures-by li#categories ul li, .column.projectnav ul.navigation.project li ul#failures-by li#categories ul li a {display: block; width: auto; border: 1px solid white; text-transform: none; letter-spacing: 0; background: white; text-align: left; color: #333 !important; font-size: 11px; font-family: Arial, sans-serif; line-height: 11px;} .column.projectnav ul.navigation.project li ul#failures-by li#categories ul li a {padding: 1px 0;} .column.projectnav ul.navigation.project li ul#failures-by li#categories ul li a:hover, .column.projectnav ul.navigation.project li ul#failures-by li#categories ul li a.active {color: #c91c1c !important;} .column.projectnav ul.navigation.project li ul#failures-by li#categories ul#menu-top {width: 210px; height: 30px; background: url(../img/category_dropdown-bg-top.png) no-repeat; display: block; padding: 0; top: -5px; display: none;} #project_header {border: 1px solid #c91c1c; padding: 4px; position: relative; width: 779px; overflow: hidden;} #project_header h1 a {display: block; height: 22px;} #project_header div#brogo_image {position: relative; width: 779px; height: 500px; overflow: hidden; background: black;} #project_header div#brogo_image img {position: absolute; top: 0; left: 0; display: block;} h1#brogo_title {position: absolute; top: 220px; left: 150px; background: url(../img/project_brogo_title.png) no-repeat; width: 480px; display: block; text-align: center;} span#brogo_subtitle {display: block; background: url(../img/project_brogo_subtitle-bg.png) no-repeat; text-align: center; font-size: 12px; padding: 16px 0; font-weight: bold;} span#counter {background-color: #8d1414; padding: 4px 0 3px; margin: 0 2px; color: #c91c1c; letter-spacing: 1px;} span#counter span {background: #a81717 url(../img/project_brogo_counter_numbers-bg.gif) no-repeat; padding: 4px 2px 2px 3px; margin: 1px;} span#counter span.first {margin-left: 3px;} span#counter span.last {background: #a81717 url(../img/project_brogo_counter_numbers-bg.gif) no-repeat 0 0; margin-right: 2px;} span#counter span.last span {margin: 0; padding: 0 !important; background: none !important; position: relative; left: 0; top: -2px;} body#interior div#brogo_image {height: 230px;} body#interior h1#brogo_title {top: 140px;} body#interior .column.left p {font-size: 12px; line-height: 21px;} .column.left .bucket a {color: #C91C1C !important;} body#interior .bucket h4 a {text-transform: uppercase !important; letter-spacing: 1px;} body#interior .bucket h4 a:visited {color: #666 !important;} body#interior .bucket h3 {text-align: left;} body#interior .bucket p.introduction {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #999;} body#interior .bucket ul {margin-right: 0;} #loading {display: none; width: 100%; height: 24px; text-align: center; font-family: Georgia, serif; font-size: 24px; letter-spacing: 4px; text-transform: uppercase; color: #C91C1C; background: white; padding: 30px 0; position: absolute; z-index: 9999;} span#sidebar-column a.sidebar-story {display: block; width: 168px; padding: 15px; text-align: left; text-decoration: none !important; line-height: 16px; font-size: 12px; border: 1px solid #C91C1C; margin-top: 7px; color: #666 !important; font-family: Arial, sans-serif; } span#sidebar-column a.sidebar-story span {display: block; font-size: 16px; color: #C91C1C !important; font-style: italic; font-family: Georgia, serif;} span#sidebar-column a.sidebar-story:hover {background: #C91C1C; color: white !important;} span#sidebar-column a.sidebar-story:hover span {color: white !important;} span#sidebar-column {display: block; float: right; width: 200px; margin-left: 15px;} span#sidebar-column a {margin-bottom: 10px; display: block;} span#sidebar-column a img {float: none; margin: 0;} /* card area */ #cards {position: absolute; top: 0; left: 0;} #cards-area {position: absolute; top: 0; width: 770px; height: 380px;} #cards-background {position: relative; top: 0; left: 108px; width: 550px; height: 398px; display: block; background: url(../img/cards-bg.png) no-repeat;} #cards-slideshow, #cards-slideshow2 {position: absolute; top: 40px; left: 135px; width: 506px; height: 313px;} .card-wrap {width: 506px; height: 313px; background: url(../img/card-top-bg.png) no-repeat; position: absolute;} .card {padding: 15px 30px;} .card h4 {font-family: Georgia, serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #c91c1c; margin-bottom: 15px !important;} .card h4 span {color: #999;} .card .text {height: 190px; width: 450px; overflow: auto;} .card .text p {padding-right: 5px; margin-bottom: 15px; font-size: 12px !important; color: black !important;} .card .text img {float: left; margin-right: 10px; margin-top: 7px;} #card-previous {position: absolute; left: 50px;} #card-next {position: absolute; right: 50px;} #card-previous, #card-next {top: 200px;} #cards-slideshow p, #cards-slideshow2 p {line-height: 18px;} p.card-info {font-size: 11px; font-style: italic; text-align: right; color: #666; margin-bottom: 15px; margin-top: 5px;} p.card-info span.card-cat {text-decoration: underline;} #social-content {position: absolute; width: 350px; left: 250px; top: 50px; z-index: 9999;} #photo-credit {font-size: 11px !important; font-style: italic; color: #999 !important;} /* card buttons */ a#suggestions, a#choose {position: absolute; z-index: 1; bottom: 8px; height: 30px;} a#suggestions {width: 150px; left: 265px;} a#choose {width: 65px; left: 426px;} /* government agencies filtering */ #filter {padding: 0; background-image: none; border: none;} #filter-by-wrap, #filter-results-wrap {float: left;} #filter-by-wrap {width: 294px;} #filter-by {height: 390px; overflow: auto; background: #45a5e8 /*url(../img/filter-by-bg.gif) repeat-x 0 100%*/;} .column.left #filter ul {margin: 2px;} .column.left #filter ul li {list-style: none; font-size: 11px; line-height: 12px; margin: 0; } .column.left #filter ul li a {color: white !important; text-decoration: none !important; padding: 5px 20px; margin-bottom: 2px; display: block;} .column.left #filter ul li a:hover, .column.left #filter ul li a.active {background-color: #a2d2f3; color: #1065a1 !important;} .column.left #filter ul li a.active {background-color: white;} .column.left #filter ul li.no_results {color: white; padding: 15px 20px; padding-right: 70px; font-size: 14px; font-family: Georgia, serif; font-style: italic; line-height: 17px;} #filter-category {background-color: #1065a1; padding: 15px 20px; height: 40px;} #filter-category label {display: block; font-family: Georgia, serif; color: white; font-size: 12px; font-weight: bold; line-height: 12px; margin-bottom: 5px;} #filter-results-wrap {width: 495px;} #filter-results-title {height: 46px; padding: 12px 20px; background-color: #cdcdcd;} #filter-results-title h3 {text-align: left; font-family: Georgia, serif; line-height: 18px;} #filter-results-title h3 span {text-transform: none; letter-spacing: 0; color: #1065a1; font-size: 14px !important; font-weight: normal !important;} #filter-results-title h3 span#category-name {font-style: italic;} #filter-results {height: 390px; overflow: auto;} #filter-results h4 {margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; color: #C91C1C;} #filter-results p {margin-bottom: 20px;} #filter-instructions {display: none; width: 317px; height: 130px; margin-left: 10px;} #filter-instructions h4 {display: block; width: 317px; height: 130px; overflow: hidden; background: url(../img/select_an_agency_message2.jpg) no-repeat;} #filter-instructions h4 span {position: absolute; top: -9999px;} #theresults {padding: 20px; } #theresults a, {color: #C91C1C !important;} #theresults h2 {text-align: left; color: #C91C1C; line-height: normal; margin-bottom: 20px;} .column.left p span.image {width: 100px !important; display: block; color: #666 !important;} span.next {float: right;} span.previous {float: left;} /* -------------------------- ENTRY TOOLS -------------------------- */ #tools {background: #333; margin: 0; padding: 20px 25px 20px;} .item_tools {margin: 40px 25px 20px;} .entry_tools a.active {color: white !important;} #emailThis, .emailThis, #shareThis, .shareThis {background: #555;} #emailThis form label, .emailThis form label {color: #ccc;} body.item .item_tools {padding: 0; background: none; width: auto; border-top: none;} #shareThis ul li, .shareThis ul li {width: auto; margin: 5px;} #shareThis a, .shareThis a {width: 101px; height: 16px; display: block; color: #ccc !important; padding: 3px; border: 1px solid #666; font-size: 11px !important; line-height: normal; text-decoration: none !important;} #shareThis a img, .shareThis a img {float: right !important; margin: 0 !important;} #shareThis a span, .shareThis a span {float: left; display: block; padding-top: 2px;} #shareThis a:hover, .shareThis a:hover {background: #666;} /* -------------------------- QUOTES -------------------------- */ .column.left .bucket p.quote, .column.left .bucket p.quote span {padding: 0 !important; background: none !important; color: #999 !important;} .column.left .bucket p.quote.docs {margin-right: 100px !important;} /* -------------------------- CAPTIONS -------------------------- */ .column.left p span.image {color: #b5b5b5;}