body { background: #f1f1ed url(/i/bg.jpg) top left repeat-x; color: #333; font: .75em/1.35em arial,helvetica,sans-serif; } body#splash2 { background: url(/i/splash_new/splash_bg.jpg) top left repeat; padding-bottom: 80px; } #page { height: 250px; } #wrap { width: 940px; left: 10px; position: relative; margin: 0 auto; } #header { position: absolute; top: 0; left: 0; height: 250px; width: 225px; } /* splash */ #splash #header { z-index: 50; top: 100px; left: 3px; } #header h1, #header h1 a { height: 136px; width: 201px; display: block; } #header h1 { padding-top: 15px; } #header h1 a { text-indent: -5000px; background: url(/i/roger-for-senate_logo.png) no-repeat; } #middle { position: absolute; top: 0; left: 225px; width: 500px; min-height: 500px; } #banner { height: 210px; /*background: #fff url(/i/fulltitle.jpg) top center no-repeat;*/ } #banner img { width: 460px; height: 190px; margin: 20px 20px 0 20px; } #navigation { height: 40px; background: url(/i/bg_white_90.png) top left repeat; } #navigation ul { list-style: none; margin: 0 0 0 42px; padding: 0; } #navigation ul li { display: block; float: left; margin-top: 12px; } #navigation ul li a { margin-right: 18px; color: #666; text-transform: uppercase; font-weight: bold; font-size: 90%; text-decoration: none; } #navigation ul li a:hover { background: url(/i/navigation_current-bg.png) top left repeat; color: #999; } #navigation ul li a.current { color: #003a63; } #content { background: #fff url(/i/content_bg.jpg) top center repeat-y; } #content .content_padding { background: url(/i/content_bg_top.jpg) top center no-repeat; margin: 0; padding: 25px 40px; min-height: 500px; } #content h2 { font-size: 1.55em; font-weight: bold; text-transform: uppercase; color: #003a63; margin: 0 0 1em 0; } #content h2 span { font-size: .85em; font-weight: normal; } #content h3 { font-size: 1.15em; color: #333; margin: 1em 0 .75em 0; font-weight: bold; } #content h3 a { color: #9E4200; text-decoration: none; } #content h3 a:hover { color: #9E4200; text-decoration: underline; } #content h4 { font-size: 1.15em; color: #003a63; margin: 1em 0 .5em 0; } #content .pad-bottom { clear: both; height: 75px; } #content .highlight_panel { margin: 12px -20px; padding: 15px 20px; background: #f1f1ed url(/i/highlight_panel_bg.jpg) top center no-repeat; } #content ul { list-style: none; } #content ul li { padding: 1px 1px 1px 18px; background: url(/i/li.jpg) 0 2px no-repeat; } #actioncenter { position: absolute; top: 230px; left: 725px; width: 215px; } #actioncenter h2 { height: 73px; width: 211px; background: url(/i/action-center_banner.png) top left no-repeat; text-indent: -5000px; } #actioncenter ul { list-style: none; padding: 8px 0 0 22px; } #actioncenter ul li, #actioncenter ul li a { height: 30px; width: 175px; display: block; } #actioncenter ul li a { text-indent: -5000px; background-position: top left; background-repeat: no-repeat; } #actioncenter ul li.contribute-now a { background-image: url(/i/action-center_contribute-now.jpg); } #actioncenter ul li.join-team-roger a { background-image: url(/i/action-center_join-team-roger.jpg); } #actioncenter ul li.tell-your-friends a { background-image: url(/i/action-center_tell-your-friends.jpg); } #actioncenter ul li.blog-for-roger a { background-image: url(/i/action-center_blog-for-roger.jpg); } #actioncenter ul li.updates a { background-image: url(/i/action-center_updates.jpg); } #globalSignUp { position: absolute; top: 250px; left: 0px; width: 200px; } /* splash */ #splash #globalSignUp { left: 670px; } #globalSignUp h2 { height: 63px; width: 117px; margin: 12px 0 0 -9px; background: url(/i/signupforupdates.jpg) top left no-repeat; text-indent: -5000px; } #globalSignUp label { display: block; font-size: 12px; text-transform: uppercase; color: #fff; padding: 3px; } #globalSignUp input { clear: both; border: none; padding: 3px 5px; background-color: #5f7289; width: 194px; color: #fff; } #globalSignUp input.zip { width: 70px; } #globalSignUp a.submit { clear: none; width: 83px; height: 18px; display: block; position: absolute; right: 0; text-indent: -5000px; background: url(/i/teamRoger_submit.png) top left no-repeat; } #teamRoger { position: absolute; top: 230px; left: 725px; width: 215px; } #teamRoger h2 { height: 73px; width: 211px; background: url(/i/team-roger_banner.png) top left no-repeat; text-indent: -5000px; } #teamRoger ul { list-style: none; padding: 8px 0 0 22px; } #teamRoger ul li { padding: 4px 0; } #teamRoger ul li a { font-size: 1.3em; color: #fff; text-decoration: none; } #teamRoger ul li a:hover { } /* #teamRoger ul li, #actioncenter ul li a { height: 30px; width: 175px; display: block; } #teamRoger ul li a { text-indent: -5000px; background-position: top left; background-repeat: no-repeat; } #teamRoger ul li.contribute-now a { background-image: url(/i/action-center_contribute-now.jpg); } #teamRoger ul li.join-team-roger a { background-image: url(/i/action-center_join-team-roger.jpg); } */ #teamRoger_hello { position: absolute; top: 270px; left: 0px; width: 200px; } #teamRoger_hello p { color: #fff; font-size: 1.25em; line-height: 1.4em; } #sideLeft { position: absolute; top: 465px; left: 0; width: 200px; } /* splash */ #splash #sideLeft { top: 525px; left: 120px; width: 440px; } #footer { line-height: 1em; } #footer p { font-size: 80%; color: #003a63; padding: 3px 8px; } /* splash */ #splash #footer p { text-align: center; } #footer p.compliance { border: 1px solid #003a63; padding: 8px; margin: 12px 0 10px 0; } #footer a { color: #003a63; } #sideRight { position: absolute; top: 465px; left: 745px; width: 200px; } #highlights { } /* Old Splash */ #splash #skip { position: absolute; top: 480px; left: 670px; width: 200px; font-size: 1.7em; color: #ccc; } #splash #skip a:hover { color: #333; } #splash #latest { position: absolute; top: 152px; left: 670px; width: 200px; font-size: .9em; color: #fff; } #splash #latest h2 { font-size: 1em; padding-bottom: .75em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em; } #splash #latest ul li a { font-size: 1.3em; text-decoration: none; } #splash #latest a, #splash #latest a:hover { color: #ffffcc; } #splash #splash_image { text-indent: -5000px; height: 344px; width: 572px; background: url(/i/splash_image_ranch-md.jpg) top center no-repeat; position: absolute; top: 175px; left: 60px; z-index: 1; } #splash #splash_letter { width: 572px; background-color: #fff; position: absolute; top: 60px; left: 60px; z-index: 1; margin-bottom: 50px; } #splash #splash_letter .pad { padding: 20px; } #splash #splash_letter h1 { font: normal 22px/1.3 helvetica, arial, sans-serif; letter-spacing: -1px; } #splash #twitter { position: absolute; top: 40px; left: 200px; font-size: .95em; line-height: 1.2em; } #splash #twitter h2 { margin: 0; padding: 0 0 4px 108px; font-size: 1em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em; } #splash #twitter .bird { float: left; height: 45px; width: 80px; margin-right: 10px; } #splash #twitter .message { width: 450px; padding: 8px 16px 10px 16px; margin: 10px 0 0 92px; color: #003a63; background: url(/i/bg_white_75.png) top left repeat; } #splash #twitter .meta { margin: 0 0 0 92px; padding: 10px 16px 0 16px; color: #fff; background: url(/i/callout_white_75.png) 14px 0 no-repeat; } #splash #twitter p { margin: 0; padding: 0; } #splash #twitter .meta a, #splash #twitter h2 a { color: #ffffcc; text-decoration: none; } /* New splash */ #splash2 .splash_main { position: relative; width: 900px; margin: 0 auto; background: url(/i/splash_new/splash_bg_repeat.jpg) top center repeat-y; } #splash2 .splash_main_pad { background: url(/i/splash_new/splash_bg_main.jpg) top center no-repeat; padding: 335px 40px 0 40px; min-height: 125px; position: relative; } #splash2 h1, #splash2 h1 a { display: block; height: 140px; width: 208px; } #splash2 h1 { position: absolute; top: 150px; left: 630px; } #splash2 h1 a { text-indent: -5000px; } #splash2 h2 { display: none; } #splash2 h3 { font-size: 1.1em; font-weight: bold; padding-bottom: 1px; } #splash2 h3 a { text-decoration: none; color: #b03b27; } #splash2 .news_summary { padding-bottom: 15px; } #splash2 #skip { position: absolute; top: 60px; right: 65px; width: 150px; text-align: right; } #splash2 #skip ul { list-style: none; } #splash2 #skip li { padding-bottom: 6px; } #splash2 #skip a { color: #fff; text-decoration: none; } #splash2 .col1 { float: left; width: 245px; } #splash2 .col2 { float: left; width: 245px; margin: 10px 0 0 42px; } #splash2 .col3 { float: left; width: 245px; margin: 0 0 0 42px; } #splash2 .gallery p { text-align: center; padding: 30px 0 0 0; color: #b03b27; font-size: .9em; background: url(/i/loading_bar_b03b27.gif) top center no-repeat; } #splash2 .gallery img { height: 49px; width: 49px; margin: 0 8px 8px 0; border: 2px solid #ddd; } #splash2 form { height: 145px; } #splash2 input.zip, #splash2 input.email { background-color: transparent; border: 1px solid #d4584e; padding: 3px; color: #fff; } #splash2 input.email { width: 236px; } #splash2 input.zip { width: 145px; margin-top: 5px; float: left; } #splash2 input.submit { float: right; margin: 5px 1px 0 0; } #splash2 ul.networking { list-style: none; padding-top: 8px; text-align: center; } #splash2 ul.networking li { background-image: none; margin: 0 0 12px 12px; text-align: center; display: block; float: left; } #splash2 ul.networking li, #splash2 ul.networking li a { height: 21px; width: 104px; } #splash2 ul.networking li a { background-position: top left; backround-repeat: no-repeat; text-indent: -5000px; display: block; } #splash2 ul.networking li a.twitter { background-image: url(/i/networking_twitter.jpg); } #splash2 ul.networking li a.facebook { background-image: url(/i/networking_facebook.jpg); } #splash2 ul.networking li a.linkedin { background-image: url(/i/networking_linkedin.jpg); } #splash2 ul.networking li a.flickr { background-image: url(/i/networking_flickr.jpg); } #splash2 ul.tweets { list-style: none; } #splash2 ul.tweets li { background-color: #eaeff2; margin-bottom: 6px; } #splash2 ul.tweets li .clearbird { display: block; float: right; width: 88px; height: 14px; } #splash2 ul.tweets li .tweet { display: block; padding: 32px 12px 8px 12px; background: url(/i/splash_new/splash_twitter_bg_top.jpg) top left no-repeat; } #splash2 ul.tweets li .meta { display: block; margin: 0 12px; padding: 0 0 12px 0; /*border-top: 1px solid #dde4e8;*/ clear: both; font-size: .85em; } #splash2 ul.tweets li .meta a { color: #8cb3ca; text-decoration: none; } #splash2 .splash_footer { background: url(/i/splash_new/splash_bg_footer.jpg) bottom center no-repeat; height: 45px; } #splash2 .disclaimer { margin: 0 auto; width: 470px; padding: 26px 20px; } #splash2 .disclaimer p { color: #fff; border: 1px solid #fff; text-transform: uppercase; padding: 5px; font-size: .7em; text-align: center; } /* Other sections */ #issuesPage { } #issuesPage ul li h3 { margin: 0 0 .25em 0; } #issuesPage ul li { background-image: none; padding: 8px 12px; background-color: #f6f6f6; margin: 5px 0; } #issuesPage ul li ul { } #issuesPage ul li ul li { padding: 3px 0; border: none; background-color: #fafafa; margin: 0; } #issuesPage h3 span { text-align: right; } #content .floater_right { width: 200px; float: right; margin-right: -20px; padding: 0px 12px 8px 18px; background-color: #f1f1ed; } #sideLeft .gallery { margin: 8px 0; } #sideLeft .gallery img { height: 35px; width: 35px; margin: 0 5px 5px 0; border: 2px solid #fff; } #sideLeft ul.networking { list-style: none; padding-top: 8px; } #sideLeft ul.networking li { background-image: none; float: left; margin: 0 5px 5px 0; } #sideLeft ul.networking li, #sideLeft ul.networking li a { display: block; height: 32px; width: 32px; } #sideLeft ul.networking li a { background: url(/i/network_twitter.png) top left no-repeat; text-indent: -5000px; } #sideLeft ul.networking li a.twitter { background-image: url(/i/network_twitter.png); } #sideLeft ul.networking li a.facebook { background-image: url(/i/network_facebook.png); } #sideLeft ul.networking li a.linkedin { background-image: url(/i/network_linkedin.png); } #highlights ul { list-style: none; padding-top: 8px; } #highlights ul li { background-image: none; margin: 5px 0 0 0; clear: left; } #highlights ul li, #highlights ul li a { display: block; height: 60px; width: 200px; } #highlights ul li a { background: url(/i/highlight_advisory-committee.jpg) top left no-repeat; text-indent: -5000px; } #highlights ul li a.advisory { background-image: url(/i/highlight_advisory-committee.jpg); } #friends, #teams { margin: 1em 0; } #friends ul, #teams ul { border-top: 1px solid #ccc; } #friends ul li, #teams ul li { background-image: none; list-style: none; border-bottom: 1px solid #ccc; display: block; } #friends .padding, #teams .padding { padding: 5px; } #friends .avatar, #teams .avatar { float: left; height: 80px; width: 80px; margin-right: 8px; } #friends .close, #teams .close { height: 1px; clear: both; } #friends table td, #teams table td { vertical-align: top; padding: 2px 8px 2px 2px; } #friends table td, #teams table td { color: #666; font-size: .9em; } /* typography */ a { color: #003a63; } #content a:hover { background-color: #e5ecff; /*color: #e1bb3c;*/ } #teamRoger a:hover { background-color: #00477a; } label { font-family: 'myriad pro',tahoma,arial,sans-serif; } strong { font-weight: bold; } em { /*font-family: georgia; */ font-style: italic; } p, ul, blockquote { padding: 0 0 8px 0; } ul+p { padding-top: 8px; } span.highlight { font-weight: bold; color: #39357d; } .clearall { clear: both; } .error { background-color: #FFF8E5; margin: 12px -20px; padding: 8px 20px; } .error p { background: url(/i/16-message-warn.png) 0 4px no-repeat; padding: 3px 3px 3px 23px; } .success { background-color: #ebf2f9; margin: 12px -20px; padding: 8px 20px; } .success p { background: url(/i/16-message-info.png) 0 4px no-repeat; padding: 3px 3px 3px 23px; } /* news */ .news_meta { } .news_meta .publication { } .news_meta .publish_date { } h3+p.news_meta { } .news_meta .authored_by { text-transform: uppercase; } .news_meta .entry_date { margin-right: 30px; padding: 4px 0 3px 20px; background: url(/i/icons/date.gif) 0 3px no-repeat; } .news_meta .category { padding: 4px 0 3px 20px; background: url(/i/icons/page_bookmark.gif) 0 3px no-repeat; } #blogLanding .entry { padding-bottom: 12px; /*border-bottom: 1px solid #ccc;*/ } #blogLanding h3 { margin: 2px -20px 8px -20px; padding: 8px 20px; background-color: #f8f8f8; color: #003a63; } .pagination_links { margin: 12px -20px 8px -20px; padding: 8px 20px; background-color: #ccc; } /* forms */ form input.submitbutton { cursor:pointer; border:outset 1px #ccc; background:#999; color:#272763; font-weight:bold; font-size: 1.1em; padding: 3px 4px; background:url(/i/form-button_bg.gif) repeat-x left top; } form table { width: 100%; } form label { color: #696969; display: block; padding: 8px 0 0 1px; text-transform: uppercase; } form label.inline { display: inline; font-size: 90%; color: #999; } form p.compliance_note { font-size: 70%; font-style: italic; } form input.text { background-color: #fff; border: 1px solid #d4d4d4; padding: 2px; width: 175px; clear: none; } textarea { font: 12px/1.35em "Lucida Sans", tahoma, helvetica, serif; background-color: #fff; border: 1px solid #d4d4d4; padding: 2px; width: 300px; } form input.text:active { border-color: #b4b4b4; } input.submitbutton:hover { cursor:pointer; } #contribute_acknowledgement { margin: 8px 0; padding: 0 0 0 36px; background: url(/i/arrow_red_large.jpg) center left no-repeat; } #contribute_acknowledgement p { color: #b71800; font-weight: bold; padding: 5px 0; } #contribute_submit { margin: 12px 0; padding: 0 0 0 36px; background: url(/i/arrow_green_large.jpg) center left no-repeat; } #contribute_submit p { font-weight: bold; padding: 8px 0; font-size: 1.35em; } #contribute_submit a, #contribute_submit a:hover { color: #348c41; } #fec_compliance { margin: 10px 0; border: 1px solid #fbb040; background-color: #fef3e3; } #fec_compliance .pad { padding: 5px 10px; } #fec_compliance ul, #fec_compliance ol { list-style: none; } #fec_compliance li { background: none; border: 1px solid #fdd79f; border-left-width: 3px; margin-top: 8px; padding: 3px 3px 3px 8px; } #content #fec_compliance ul li { background: none; } input.validation-failed, textarea.validation-failed { color : #b80606; border-color: #b80606; } .validation-advice { margin: 3px 0; padding: 0 0 0 20px; color : #b80606; font-weight: bold; background: url(/i/icons/flag_red.gif) top left no-repeat;} .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #fff; font-weight: bold; }