/* ----------------------------------------------- Blue State Digital CSS by Cameron Corda content beige: #EBE6C8 brown: #5A3D1C orange-red: #A13B1A orange: #BD7931 green: 787a31 ----------------------------------------------- */ /* YAHOO RESET ----------------------------------------------- */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{ color:#000;background:#FFF; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0;padding:0; }table{ border-collapse:collapse;border-spacing:0; }fieldset,img{ border:0; }address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit; }del,ins{ text-decoration:none; }li{ list-style:none; }caption,th{ text-align:left; }h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal; }q:before,q:after{ content:''; }abbr,acronym{ border:0;font-variant:normal; }sup{ vertical-align:baseline; }sub{ vertical-align:baseline; }legend{ color:#000; }input,button,textarea,select,optgroup,option{ font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }input,button,textarea,select{ *font-size:100%; } /* YAHOO BASE ----------------------------------------------- */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ .base h1{ font-size:138.5%; }.base h2{ font-size:123.1%; }.base h3{ font-size:108%; }.base h1,.base h2,.base h3{ margin:1em 0; }.base h1,.base h2,.base h3,.base h4,.base h5,.base h6,.base strong,.base dt{ font-weight:bold; }.base optgroup{ font-weight:normal; }.base abbr,.base acronym{ border-bottom:1px dotted #000;cursor:help; }.base em{ font-style:italic; }.base del{ text-decoration:line-through; }.base blockquote,.base ul,.base ol,.base dl{ margin:1em; }.base ol,.base ul,.base dl{ margin-left:2em; }.base ol li{ list-style:decimal outside; }.base ul li{ list-style:disc outside; }.base dl dd{ margin-left:1em; }.base caption{ margin-bottom:.5em;text-align:center; }.base sup{ vertical-align:super; }.base sub{ vertical-align:sub; }.base p,.base fieldset,.base table,.base pre{ margin-bottom:1em; }.base button,.base input[type="checkbox"],.base input[type="radio"],.base input[type="reset"],.base input[type="submit"]{ padding:1px; } /* UTILS ----------------------------------------------- */ img { border: 0; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .whitespace { margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ /* LINKS ----------------------------------------------- */ a { color: #204363; text-decoration: none; } a:hover { color: #BA0000; } a img { } /* TYPOGRAPHY ----------------------------------------------- */ body { color: #24324f; font-size: 14px; line-height: 1.5em; font-family: Helvetica, sans-serif; } .base h2 { font-size: 22px; text-transform: uppercase; font-weight: normal; margin-top: 0; } .base h3 { font-size: 19px; text-transform: uppercase; font-weight: normal; margin-top: 0; } .base h4 { font-size: 18px; line-height: 1.4em; font-weight: normal; margin-bottom: 1.5em; } .side-block li { font-size: 12px; line-height: 16px; margin-bottom: 10px; } .side-block li a { font-weight: bold; color: #204363; } .side-block li a:hover { color: #B60000; } .more { font-size: 1.1em; text-align: right; } .paginate { font-size: 1.1em; } .viewall { font-style: italic; font-size: 1.1em; text-align: center; } #content h1 { font-size: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #555; padding: 15px; background: #EEE; border-bottom: 3px solid #cecece; margin: 0; } #content .page-content h2 { font-size: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #555; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* LAYOUT ----------------------------------------------- */ html, body { background: #FFF; } #container { width: 960px; margin: 0 auto; } #content-wrap { margin-top: 5px; background: #F9F9F9; } #content { width: 705px; float: left; background: #F9F9F9; } .page-content { padding: 25px; } #side { width: 250px; float: right; overflow: hidden; display: inline; } /* BLOCKS ----------------------------------------------- */ /* Header */ #header { height: 147px; } a#banner { height: 110px; width: 960px; text-indent: -9999em; background: url(/page/-/images/header_graphic.png) no-repeat center; float: left; display: block; margin: 0; padding: 0; } #featured { background: transparent url(/page/-/images/header_title_bkgd.png) no-repeat center top; margin-top: 3px;} #featured h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; line-height: 35px; color: #555; padding: 10px 0; text-align: center; } #featured h1 strong { font-weight: normal; font-size: 26px; } #featured #blue-box { background: #0e2e4c url(/page/-/images/featured_header_bkgd.png) no-repeat top center; padding: 15px 25px; } #featured #blue-box #action-text { width: 655px; font-size: 14px; color: #FFF; font-family: Georgia, 'Times New Roman', Times, serif; } #featured #blue-box #action-text strong { font-weight: bold; font-size: 18px; line-height: 22px; } #featured #blue-box #action-text p { margin-bottom: 10px; } #featured #blue-box #action-buttons { width: 230px; float: right; } #featured #blue-box a#action-button-petition { background: url(/page/-/images/featured_button_petition.png) no-repeat center; width: 230px; height: 75px; text-indent: -9999em; display: block; margin: 15px 0 25px; } #featured #blue-box a#action-button-faq { background: url(/page/-/images/featured_button_faq.png) no-repeat center; width: 230px; height: 75px; text-indent: -9999em; display: block; } .content-block { background: #EBE6C8; padding: 10px; margin-bottom: 15px; } /* Menu */ .site-nav { height: 37px; width: 960px; background: url(/page/-/images/nav_buttons_bkgd.png) no-repeat ; float: left; margin-bottom: 0; } ul#menu { position: relative; padding: 0; font-family: Whitney, Helvetica, sans-serif; height: 37px; } .site-nav ul li{ float: left; list-style: none; margin: 0;} .site-nav ul li a {background: url(/page/-/images/nav_buttons_separator.png) no-repeat scroll right center; height: 15px; display: block; text-decoration: none; float: left; overflow: hidden; padding: 11px 30px; font-size: 15px; } .site-nav li.last { background: none; font-size: 12px; height: 34px; min-height: 31px; display: inline; width: 182px; float: right; overflow: hidden; } .site-nav li.last a { background: none; font-size: 12px; width: 153px; padding-left: 0; text-align: right; } .site-nav li a { color: #24324f; display: inline-block; } .site-nav li a:hover { text-decoration: none; } /* News Module */ #news-module { width: 960px; background: #F9F9F9 url(/page/-/images/sub-content-bg.png) repeat-y; margin-bottom: 5px; } #news-module h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 22px; color: #555; } #news-module a { font-weight: bold; color: #204363; } #news-module a:hover { color: #B60000; } #news-module #expert-voices { width: 270px; /*background: #F9F9F9;*/ float: left; padding: 0 25px; } #news-module #expert-voices h2 { margin: 15px 0; } #news-module #expert-voices h3 { font-size: 12px; font-weight: bold; } #news-module #expert-voices ul li { margin-bottom: 10px; } #news-module #expert-voices ul li p { font-size: 12px; line-height: 15px; margin-left: 100px;} #news-module #expert-voices ul li div p { margin-left: 0;} #news-module #news-two-column { width: 640px; float: right; /*background: #E5E5E5 url(/page/-/images/news_header_bkgd.png) repeat-y center;*/ } #news-module #news-two-column ul#social-media { font-size: 11px; width: 608px; padding-right: 32px; background: #dcdcdc; text-align: right; } #news-module #news-two-column ul#social-media li { display: inline; margin: 0 2px; line-height: 25px; } #news-module #news-two-column ul#social-media li strong { font-weight: bold; } #news-module #news-right-column h2 { margin: 15px 0 15px 345px; } #news-module #news-left-column h2 { margin: 15px 25px; } #news-module #news-right-column ul { width: auto; text-align: left; font-size: 12px; margin: 0 25px 0 345px; } #news-module #news-left-column ul { margin: 0 25px; position: relative; left: 0; } #news-module #news-left-column ul li, #news-module #news-right-column ul li { display: list-item; line-height: 16px; } #news-module #news-right-column ul li { margin: 0 0 10px 0; } #news-module #news-left-column ul li { clear: both; } #news-module #news-two-column #news-left-column { width: 320px; float: left; /*background: #E5E5E5 url(/page/-/images/news_notes_bkgd.png) repeat-y center;*/ } #news-module #news-two-column #news-right-column { width: 640px; float: right; /*background: #E5E5E5 url(/page/-/images/news_headlines_bkgd.png) repeat-y 320px center;*/ } #news-module .resources-thumbnail, #news-module .voices-thumbnail { float: left; margin-right: 10px; border: 2px solid #CCC; } #news-module .resources-thumbnail { width: 50px; margin-bottom: 10px; border: 1px solid #666; } #news-module .voices-thumbnail { width: 90px; } #news-module .news-more { text-align: right; font-size: 12px; clear: both; } #news-module #more-voices { margin: 15px 0 0; } #news-module #more-notes { margin: 0 25px 0 0; } #news-module #more-resources { margin: 0 25px 10px 0; } #news-module #more-news { clear: none; margin: 0 25px 15px 0; } #news-module .news-date { color: #999; } #news-module #news-left-column ul li.news-date, #news-module #news-right-column ul li.news-date { margin-bottom: 5px; } /* Partners Module */ #partners { width: 960px; clear: both; background: transparent url(/page/-/images/partners_bkgd.png) repeat-y center; } #partners h2 { font-size: 22px; font-family: Georgia, 'Times New Roman', Times, serif; color: #555; padding: 15px; background: #EEE; border-bottom: 3px solid #cecece; } #partners .partners-list { margin: 15px 0 0; line-height: 13px; font-size: 10px; } #partners .partners-list li { min-height: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 50px; width: 150px; margin-left: 10px; } #partners .partners-list .partners-logo { width: 140px; } #partners .partners-list .partners-link { margin: 5px 0 5px 10px; } /* Side Block */ .side-block { padding: 15px; background: #F9F9F9 url(/page/-/images/news_headlines_bkgd.png) repeat-y scroll right top; margin-bottom: 5px; } .side-block h2 { text-align: center; } .side-block h3 { color: #555555; font-family: Georgia,'Times New Roman',Times,serif; font-size: 22px; padding: 0 0 10px 0; text-align: center; } #side-petition { padding: 10px 0; } #side-petition a { background: transparent url(/page/-/images/take-action-interior.png) no-repeat scroll center center; width: 221px; margin: 0 auto; height: 67px; display: block; text-indent: -9999em; border: 5px solid #0E2E4C; } #side-petition a:hover { border: 5px solid #B60000; } #side .news-date { color: #999; } #side .news-more { text-align: right; font-size: 12px; } /* Footer*/ #footer { text-align: left; margin: 5px 0; height: 36px; background: url(/page/-/accountability/bg-footer.jpg); color: #eee; padding: 20px 0 0 20px; font-family: Helvetica, sans-serif; font-size: 12px; clear: both; } #footer a { color: #eee; } /* IMAGE REPLACEMENT ----------------------------------------------- */ #changeme { width: 371px; height: 79px; } #changeme a { display: block; width: 371px; height: 79px; } /* FORM ATTRIBUTES ----------------------------------------------- */ input, textarea, select { vertical-align: middle; } input.text, textarea { font-size: 14px; background: #fff; border: 1px solid #666; color: #666; padding: 5px 2px; } input.submit { background: #BD7A31; padding: 3px 15px; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: normal; border: none; text-align: center; text-transform: uppercase; letter-spacing: 1px; -moz-border-radius: 2px; border-radius: 2px; } input.submit:hover { background: #BD7A31; cursor: pointer; } input.buttonImage { cursor: pointer; border: none; vertical-align: middle; padding: 0; } select { font-size: 12px; background: #fff; text-align: left; border: 1px solid #a3a3a3; } span.required { color: #BC0000; } /* Page Forms */ #pages legend { font-size: 18px; color: #0E2E4C; font-weight: bold; margin-bottom: 10px; } #pages div.field { clear: both; margin: 15px 0; } #pages label { display: block; float: left; width: 200px; font-size: 14px; } #pages input { display: block; float: left; border: none; background: #E5E5E5; color: #666; padding: 5px; width: 300px; font-size: 14px; } #pages input { display: block; float: left; border: none; background: #E5E5E5; color: #666; padding: 5px; width: 300px; font-size: 14px; } #pages input.submit { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 5px 10px; font-size: 12px; background: #0E2E4C; margin-left: 200px; color: #FFF; width: auto; } #pages div.required-note { margin-left: 200px; } #pages #get-involved select { font-size: 14px; background: #E5E5E5; border: none; padding: 3px; color: #666; } #pages #get-involved input#addr2 { display: block; clear: both; margin: 10px 0 0 200px; } #pages #get-involved input#custom-30 { width: auto; float: left; display: inline; margin-top: 4px; } #pages #get-involved label.custom-30 { width: 275px; display: inline; float: left; } #pages #contact-us textarea { background: #E5E5E5; border: none; padding: 5px; color: #666; width: 300px; height: 150px; } /* signup */ #bodyBSD #signup { width: 400px; margin-left: 0px; } #bodyBSD #signup td { padding-top: 4px; } #bodyBSD #signup label { font-weight: normal; text-transform: uppercase; font-size: 11px; } #bodyBSD #signup .input_email { width: 377px; } #bodyBSD #signup .input_firstname { width: 178px; } #bodyBSD #signup .input_lastname { width: 178px; } #bodyBSD #signup .input_addr1 { width: 377px; } #bodyBSD #signup .input_addr2 { width: 377px; } #bodyBSD #signup .input_city { width: 178px; } #bodyBSD #signup .select_state_cd { width: 80px; margin-right: 5px; height: 26px; padding: 2px; } #bodyBSD #signup .input_zip { width: 85px; margin-right: 8px; } #bodyBSD #signup .select_country { width: 186px; margin-right: 5px; } #bodyBSD #signup .input_phone { width: 178px; margin-right: 8px; } #bodyBSD #signup input.submit { margin-top: 10px; } #bodyBSD #signup input.checkbox { margin-right: 4px; vertical-align: middle; } #bodyBSD #signup input.radiobutton { margin-right: 4px; vertical-align: middle; } #bodyBSD #signup textarea { width: 377px; } #bodyBSD #contribution label { text-transform: uppercase; font-weight: normal; font-size: 11px; } input#custom-30 { margin-right: 10px; } /* FEED PAGES ----------------------------------------------- */ .list-index { padding: 0; } #newsroom-list, #resources-list, #voices-list, #of-note-list { margin: 0; } ul.list-index li { margin-bottom: 15px; list-style-type: none; } .list-index li ul { margin: 0 0 10px 0; } .list-index .heading { color: #999; } .list-index li.entry { } .list-index. h3 { margin: 0 0 5px; } .list-index h2 { text-transform: none; font-size: 20px; } #resources-list { clear: left; background: transparent url(/page/-/images/resources_divider.png) no-repeat top center; padding: 15px 0; margin-bottom: 15px; } #resources-list li { min-height: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 50px; } #resources-list li.list-image { } #resources-list li.list-image img { width: 50px; border: 1px solid #333; } #resources-list li.list-caption { width: 235px; padding: 0 15px; } #nav_categories { margin: 0 0 15px 0; } #nav_categories li { list-style-type: none; margin: 0 15px 0 0; display: inline; line-height: 30px; } p.voice_name { display: inline; float: left; margin-bottom: 0px; margin-right: 5px;;}