/************************************************* STYLESHEET ************************************************** 1. Main HTML 2. Header 3. Content 4. Left Column 5. Right Column 6. Footer 7. Utility Classes 7.1 Button 7.2 Clearfix 8. Global Browser Overrides 8.1 Internet Explorer 6 and Below 8.2 Internet Explorer and Below 8.3 Internet Explorer Only *************************************************/ /************************************************* 1. Main HTML *************************************************/ body { font-family: Helvetica, Arial, sans-serif; color: #1d2639; font-size: 12px; background: #d0e2ed } a { color: #1d2639; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; } #left-column, #right-column { display: block; float: left; } /************************************************* 2. Header *************************************************/ #billbrady #header { width: 945px; margin: 0 auto; padding: 11px 0 15px; height: 105px; } #billbrady #header h1 { display: block; float: left; width: 580px; color: #83b2dc; font-size: 21px; font-style: italic; font-family: Helvetica, Arial, sans-serif; margin-top: 26px; } #billbrady #header h1 span { font-style: normal; font-size: 45px; } #billbrady #header h1 span + span { font-size: 29px; } #billbrady #header #login { display: block; float: left; width: 287px; height: 80px; padding: 12px 13px 13px; color: #ffffff; background:#83aac2; font-size: 10px;margin-top:20px } #billbrady #header #login h4 { font-size: 13px; line-height: 13px; display: block; float: left; width: 100px; } #billbrady #header #login > img { margin-top: -5px; } #billbrady #header #login p { line-height: 12px; display: block; float: left; width: 168px; margin: 0 0 10px 0; } #billbrady #header #login a { text-decoration: underline; color: #ffffff; } #billbrady #header #login ul { list-style: none; } #billbrady #header #login ul li { display: block; float: left; width: 75px; } #billbrady #header #login ul li.form-input-text-top { display: block; float: left; width: 135px; margin: 0 17px 10px 0; } #billbrady #header #login ul li.form-input-password-top { margin-bottom: 10px; display: block; float: left; width: 135px; } #billbrady #header #login ul li.form-input-text-top input { width: 129px; } #billbrady #header #login ul li.form-input-password-top input { width: 129px; } #billbrady #header #login ul .facebook-signup { display: none; visibility: hidden; } #billbrady #header #login ul .facebook-signup + .facebook-signup { display: block; visibility: visible; } #billbrady #header #login ul li.checkbox { width: 202px; line-height: 11px; position: relative; top: -2px; } #billbrady #header #login ul li.checkbox input { position: relative; top: 3px; margin-right: 8px; } #billbrady #header #login ul li.checkbox a { margin-left: 5px; } #billbrady #header #login ul li button { font-weight: bold; padding: 3px 13px 2px; color: #1d2639; background-color: #e4e9ed; font-family: Helvetica, Arial, sans-serif; font-size: 13px; } /************************************************* 3. Content *************************************************/ #billbrady #content { width: 832px; margin: 13px auto 39px; padding: 26px 19px 32px; background-color: #ffffff; } /************************************************* 4. Left Column *************************************************/ #billbrady #left-column { width: 257px; padding: 0 26px 33px; border-top: 6px solid #d0e2ed; margin-right: 32px; color: #84b2dc; background: url(http://staging.eighteen52.com/mobilizations-labs/billbrady/left-column-background.png) no-repeat left bottom; } #billbrady #left-column img { position: relative; left: -26px; margin-top: -91px; margin-bottom: 30px; } #billbrady #left-column > p { margin-bottom: 23px; } #billbrady #left-column p span { margin-bottom: 5px; } #billbrady #left-column p + p { color: #ffffff; } #billbrady #left-column #tour { display: block; float: left; font-family:Helvetica, Arial, sans-serif; width: 227px; padding: 28px 15px 24px; } #billbrady #left-column #tour h3 { font-size: 22px; line-height: 22px; margin-bottom: 6px; } #billbrady #left-column #tour h3 em { font-style: italic; } #billbrady #left-column #tour h4 { font-size: 14px; line-height: 14px; margin-bottom: 5px; } #billbrady #left-column #tour p { margin: 20px 0 2px; } /************************************************* 5. Right Column *************************************************/ #billbrady #right-column { width: 491px; } #billbrady #right-column p { margin-bottom: 23px; width: 380px; } #billbrady #right-column p + p { margin-bottom: 0; } #billbrady #right-column ul { margin: 0 0 20px 25px; } #billbrady #right-column h2 { font-size: 28px; color: #8f151b; font-family:Helvetica, Arial, sans-serif; } #billbrady #right-column #landing-signup { width: 403px; padding: 27px 43px 18px; border: 1px solid #cccfd3; background:#d0e2ed;font-size: 10px; } #billbrady #right-column #landing-signup h1 { font-size: 20px; line-height: 20px; color: #8f151b; font-family: Helvetica, Arial, sans-serif; } #billbrady #right-column #landing-signup h2 { font-size: 14px; line-height: 14px; margin-bottom: 20px; } #billbrady #right-column #landing-signup label { font-size: 12px; line-height: 12px; } #billbrady #right-column #landing-signup #standard-signup div.form-row { margin-bottom: 20px; } /*#billbrady #right-column #landing-signup #standard-signup div + div { margin-bottom: 0 !important; }*/ #billbrady #right-column #landing-signup div.form-label { margin-bottom: 7px; } #billbrady #right-column #landing-signup div.form-input input { color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 18px; width: 240px; padding: 2px 5px; } #billbrady #right-column #landing-signup div.submit-wrapper:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #billbrady #right-column #landing-signup div.submit-wrapper { display: inline-block; margin-bottom: 20px; } /* \*/ * html #right-column #landing-signup div.submit-wrapper { height: 1%; } #right-column #landing-signup div.submit-wrapper { display: block; } /* */ #billbrady #right-column #landing-signup div.form-disclaimer { width: 100%; display: block; background-color: #ffffff; opacity: .5; text-align: center; padding: 4px 0 3px; } #billbrady #right-column #landing-signup #facebook-signup { position: absolute; margin-left: 140px; } #billbrady #right-column #landing-signup #facebook-signup p { display: none; visibility: hidden; } /************************************************* 6. Footer *************************************************/ #billbrady #footer { width: 870px; margin: 0 auto 75px; text-align: center; font-size: 10px; } #billbrady #footer #disclaimer { margin: 0 auto; border: 1px solid #1D2639; display: block; width: 250px; padding: 5px 0; margin-bottom: 32px; } /************************************************* 7. Utility Classes *************************************************/ /* 7.1 Button */ #billbrady button, .button { font-weight: normal; background-color: #9E0010; color: #ffffff; border: 1px solid #ffffff; font-family: Helvetica, Arial, sans-serif; padding: 6px 13px 4px; line-height: 130%; font-size: 16px; cursor: pointer; display: block; float: left; text-decoration: none; } #billbrady button:hover, a.button:hover { background-color: #d0e2ed; } #billbrady button { background-color: #8f151b; } #billbrady button:hover { background-color: #8f151b; } #billbrady button img, a.button img { border: medium none; float: none; height: 16px; margin: 0 3px -3px 0 !important; padding: 0; width: 16px; } /* 7.2 Clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* */ /************************************************* 8. Global Browser Overrides *************************************************/ /* 8.1 Internet Explorer 6 and Below */ * html #header #login { background: #050c1a;} * html #left-column #tour { background: #050c1a;} #billbrady #landing-signup h1{margin-bottom:1.5em} #billbrady #landing-signup h2{display:none} #billbrady .white{color:white} /* 8.2 Internet Explorer 7 and Below */ /* 8.3 Internet Explorer 7 Only */