/* ---------------------------------------------------------- **Speaker Pelosi** CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 04.a - NAV 04.b - SIDEBAR 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset 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; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font-family: helvetica, arial, sans; } .base h1 {font-size: 30px; margin: 0 0 15px 0;} .base h2 {font-size: 22px; margin: 0 0 10px 0; color:#320b20; } .base h3 {font-size: 16px; margin: 0 0 0 0;} .base h4 { } .base p { line-height: 19px; margin:0 0 10px 0; color:#333333; } a { color:#333333; } a:hover { } blockquote { } .base ul, ol { } .base ul { } .base ol { } .base ul li, .base ol li { } .base li ol { } .base li ul { } /* 03 =LAYOUT ---------------------------------------------------------- */ html { background:url(/page/-/images/pelosi/bg-repeat.jpg) repeat-x #2f091d; } #pel-wrapper{ width:960px; margin:0 auto; } #header { height:172px; position:relative; } #header #header-banner { background: url(/page/-/images/pelosi/head-banner.jpg); height:128px; } #header #header-banner a { position:absolute; width:424px; height:128px; text-indent:-999em; } form#quicksignup { background:url(/page/-/images/pelosi/header-signup.png); width: 405px; height:41px; float:right; } form#quicksignup fieldset { position:relative; } form#quicksignup legend { display:none; } form#quicksignup input { position:absolute; top: 9px; font-size:10px; color:#333; } form#quicksignup input#splash-email { left:85px; width:116px; padding:3px 0px 3px 3px; } form#quicksignup input#splash-zip { left:215px; width:76px; padding:3px 0px 3px 3px; } form#quicksignup input#submit { position:absolute; top:7px; left:305px; } #footer { background:#fff; font-size:11px; text-align:center; padding:10px; border:1px solid #d0c6be; line-height:15px; } #footer-box { width:800px; margin:0 auto; padding:10px; border: 1px solid #c8c8c8; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #otherwrapper { background:url(/page/-/images/pelosi/bg-repeat-content.png) repeat-x #fffffe; padding:10px 0; overflow:hidden; margin:0px 0 0 0; clear:both; width:960px; } #content-wrapper { float:left; width:724px; } #content { margin:40px 60px 200px 50px; width: 594px; } #hero { position:relative; height:400px; } #hero a { outline:none; } #hero a#hero-previous { background:url(page/-/images/pelosi/btn-prev.png); position: absolute; width:40px; height:400px; left:10px; } #hero a#hero-next { background:url(page/-/images/pelosi/btn-next.png); position:absolute; width: 40px; height: 400px; left:670px; } #hero .hero-img { float:left; width:600px; margin:0 10px; position:relative; } #hero-entries { position:absolute; left:50px; background:#f8f6e8; } .hero-summary { position:absolute; bottom:20px; left:10px; background:#faf9f0; background:rgba(250, 249, 240, 0.9); width:550px; padding:8px 15px;} .hero-summary h3 { font-size: 13px; font-weight:bold; color:#550a31; margin:5px 0; } .hero-summary p {font-size:13px; } /* 04.a =NAV ---------------------------------------------------------- */ #nav { background: url(/page/-/images/pelosi/img-nav.png) no-repeat; height: 44px; width:960px; position:absolute; top:128px; } #nav li a:hover { background: url(/page/-/images/pelosi/img-nav.png) no-repeat; height:44px; } #nav li {display: inline; position: absolute; } #nav li a {display: block; height: 33px; text-indent: -9999px; overflow: hidden; text-decoration: none; color: #fff; } #nav li#nav-home{ left: 0px; width: 65px; height:41px; } #nav li#nav-home a:hover { background-position: 0px -41px; } #nav li#nav-bio{ left: 65px; width: 200px; height:41px; } #nav li#nav-bio a:hover { background-position: -65px -41px; } #nav li#nav-action { left:265px; width:240px; } #nav li#nav-action a:hover { background-position: -265px -41px; } #nav li#nav-store { left:505px; width:218px; } #nav li#nav-store a:hover { background-position: -505px -41px; } #nav li#nav-contribute{ left:723px; width:237px; } #nav li#nav-contribute a:hover { background-position: -723px -41px; } /* 04.b =SIDEBAR ---------------------------------------------------------- */ #sidebar { background:#d0c6be; float:left; width:225px; padding:0 0 2000px; margin:0 0 -2000px; } #sidebar .sidebar-box { margin:10px 0 0 10px; padding: 0 0 7px; } #sidebar .sidebar-box img { margin:0 0 3px; } #sidebar .sidebar-box img:hover { -moz-box-shadow: 0px 0px 1px #a8a8a8; -webkit-box-shadow: 0px 0px 3px #c4c4c4; } #sidebar #sidebar-store { background: #a39395; } #sidebar #sidebar-store #store-items { margin:5px 0 0 10px; padding:0 0 5px; } #sidebar #sidebar-store #store-items img { margin:0 0 5px; } .item-entry .item-meta { background:url(page/-/images/pelosi/store-meta.png) no-repeat; height:25px; margin:-9px 0 10px 0; position:relative; } .item-meta { padding: 14px 0 0 40px; font-size:12px; } .item-meta a { text-decoration:none; } .item-meta p { color:#410e2a; text-transform:uppercase; font-weight:bold; } .item-meta span.item-price { color:#333; font-weight:normal; } #pel-footer { margin: 10px 0 10px 10px; } #pel-footer p { font-size:10px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #pages-wrapper { padding:20px; font-family: helvetica, arial, sans-serif; font-size:14px; color:#333; line-height:18px; } #pages-wrapper h2 { color: #320b20; font-size:18px; margin:0 0 10px; text-transform:uppercase; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #wrap-wrapper { padding: 20px 20px; font-size:14px; } #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 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;font-size:130%;font-weight:bold; padding:5px;text-align:left;} #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;} form {margin: 0;} input[type="radio"] { background-color:white; } input, textarea {font-size: 11px; background: #eee; text-align: left;} .txt, .text {background: #eee; border-color: #666; padding: 2px;} .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.text {border-color: #666; padding: 2px;} input.button {background: #666; color: #fff; border-color: #000; padding: 1px;} #wrap-wrapper table { border-collapse:separate; } #contribution td.contribheader { font-weight:normal; padding-top:10px; padding-left:0px; } #contribution label { font-weight:normal; text-transform:none; } #contribution textarea, #contribution input, #contribution select { border: 1px solid #c8c8c8; background:#F7F5E5; font-size:12px; padding:4px; color:#333; } input#cc_ax { margin:5px 5px 0 0; } input#cc_ds { margin:5px 5px 0 0; } input#cc_mc { margin:5px 5px 0 0; } input#cc_vs { margin:5px 5px 0 0; } input#amt_preset_1 { margin:0 5px 0 0; } input#amt_preset_2 { margin:0 5px 0 0; } input#amt_preset_3 { margin:0 5px 0 0; } input#amt_preset_4 { margin:0 5px 0 0; } input#amt_preset_5 { margin:0 5px 0 0; } input#amt_preset_6 { margin:0 5px 0 0; } input#amt_preset_7 { margin:0 5px 0 0; } input#amt_preset_8 { margin:0 5px 0 0; } input#qf_874d39 { margin:0 5px 0 0; } /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;}