/* LAYOUT ----------------------------------------------- */ html, body {margin: 0; padding: 0; text-align: center; background: #1E4787;} html {height: 100%; margin-bottom: 1px;} /*force scrollbars on short pages*/ body {text-align: center; margin: 0 auto; font-size: 12px; line-height: 18px; font-family: arial, sans-serif;} #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_blue.gif) repeat-y; } body.ideas, body.recovery {background-color:#1E4787;} body.rush {background-color:#66171B;} body.speaker {background-color:#6282B7;} body.ideas #container, body.recovery #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_blue.gif) repeat-y; } body.speaker #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_speaker.gif) repeat-y; } body.rush #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_red.gif) repeat-y; } body.onecol #mainContent {padding: 0 25px;} body.onecol #sidebar {display: none;} body.onecol #main {width: 940px; margin-left: 22px; padding: 0px; margin-top: 3px; margin-bottom: 10px; float: left; background: #fff url(/page/-/wrapper/img/onecol_bg.png) repeat-y;} body.onecol #mainTop {display: block; height: 10px; background: #fff url(/page/-/wrapper/img/onecol_top.png); margin: 0px 0px 0px 0px;} body.onecol #mainBottom {display: block; height: 10px; background: #fff url(/page/-/wrapper/img/onecol_bottom.png); margin: 0px 0px 0px 0px;} body.onecol #mainContent {padding: 0 25px;} body.onecol #mainContent h1 {background: url(/page/-/wrapper/img/interior_title_bg.png); margin: -6px -25px 10px -21px; padding: 10px 21px; font-size: 18px; color: #336699;} body.contribute #header {background: url(/page/-/wrapper/img/contribute_header_background_blue.gif) no-repeat; height: 134px;} body.contribute #header form {display: none;} body.contribute #header h2#contribute_button {display: none;} body.contribute #primary_nav {display: none;} body.contribute #header h1 a {background: url(/page/-/wrapper/img/contribute_h1_background.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 950px; display: block; margin-left: 20px;} .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { float: left; width: 400px; margin-right: 40px; } /* this style allows you to position the form description to the left of the contribution form (note, you may have to adjust width and height depending on site layout and form options). */ .bsd-contribForm-oneCol .bsd-contribForm-belowContent { float: left; width: 100%; } /* this style makes sure the below form text spans the entire page. */ .bsd-contribForm-oneCol form#contribution { width: 200px; } /* TYPOGRAPHY ----------------------------------------------- */ html { font-size: 100%; } /* Somehow Fixes IE */ body { font-size: 70%; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; color: #000;} /* sets font to 10px */ #container { font-size: 1.2em; } /* 1.1em = 11px */ h1 {font-size: 1.8em; color: #0071BC; margin-bottom: .8em; letter-spacing: 0px; font-weight: bold;} h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: normal; color: #000;} h3 {font-size: 1.25em; margin-bottom: 1.2em; font-weight: normal; color: #000; font-style: italic;} h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;} h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;} h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;} ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;} p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; margin-top: 1.2em;} blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;} pre {font-family: monospace; font-size: 1.0em;} strong, b {font-weight: bold;} em {font-style: italic;} td {vertical-align: top;} /* LINKS ----------------------------------------------- */ a {color: #cc0000; text-decoration: none; ;} a:link {} a:visited {} a:active {} a:hover {text-decoration: underline;} /* HEADER DETAILS ----------------------------------------------- */ #header {background: url(/page/-/wrapper/img/header_background_blue.gif) no-repeat; height: 178px;padding-top: 5px;} body.ideas #header, body.recovery #header {background: url(/page/-/wrapper/img/header_background_blue.gif) no-repeat; height: 178px;padding-top: 5px;} body.rush #header {background: url(/page/-/wrapper/img/header_background_red.gif) no-repeat; height: 178px;padding-top: 5px;} body.speaker #header {background: url(/page/-/wrapper/img/header_background_speaker.gif) no-repeat; height: 178px;padding-top: 5px;} body.speaker #header h1 a {background: url(/page/-/satellites/hcac/hcac_header.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;margin-bottom:0} body.recovery #header h1 a {background: url(/page/-/wrapper/img/rfa-header.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;margin-bottom:0} body.rush #header h1 a {background: url(/page/-/wrapper/img/sorry_rush_h1.jpg) no-repeat; text-indent: -9999px; height: 165px; width: 950px; display: block; margin-left: 20px;margin-bottom:0} #header h1 {margin: 0;} #header h1 a {background: url(/page/-/wrapper/img/h1_background.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;} #header h1 b a {background: url(/page/-/images/stakeholder/stakeholder_header.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;} #header h1 c a {background: url(/page/-/wrapper/img/mobilize_for_change_banner.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;} body.speaker #header form#get_involved { background: url(/page/-/wrapper/img/get_involved_health.jpg) no-repeat; float: right; width: 253px; height: 135px; margin-top: -124px; padding-top: 50px; position: relative; z-index: 1;} #header form#get_involved { background: url(/page/-/wrapper/img/form_background_blue.jpg) no-repeat; float: right; width: 253px; height: 135px; margin-top: -122px; padding-top: 50px; position: relative; z-index: 1;} body.ideas #header #box, body.speaker #header #box, body.recovery #header #box{float: right; width: 253px; height: 135px; margin-top: -122px;margin-bottom:0; position: relative; z-index: 1;} #header form h2 {display: none; margin: 0;} #header form label {display: none;} #header form input {vertical-align: middle;} #header form input.text {margin-left: 20px; margin-bottom: 5px; color: #666; font-weight: bold; font-size: 11px; padding: 2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} #header form input#qsEmail {width: 145px; display: block; margin-top: 5px;} #header form input#qsZip {width: 60px;} #header form input#qsSubmit {margin-left: 10px; border: 0;} #header form input#qsSubmit {cursor: pointer;} #primary_nav {background: url(/page/-/images/primary_nav_bg_11_03_09.png) no-repeat; width: 717px; height: 41px; margin-top: 4px; margin-left: 19px; position: relative;} #primary_nav li {position: absolute; margin: 0;} #primary_nav li a {display: block; height: 41px; text-indent: -9999px;} #primary_nav li a:hover {} /* #primary_nav li#home {left: 0px; width: 49px;} #primary_nav li#about_dccc {left: 51px; width: 79px; } #primary_nav li#democratic_majority {left: 132px; width: 136px;} #primary_nav li#races_2008 {left: 270px; width: 76px;} #primary_nav li#action_center {left: 348px; width: 95px;} #primary_nav li#newsroom {left: 445px; width: 74px;} #primary_nav li#dccc_live {left: 506px; width: 70px;} #primary_nav li#blog {left: 593px; width: 40px;} #primary_nav li#spanish {left: 635px; width: 82px;} */ #primary_nav li ul {display: none; position: relative; border-top: 3px solid #fff;} #primary_nav li ul li {float: none; position: static;} #primary_nav li ul a { width: 200px; padding: 3px 7px; background: #0B3979; color: #fff; border-bottom: 1px solid white; font-weight: normal; height: auto; position: static; text-indent: 0; font-family: verdana; font-size: 9px; text-transform: uppercase; text-decoration: none; margin:0 } #primary_nav li ul a:hover {background: #456A9E; color: #fff;} #primary_nav li:hover ul, #primary_nav li.sfhover ul {z-index: 1000; display: block;} /* nav adjustments preview */ /* body.nav-preview #primary_nav {background: url(/page/-/images/primary_nav_bg_11_03_09.png);} */ #primary_nav li#home {left: 0px; width: 54px;} #primary_nav li#about_dccc {left: 55px; width: 89px;} #primary_nav li#races_2008 {left: 145px; width: 88px;} #primary_nav li#action_center {left: 234px; width: 106px;} #primary_nav li#newsroom {left: 341px; width: 85px;} #primary_nav li#dccc_live {left: 427px; width: 41px;} #primary_nav li#blog {left: 509px; width: 51px;} #primary_nav li#nav-store {left: 561px; width: 57px;} #primary_nav li#spanish {left: 619px; width: 98px;} #header h2#contribute_button a {text-indent: -9999px; height: 46px; width: 236px; display: block; float: right; background: url(/page/-/wrapper/img/contribute_button_shiny.gif) no-repeat; position: absolute; margin-top: -43px; margin-left: 739px; z-index: 2;} body.speaker #header h2#contribute_button a {text-indent: -9999px; height: 46px; width: 236px; display: block; float: right; background: url(/page/-/wrapper/img/contribute_button_shiny.gif) no-repeat; position: absolute; margin-top: -43px; margin-left: 739px; z-index: 2;} /* SPANISH HEADER ----------------------------------------------- */ body#bodyEsp #primary_nav {background: url(/page/-/wrapper/img/ESP-nav-background.gif) no-repeat; width: 717px; height: 41px; margin-top: 4px; margin-left: 19px; position: relative;} body#bodyEsp #primary_nav li {} body#bodyEsp #primary_nav li#navA {left: 0px; width: 77px;} body#bodyEsp #primary_nav li#navB {left: 79px; width: 122px;} body#bodyEsp #primary_nav li#navC {left: 203px; width: 124px;} body#bodyEsp #primary_nav li#navD {left: 329px; width: 75px;} body#bodyEsp #primary_nav li#navE {left: 406px; width: 112px;} body#bodyEsp #primary_nav li#navF {left: 520px; width: 102px;} body#bodyEsp #primary_nav li#navG {left: 624px; width: 93px;} /* BEGIN INTERIOR ----------------------------------------------- */ body.interior #main {width: 710px; margin-left: 22px; padding: 0px; margin-top: 3px; margin-bottom: 10px; float: left; background: url(/page/-/wrapper/img/interior_bg.gif) repeat-y; display: inline;} body.interior #mainTop {display: block; height: 10px; background: url(/page/-/wrapper/img/interior_top.gif); margin: 0px 0px 0px 0px;} body.interior #mainBottom {display: block; height: 10px; background: url(/page/-/wrapper/img/interior_bottom.gif); margin: 0px 0px 0px 0px;} body.interior #mainContent {padding: 0 25px; } body.interior #mainContent h1 {background: url(/page/-/wrapper/img/interior_title_bg.png); margin: -6px -25px 10px -21px; padding: 10px 21px; font-size: 18px; color: #336699;} .headlineBlock {margin: 20px 0 30px 0;padding:0} .headlineBlock h2 {color: #336699;} .headlineBlock h2 a {color: #336699;} .headlineBlock table {border-collapse: collapse; margin-bottom: 0px; width:600px;} .headlineBlock th {border-bottom: 1px solid #fff; background: #999; color: #fff; padding: 3px 5px 2px 5px; letter-spacing: 1px;} .headlineBlock td {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top;} .headlineBlock td.odd {background: #fff;} .headlineBlock td.even {background: #f8f8f8;} .headlineBlock td.title {padding-right: 10px; width: 85%;} .headlineBlock td.date {white-space: nowrap;} .headlineBlock p.paginate {text-align: left; margin: 5px; font-size: 1.1em;} .headlineBlock p.paginate a.more {color: #333;} .stateheader {border: solid 3px; text-align:center} /* BEGIN HOME ----------------------------------------------- */ #main { width: 730px; float: left;} body.ideas #main {width: 730px;float:left;} #main { width: 730px; float: left;} #mainTop {display: none;} #mainBottom {display: none;} .entry li {margin-left: 50px} .entry ol, .entry ul {list-style-type: disc;} /* FONT SIZING */ .tiny {font-size:90%;} .regular {font-size:100%} .large {font-size:115%} /* BLOG SPECIFIC */ div.entry {margin-bottom:2em;} /* div.entry h2.title */ div.entry p.byline {font-size:90%} /* SPOTLIGHT */ body.recovery div#spotlight {background: url(/page/-/wrapper/img/map-bkgrnd.gif) no-repeat; height:449px; width: 710px; margin-left: 22px; padding-top: 10px; padding-left: 20px;margin-bottom: 10px;} body.ideas div#spotlight, body.speaker div#spotlight {background: url(/page/-/wrapper/img/spotlight-3.gif) no-repeat; height: 310px; width: 591px; margin-left: 22px; padding-top: 10px; margin-bottom: 10px;} body.speaker div#spotlight a {color:#1D4C9F;} #spotlight a {font-weight:bold;} #spotlight {background: url(/page/-/wrapper/img/spotlight_background.png) no-repeat; height: 381px; width: 710px; margin-left: 22px; padding-top: 10px; padding-left: 20px; margin-bottom: 10px;} #spotlight h3 {background: url(/page/-/wrapper/img/spotlight_h3_background.gif) no-repeat; text-indent: -9999px; height: 33px; width: 97px; margin-bottom: 0;} #featureWrap {margin-left: -15px;} #featureLeft {float: left; width: 540px; height: 340px;} body.speaker #featureLeft {float: left; width: 420px; height: 255px;} #featureLeft div {margin: 10px;} #featureLeft .ui-tabs-hide {display: none;} #featureRight {float: right; width: 180px; margin-right: 5px;} #featureRight ul {margin: 0;} #featureRight li {height: 85px; width: 155px; padding: 0; margin: 0; border: 0; font-size: 15px; margin: 0; line-height: 1.2em;} #featureRight a {text-decoration: none; color: #8a9bb1; display: block; padding: 20px 30px 0 10px; height: 65px; width: 115px;} #featureRight #top_story {background: url(/page/-/wrapper/img/tabs/tab_topstory.png) no-repeat;} #featureRight .ui-tabs-selected #top_story {background: url(/page/-/wrapper/img/tabs/tab_topstory_on.png) no-repeat 1px 0; color: #cc0000;} #featureRight #rapid_response {background: url(/page/-/wrapper/img/tabs/tab_response.png) no-repeat;} #featureRight .ui-tabs-selected #rapid_response {background: #fff url(/page/-/wrapper/img/tabs/tab_response_on.png) no-repeat 1px 0; color: #cc0000;} #featureRight #races_update {background: url(/page/-/wrapper/img/tabs/tab_news.png) no-repeat;} #featureRight .ui-tabs-selected #races_update {background: url(/page/-/wrapper/img/tabs/tab_news_on.png) no-repeat 1px 0;} #featureRight #democratic_nation {background: url(/page/-/wrapper/img/tabs/tab_nation.png) no-repeat;} #featureRight .ui-tabs-selected #democratic_nation {background: url(/page/-/wrapper/img/tabs/tab_nation_on.png) no-repeat 1px 0;} #featureRight #ideas_for_change {background: url(/page/-/wrapper/img/tabs/tab_ideas.png) no-repeat;} #featureRight .ui-tabs-selected #ideas_for_change {background: url(/page/-/wrapper/img/tabs/tab_ideas_on.png) no-repeat 1px 0;} #featureRight #health_care_welcome {background: url(/page/-/wrapper/img/tabs/hc_welcome_gray.gif) no-repeat;} #featureRight .ui-tabs-selected #health_care_welcome {background: url(/page/-/wrapper/img/tabs/hc_welcome_blue.gif) no-repeat 1px 0;} #featureRight #health_care_victory {background: url(/page/-/wrapper/img/tabs/hc_victory_gray.gif) no-repeat;} #featureRight .ui-tabs-selected #health_care_victory {background: url(/page/-/wrapper/img/tabs/hc_victory_blue.gif) no-repeat 1px 0;} #featureRight .ui-tabs-selected {} #featureRight .ui-tabs-selected a {color: #cc0000;} #featureRight img.feed_icon {position: absolute; margin-top: 40px; margin-left: 120px;} /* HOME SECONDARY */ #homeSecondary {width: 710px; margin-left: 22px;} body.ideas #homeSecondary {width: 710px; margin-left: 22px;} body.speaker #homeSecondary {width: 710px; margin-left: 22px;} #featured_race {background: url(/page/-/wrapper/img/box_two.gif) no-repeat; width: 341px; margin-left: 0px; padding: 10px 4px; position: relative; float: left;} #featured_race h3 {text-indent: -9999px; width: 340px; height: 28px; background: url(/page/-/wrapper/img/featured_race.gif) no-repeat;} #featured_race h4 {font-weight: bold; font-size: 14px; padding: 0 8px; margin: 0;} #featured_race h4 span {font-size: 16px; display: block;} #featured_race ul { float: right; margin-right: 15px; margin-top: 10px;} #featured_race ul li {margin: 0;} #featured_race ul li a {text-decoration: none; font-weight: bold; display: block; background: url(/page/-/wrapper/img/featured_box_list.gif) no-repeat; width: 123px; height: 35px; text-align: center; padding-top: 15px; margin-bottom: 8px; color: #999;} #featured_race img {margin-left: 10px; margin-top:10px;} #featured_race p.caption {font-size: 11px; margin-left: 30px; font-style: italic;} #featured_race p#past_races a{ position: absolute; color: red; text-decoration: none; font-weight: bold; margin-left: 150px; margin-top: -15px;} #dccc_blog {background: url(/page/-/wrapper/img/box_two.gif) no-repeat; width: 351px; position: relative; float: right; margin-right: 3px;} #dccc_blog .rss-feed { float: right; margin: 0 10px 0 0; } #dccc_blog a img{ margin: 0; padding: 10px; } #dccc_blog div {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top; line-height: 1.2em;} #dccc_blog div.odd {background: #fff;} #dccc_blog div.even {background: #f8f8f8;} #dccc_blog p.more {text-align: left; margin: 5px; font-size: 1.1em;} #dccc_blog p.more a {color: #333;} #dccc_blog li { border-bottom: 1px solid #ddd; padding: 0 10px 5px; } #dccc_blog li p { margin: 0; font-size: 80%;} /* #container #dccc_blog { float: right; margin-top: -320px; padding-bottom: 20px; } */ /* #dccc_blog {padding-left: 15px; padding-right: 10px;} #dccc_blog ul {margin-top: 10px;} #dccc_blog ul li {text-indent: 20px; line-height: 20px; background: url(/page/-/wrapper/img/comment_background02.gif) 6px 0 no-repeat; margin-bottom: 4px;} #dccc_blog ul li.last {background: none; text-indent: 0px;} #dccc_blog ul li a {font-weight: bold; color: red;} */ #special_campaigns {clear: both; margin-top: 20px;} #special_campaigns {background: url(/page/-/wrapper/img/special_campaigns_background_1r.gif) no-repeat; width: 707px; height: 75px; margin-left: 22px; margin-bottom:10px;padding-top: 50px; padding-left: 5px;} #special_campaigns img {float: left; margin-left: 2px;} #special_campaigns h3 {display: none;} #races {clear: both; margin-top: 20px; } #races {background: url(/page/-/wrapper/img/racesbox.jpg) no-repeat; width: 707px; height: 90px; margin-left: 22px; padding-top: 50px; padding-left: 5px;} #races img {float: left; margin-left: 2px;} #races h3 {display: none;} #search_bar {background: url(/page/-/wrapper/img/search_box_background.gif) no-repeat; height: 64px; width: 483px; margin-left: 22px; float: left;} #search_bar form label {display: none;} #search_bar form {margin-left: 200px; padding-top: 20px;} #search_bar form input {} #search_bar form button {background: url(/page/-/wrapper/img/search.gif) no-repeat; border: 0; text-indent: -9999px; height: 22px; width: 75px; margin-left: 10px;} #member_login_button {float: right; margin-right: 3px; margin-top: 4px;} /* END MAIN */ /* BEGIN SIDEBAR */ #sidebar {float: left; width: 230px; display: inline;} body.speaker #sidebar {float: left; width:310px; display: inline;margin-left:-80px;z-index:1} body.speaker #sideblock {background:url(/page/-/wrapper/img/box_two.gif) no-repeat;width:310px;margin-bottom:20px;height:305px;font-size:90%;} #sidebar img.wide {margin-left: 5px; margin-bottom: -5px;} #sidebar .side_extend {background: url(/page/-/wrapper/img/extend_background.gif) no-repeat; background-position: bottom left; padding-bottom: 10px;} /* #dccc_updates { padding: 0 25px 0 15px; } #dccc_updates h2 { background: url(/page/-/wrapper/img/dccc_updates.gif) no-repeat; height:40px; width: 234px; margin-bottom: 4px; margin-left: -8px; text-indent: -9999px; } #dccc_updates .tweet { border-bottom: 1px solid #ddd; padding: 8px 0; } #dccc_updates .follow { margin: 6px 0; } #dccc_updates .follow a { color: #333; } #dccc_updates .follow a:hover { text-decoration: underline; } */ #dccc_live h2 {text-indent: -9999px; height:40px; width: 234px; background: url(/page/-/wrapper/img/dccc_live.gif) no-repeat; margin-bottom: 4px; margin-left: -15px;} #dccc_live {padding-left: 15px; padding-right: 25px;} #dccc_live ul#program_list {border: 1px solid; width: 205px;} #dccc_live ul#program_list li {border-bottom: 1px solid #000; padding: 3px;} #dccc_live ul#program_list li a {text-decoration: none; color: black;} #dccc_live ul#program_list li.active {background: #2B61AF; margin-top:0px} #dccc_live ul#program_list li.active a, #dccc_live ul#program_list li.active a span{color: #fff;} #dccc_live ul#program_list li a span {font-weight: bold; font-size: 14px; display: block; color: red;} #dccc_live ul#program_list li.last {border: 0;} #dccc_blogroll h2 {text-indent: -9999px; height:43px; width: 234px; background: url(/page/-/wrapper/img/dccc_blogroll.gif) no-repeat; margin-left: -13px;} #dccc_blogroll {background: url(/page/-/images/stakeholder/extend_background.gif) repeat-y; background-position: bottom left; padding-bottom: 10px;} #dccc_blogroll {padding-left: 15px; padding-right: 10px;} #dccc_blogroll ul {margin-top: 10px;} #dccc_blogroll ul li {text-indent: 20px; line-height: 12px; background: url(/page/-/wrapper/img/comment_background.gif) no-repeat; background-position: 0 -2px; margin-bottom: 4px;} #dccc_blogroll ul li.last {background: none; text-indent: 0px;} #dccc_blogroll ul li a {font-weight: bold; color: red;} ul#show_list {margin-top: 10px;} ul#show_list li a {padding-left: 40px; padding-right: 10px; background: url(/page/-/wrapper/img/audio_list_background.gif) no-repeat; height: 40px; display: block; font-size: 14px; font-weight: bold; color: red;} #connect h3 { text-indent: -9999px; background: url(/page/-/wrapper/img/connect_with_dccc.gif) no-repeat; height: 43px; width: 324px;} #connect ul {margin-left: 12px; margin-top: -10px;} #connect li {display: inline;} /* END SIDEBAR */ #footer {font-size:90%; clear: both; background: url(/page/-/wrapper/img/footer_background_blue.gif) no-repeat; padding-top: 15px; padding-left: 40px; padding-right: 40px; color: #ccc; padding-bottom: 4px; margin-left: -1px;} body.ideas #footer, body.recovery #footer {background: url(/page/-/wrapper/img/footer_background_blue.gif) no-repeat;} body.speaker #footer {background: url(/page/-/wrapper/img/footer_background_speaker.gif) no-repeat;color:#333344;} body.rush #footer {background: url(/page/-/wrapper/img/footer_background_red.gif) no-repeat;} #footer p {text-align:center;} #footer a {color: white;} /* MISC */ .date {font-size: .9em;} #connections li {display:inline;margin-right:3px;} /* Comments ----------------------------------------------- */ #comments {margin: 30px 0;} .comment {font-size: 1em; margin: 0 10px 30px 10px; padding: 5px; background: #f8f8f8} .commentOdd {} .commentEven {} .commentNumber {border-bottom: 1px solid #999; padding: 3px; color: #EE2E24; text-align: right; margin-bottom: 0;} .commentNumber a {text-decoration: none;} .commentNumber a:hover {text-decoration: underline;} .commentInfo {border-top: 1px solid #999; padding: 3px; color: #666; margin-top: 0; font-size: .9em;} .commentText {margin-left: 3px; margin-right: 3px;} .commentText p {margin: 6px 0;} #commentPost {border-top: 1px solid #999; padding-top: 30px;} #commentPost td {padding: 0; margin: 0;} #commentPost form p {margin: 1px 0; padding: 3px 0;} #commentPost form em {} #commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;} #commentPost form input.text {width: 420px;} #commentPost form textarea {width: 420px;} /* DASHBOARD NAV (BLUE_HAT) */ #bodyBSD #blue_hat {} #bodyBSD #blue_hat ul {} #bodyBSD #blue_hat li {} #bodyBSD #blue_hat li.blue_hat_active {} /* dashboard */ /* base styles (to be reused) */ #bodyBSD #SKIN p, #bodyBSD #SKIN li, #bodyBSD #SKIN td, #bodyBSD #SKIN th, #bodyBSD #SKIN label, #bodyBSD #SKIN div, #bodyBSD #SKIN a { font-size: 12px; } #bodyBSD #SKIN #widget_group_1 {background: #fff;} #bodyBSD #SKIN #widget_group_1 .widget_container {padding: 0; background-image: none;} #bodyBSD #SKIN #widget_group_2 {background: #fff;} #bodyBSD #SKIN #widget_group_2 .widget_container {padding: 0; background-image: none;} /* customization */ #bodyBSD #SKIN #control_set {background: #fff; padding: 0; margin-bottom: 20px;} #bodyBSD #SKIN #control_set h1 {font-weight: normal; margin: 0; background: none; padding-left: 0;;} #bodyBSD #SKIN #widget_group_1 {float: left; width: 430px; } #bodyBSD #SKIN #widget_group_2 {float: right; width: 430px;} #bodyBSD #SKIN .widget_container {border: 1px solid #ddd; margin-bottom: 20px} #bodyBSD #SKIN .widget_header {background: #f1f1f1;} #bodyBSD #SKIN .widget_actions {height: 20px; line-height: 20px; margin-top: 5px;} /* #bodyBSD #SKIN .widget_action_submit {background: url(/page/-/wrapper/img/go.png) no-repeat; height: 18px; margin-left: 2px; margin-top: 2px;} */ #bodyBSD #SKIN .widget_action_submit:hover {cursor: pointer;} #bodyBSD #SKIN h2.widget_title {color: #336699; ;padding: 10px 0 0 5px; margin: 0; line-height: 1em; margin-bottom: .8em; font-size: 1.4em;} /* fixes */ #bodyBSD #SKIN #current_question {line-height: 1.5em;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .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;} .noborder {border: none !important;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .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 */ /* LIGHTBOX ----------------------------------------------- */ #lightbox { width: 710px; height: 500px; margin: 0; padding: 0; position: relative; display: none; } #lightbox.titled { background: url(/page/-/wrapper/img/lightbox-bkgd2.png) no-repeat center top; } #lightbox.untitled { background: url(/page/-/wrapper/img/lightbox-bkgd1.png) no-repeat center top; } #lightbox #lb-content { position: absolute; top: 55px; left: 55px; font-size: 20px; color: #555; width: 550px; height: 350px; } #lightbox.titled #lb-content { text-align: left; padding: 0 25px; } #lightbox.untitled #lb-content {text-align: center; padding: 15px 25px; } #lightbox #lb-content p { margin: 0; padding: 0; line-height: 24px; } #lightbox.titled #lb-content img.lightbox-image { height: 270px; } #lightbox.untitled #lb-content img.lightbox-image { width: 500px; display: block; margin: 0 auto; } #lightbox #lb-content img.floatl { padding-right: 25px; } #lightbox #lb-content img.lightbox-button { display: block; margin: 15px auto 0; } #lightbox #lb-signup { } #lightbox #lb-content h2, #lightbox #lb-signup legend { text-transform: uppercase; color: #FFF; font-size: 23px; line-height: 40px; margin-bottom: 25px; } #lightbox #lb-signup input { margin-right: 5px; vertical-align: middle; font-size: 18px; padding: 5px; background: #E0E4EA; margin-top: 10px; color: #555; display: block; } #lightbox #lb-signup #lb-email { margin-top: 15px; } #lightbox #lb-signup #lb-zip { } #lightbox #lb-signup #lb-submit { border: none; background: transparent; } #lightbox #lb-skip { position: absolute; top: 475px; width: 710px; text-align: right; font-size: 15px; } #lightbox #lb-skip a { color: #E0E4EA; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:url(/page/-/wrapper/img/colorbox-overlay.png) 0 0 repeat;} /* FORM ATTRIBUTES ----------------------------------------------- */ form {margin: 0;} input[type="radio"] { background-color:white; } input, textarea {font-size: 13px; background: #eee; text-align: left; padding: 0; } .txt, .text {background: #eee; border-color: #666; padding: 1px;} .hasfocus {background: #DEEFFF; color: #001F5C;} select {font-size: 11px; background: #fff; text-align: left;} input.button {cursor: pointer;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;} input#processbutton {background: #cc0000; color: #fff; padding: 10px; font-size: 1.3em; text-transform: uppercase; cursor: pointer;} input.text {border-color: #666; padding: 2px;} input.button {background: #666; color: #fff; border-color: #000; padding: 1px;} @media screen { #lettersmain { padding: 2px; font-size:120%; line-height:1.6em} #lettersmain #lettersheadertext { font-size: 95%; text-align: left; margin-bottom: 15px; } #lettersmain #lettersmainright { float:right; width: 48%; } #lettersmain #lettersmainright #lettersheaderright { border: 1px none #000; text-align: left; width: 90%; padding-left: 8px; font-size: 100%; margin-bottom: 0px; clear:right; } #lettersmain #lettersmainright #lettersactions, #lettersmain #lettersmainright #lettersactions, #lettersmain #lettersmainright #lettersstats, #lettersmain #lettersmainright #lettersleaderboard { border: 1px solid #000; text-align: left; width: 90%; background-color: #fff; padding: 8px; margin: 10px; margin-top:0px; margin-bottom: 25px; } #lettersmain #lettersmainright #lettersleaderboard #leaderboard { width: 100%; } #leaderboard TD { font-size: 80%; } #lettersmain #lettersmainright #lettersstats #lettersstat { font-size: 90%; } #lettersmain #lettersmainright #lettersresource { border: 1px solid #000; text-align: left; width: 90%; background-color: #fff; padding: 8px; margin: 10px; margin-top:0px; margin-bottom: 25px; } #lettersmain #lettersmainleft { float:left; width: 48%; } #lettersmain #lettersmainleft #lettersheaderleft { text-align: left; width: 90%; padding-left: 8px; font-size: 100%; margin-left:2px; } #lettersmain #lettersmainleft #lettersdata { float: left; border: 1px solid #000; text-align: left; width: 90%; background-color: #fff; padding: 8px; margin: 10px; margin-top: 0px;} #lettersmain #lettersmainleft #lettersdata #dataheader { width:100%; background-color:#eee;border: 1px solid #ccc; } #lettersmain #lettersmainleft #lettersdata #datatable TD { font-size: 70%; } #datatable { border-collapse: collapse; border: 0 none; } .call_status_null { background: #EEBBBB; text-decoration:line-through;} .call_status_1 { background: #BBEEBB; } .call_status_2 { background: #EEEEBB; } .call_status_3 { background: #EEEEBB; } .call_status_4 { background: #EEBBBB; text-decoration:line-through; } .call_status_5 { background: #BBEEBB; } .call_status_6 { background: #EEEEBB; } .call_status_7 { background: #EEBBBB; text-decoration:line-through; } .call_status_8 { background: #BBEEBB; } } @media print { #lettersmain #lettersmainright,#lettersmain #lettersheadertext { display: none; } } #dataspan { font-size: 190%; } #talking_points p {font-size:12px} #district{border-top-width: 1px; border-top-style: solid; border-top-color: black; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: black; font-size: 24px; background-color: #1a4a88; color: white; margin-top: -5px; padding: 10px;margin-bottom: 25px; text-align:center;} /* @group RACES */ #candidateBox{float:left; width: 350px; height: 209px;} #candidateBox .candidate{background-color: white;border-width: 1px; border-color: #005995; border-style: solid; float: left; background-color: #e8f4fc; border-width: 1px; border-color: #005995; border-style: solid; padding: 3px;} #candidateBox .name{background-color: white; font-size: 18px; color: #02549d; border-width: 1px; border-color: #005995; border-style: solid;width: 154px; padding: 10px;float: left; border-left:0px; font-weight:bold} #candidateBox .caption{width: 167px;margin-left: 160px; padding: 5px; font-size:.8em; margin-top: 40px;} #candidateBox .links{width: 132px; height: 33px;margin-left: 160px;padding-left: 5px;} #opponentBox{float:right;width: 300px;height: 27px;} #opponentBox .opponent{background-color: white; font-size: 14px; color: #ac0113; border-width: 1px; border-color: #ac0113; border-style: solid; padding: 7px;width: auto; float: left; } #opponentBox .opponentName{background-color: white; font-size: 14px; color: #ac0113; border-width: 1px; border-color: #ac0113; border-style: solid; padding: 7px; width: 152px;float: left;border-left: none; font-weight:bold} #opponentBox .roadblock{float: left; width: 153px;margin-left: 10px;font-size:.8em; margin-top:5px} #opponentBox .link{float: right; padding-left: 5px; width: 159px;} #liveUpdates h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 30px;margin-bottom: -1px;} #liveUpdates .updateBox{border: 1px solid black; padding: 3px;height:auto;} #tv h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 50px;margin-bottom: -1px;} .ontheair {position:relative; top:-50px;} #candidateBio h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 30px;margin-bottom: -1px;} #candidateBio .bio{border: 1px solid black; height: auto; padding: 5px;} #contribute h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 30px;margin-bottom: -1px;} #contribute .contributeWays{border: 1px solid black; padding: 3px; height: 155px;} #contribute img{margin-top: 10px; float: left; width: 134px;margin-left: 79px;} #contribute .onlineContribution{width: 168px;margin-left: 76px;} #contribute .mailingAdress{float:left; width: 223px; position:relative; top:-15px} #contribute .fec{float: left; width: 129px;} #contribute .contributeWays .mailing{float:right; width: 206px; } #contribution td.contribbutton input { font-weight: bold; background:url(/page/-/wrapper/contrib-bkgrnd.gif) repeat-x #8D0F0F; padding:10px;text-align: center; font-family:"century gothic", verdana, arial, sans-serif ; } #contribution textarea, #contribution input, #contribution select {font-size:16px;} #contribution table {border-spacing:2px;margin:0 auto 0 auto;} #contribution td.contribbutton input {margin-top:5px;} #contribution td.contribheader {border-bottom:1px solid #cccccc;color:#226699;font-size:130%;font-weight:bold; padding:5px;text-align:left;} #contribution input#processbutton {font-size:120%;padding:10px;width:300px;} #contribution span.disclaimer {color:#333333;font-size:80%;text-transform:none;} #contribution p.employer {color:#333333;font-size:80%;margin-top:0;margin-bottom:0} #contribution label {font-variant: small-caps; text-transform: uppercase;} #contribution #footer {font-size:90%} /*--------------------------------------------------------------------------------------------------------------------- FRAMEWORK ---------------------------------------------------------------------------------------------------------------------*/ /*.signup-submit-btn {background:url(/page/-/wrapper/contrib-bkgrnd.gif) repeat-x #8D0F0F; height:30px; margin:10px 0 0;width:140px; color:white; text-transform:uppercase; font-size:14px; text-align:center; font-weight:bold;}*/ .signup-submit-btn {background: url(/page/-/images/new_submit_plain.jpg); height: 25px; width: 86px; border: 0; text-indent: -900em; cursor: pointer; margin: 10px 0 0 0; display: block; font-size: 0; line-height: 0;} form#signup input { padding:5px; } /* @end */ /* styles for parsing signups */ #dccc-signup { margin:20px; } .dccc-people { background:#f0f0f0; padding:5px 0 5px 10px; margin:0 auto 10px auto; width:200px; } .dccc-people p { margin:0; text-align:center;}