/* ---------------------------------------------------------- **Let's Save Michigan** CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) Purple #3b1052 Grey #c0c0c0 Green #39b54a ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; height: 100%; } 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 { background: #a4c2e1 url(/page/-/images/site-bg.gif) center top repeat-x fixed; font-family: Helvetica, Arial, sans-serif } .base { color: #404040; } .base h1 { } .base h2 { font-size: 21px; line-height: 24px; margin-bottom: 8px; } .base h3 { font-size: 18px; line-height: 24px; margin-bottom: 8px; } .base h4 { font-size: 14px; margin-bottom: 8px; } .base p { margin: 0 0 16px 0; } a { color: #55a4f1; text-decoration: none; } a:hover { color: #0e3e6b; } blockquote { font-style: italic; padding: 0 25px; } .base ul, ol { margin-bottom: 16px; padding-left: 20px; } .base ul { } .base ol { } .base ul li { list-style: circle; } .base ol li { list-style: decimal; } .base li ol { } .base li ul { } .base table { margin: 8px 0; } span.lightblue { color:#4d95dc; } /* 03 =LAYOUT ---------------------------------------------------------- */ #container { font-size: 12px; line-height: 16px; margin: 0 auto; padding: 0; width: 960px; } #header { background: #edf6ff url(/page/-/images/bg_header.jpg); height: 95px; } #header h1#masthead a { display: block; width: 378px; height: 50px; text-indent: -9999px; overflow: hidden; } #masthead { color: #1c67ac; float: left; font-size: 36px; margin: 25px 25px 10px 20px; } #join-us { background: url(/page/-/images/join-us-bg.png); float: right; margin: 25px 0 0 0; } #quick-signup { background: url(/page/-/images/join-us.gif) 15px center no-repeat; padding: 10px 20px 10px 85px; } #quick-signup legend { display: none; } #quick-signup #email, #quick-signup #zip-code { border: 1px solid #ddd; padding: 3px; } #site-nav { background: #124574; border-bottom: 1px solid #90c5f7; width: 960px; height: 37px; } #site-nav li { font-size: 17px; display: inline-block; } #site-nav a { color: #ffcc00; padding: 10px 0 10px 20px; height: 17px; line-height: 17px; display: inline-block; width: auto; } #site-nav a:hover { color: #fff; } #site-nav li#nav-pa { float: right; } #site-nav li#nav-pa a { background: url(/page/-/images/nav_pa.png) no-repeat center; width: 182px; height: 37px; text-indent: -9999em; overflow: hidden; padding: 0; display: block; } #main { background: #00152a url(/page/-/images/main-bg.gif) left top repeat-x; padding-top: 25px; overflow: hidden; } #home #main { padding-top: 0px; } #content { background: #2f5f8c; float: left; width: 640px; margin-bottom: 50px; } .section-title { background: #2f5f8c; color: #f3f5f8; float: left; display: inline; font-size: 21px; padding: 10px 0 0 25px; } .section-title a { color: #fff; } .section-title a:hover { color: #ffcc66; } .base .rss-feed { color: #0a3156; float: right; font-size: 12px; margin: 14px 12px 0 0; } .rss-feed a { background: url(/page/-/images/rss-feed.gif) right center no-repeat; padding: 2px 13px 2px 0; } .rss-feed a:hover { background: url(/page/-/images/rss-feed-hover.gif) right center no-repeat; padding: 2px 13px 2px 0; } .base .date-byline { font-size: 11px; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; } .base .entry h3, .base .summary { margin-bottom: 0; } .image-credit { color: #ccc; text-align: left; } span#sharethis_0 { float: right; padding-top: 13px; padding-right: 20px; } #sidebar { color: #fff; float: left; margin: 0 0 50px 0; width: 320px; } #home #sidebar { padding: 25px 0 0 0; } #sidebar .call-to-action { font-size: 21px; font-weight: bold; padding: 0 20px 20px; text-align: center; } #sidebar .call-to-action a { color: #f3f5f8; } #sidebar a:hover { color: #ffcc00; } #sidebar .call-to-action li { background: #2f5f8c url(/page/-/images/button-bg.gif) left bottom repeat-x; margin: 0 0 1px 0; padding: 14px 0; } #sidebar .info-module { background: #051d35; font-size: 12px; line-height: 14px; margin: 2px 20px; padding: 15px 25px 20px; } #sidebar .info-module h3 { clear: both; color: #fff; font-size: 21px; font-weight: normal; margin-bottom: 20px; text-align: center; } #sidebar .info-module .nav { margin: 10px 0 0 0; text-align: center; } .the-issues ul { float: left; font-size: 14px; line-height: 16px; width: 115px; } .social-networks p { text-align: center; } #sidebar .info-module #facts { color: #87a6c8; font-size: 16px; line-height: 18px; width: 230px; overflow: hidden; text-align: center; } #sidebar .info-module #facts p { width: 230px; } #sidebar .twitter-wrapper { background: #002746; font-size: 12px; line-height: 14px; padding: 15px 10px 10px; width: 259px; margin: 10px auto; } #sidebar a.twitter-header { background: url(/page/-/images/twitter-a.jpg) no-repeat; display: block; text-indent: -9999px; overflow: hidden; width: 249px; height: 46px; margin: 0 auto 10px; } #sidebar .twitter-sidebar { background-color: #00659e; width: 240px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px auto; } #sidebar .twitter-sidebar ul li { list-style: none; margin-bottom: 5px; padding: 0 0 5px; border-bottom-style: dotted; border-bottom-width: 1px; } #sidebar .twitter-sidebar ul li a { color: #ffcc33; } #sidebar .twitter-sidebar ul { padding: 0; margin: 0; } #footer { background: #00152a; color: #3399cc; font-size: 12px; padding: 15px 25px; } #footer #copyright-privacy { /*float: right; text-align: right;*/ clear: both; } #footer .nav { float: left; } #footer .nav li { display: inline; margin: 0 15px 0 0; } #footer .nav a { color: #ffcc66; } #footer .nav a:hover {color: #fff; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home #feature { height: 349px; } #feature { color: #f3f5f8; height: 320px; margin: 0; padding: 20px 0 0 0; } #feature .left-column { display: inline; float: left; width: 640px; } #feature .right-column { display: inline; float: right; width: 310px; } #feature .right-column div { margin: 0px; height: 300px; width: 290px; overflow: hidden; } #feature .blurb { color: #f3f5f8; margin: 30px 50px 24px; } #feature a { color: #ffcc00; } #feature h2 { font-size: 24px; line-height: 26px; font-weight: bold; margin-bottom: 10px; } #feature .blurb p { font-size: 16px; line-height: 21px; } #feature img { } /* 05 =SUBPAGES ---------------------------------------------------------- */ #entries { background: #fff; clear: both; margin: 5px 0; padding: 1px 0; } #entries .entry { margin: 20px; } #entries .entry-image { float: left; margin: 0 10px 0 0; overflow: hidden; width: 150px; } #entries .entry-content { float: right; width: 430px; } #entries .more { font-size: 14px; text-align: right; padding: 20px; } #single-entry { background: #fff; clear: both; margin: 5px 0; padding: 25px; } #single-entry h3 { font-size: 21px; } .base .entry-footer { color: #ccc; margin-top: 8px; } /*=SLPASH PAGE*/ #splash { margin: 0 auto; width: 900px; } #splash h1, #splash #quick-signup { float: none; margin: 20px 0; } #splash h1 { margin: 20px 0 15px; padding: 0 25px; } #splash #main { background: #1d69af url(/page/-/images/splash-bg.gif) center bottom repeat-x; color: #fff; padding: 75px 25px 0px; text-shadow: #1d69af -1px 0px -1px; } #splash h2 { font-size: 28px; font-weight: bold; } #splash .call-to-action { font-size: 17px; line-height: 20px; } #splash #quick-signup { background: url(/page/-/images/signup-bg.png) left top no-repeat; width: 400px; height: 147px; padding: 20px 15px; } #splash #quick-signup #email, #splash #quick-signup #zip-code { background: #add0f5; color: #00162c; border: none; font-size: 13px; } #splash #quick-signup h3 { color: #ffcc00; font-size: 16px; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; } #splash #quick-signup p { color: #a6d2fb; font-size: 14px; line-height: 16px; margin-bottom: 16px; } #splash #quick-signup legend { display: none; } #splash #signup-form { background: #1d69af url(/page/-/images/splash-bg.gif) center bottom repeat-x; color: #333; padding: 25px 25px 50px; } #splash .form-holder { background: url(/page/-/images/splash-signup-bg.png); color: #a6d2fb; font-size: 13px; line-height: 17px; padding: 40px; text-shadow: #00152a -1px 0px -1px; } #splash .form-holder #signup { width: 100%; } #splash.form-holder #signupheader { border-bottom: 1px solid #185b99; padding-bottom: 5px; } #splash .base #signup label { color: #fff; font-size: 12px; } #splash .base #signupheader h2 { color: #ffcc00; font-size: 16px; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; } #splash .base #signupheader p { font-size: 14px; line-height: 18px; } #splash .form-holder #signup #submit { border-top: 1px dotted #185b99; padding: 10px 0; text-align: left; } #splash #signup #email, #splash #signup #firstname, #splash #signup #lastname, #splash #signup #addr1, #splash #signup #addr2, #splash #signup #city { width: 370px; } #splash #signup #email, #splash #signup #firstname, #splash #signup #lastname, #splash #signup #addr1, #splash #signup #addr2, #splash #signup #city, #splash #signup #zip, #splash #signup #phone { background: #add0f5; color: #333; border: none; font-size: 13px; padding: 4px; } .prosperity-agenda #main { padding-top: 0 } .prosperity-agenda #feature { background: none; padding: 0; float: left; height: 341px; width: 960px; overflow: hidden;} .prosperity-agenda #content { background: #FFF4C6; color: #3c3c3e; } .prosperity-agenda #sidebar { padding-top: 15px; } .prosperity-agenda .section-title { background: #fcd229 url(/page/-/images/pa_h2.png) repeat-x center top; font-size: 30px; margin: 0; padding: 5px 0 0 20px; line-height: 38px; height: 38px; width: 620px; display: block; float: none; } .prosperity-agenda .base h2 { color: #c64703; text-transform: uppercase; } .prosperity-agenda .base h3 span { color: #ca4f03; } .prosperity-agenda .base h3 { color: #494a4b; text-transform: uppercase; font-size: 22px; } .prosperity-agenda .base h3 a { color: #404040; } .prosperity-agenda .base h3 a:hover { color: #494a4b; } .prosperity-agenda .pa-content { background: #fff4c6; margin: 0; padding: 20px; } .prosperity-agenda .pa-content .entry { padding: 0 0 20px; margin: 0; } .prosperity-agenda .pa-content .entry-image { float: left; margin: 0 10px 0 0; overflow: hidden; width: 80px; } .prosperity-agenda .pa-content .entry-content { float: right; width: 510px; } .prosperity-agenda .pa-content .more-link { color: #ffcc00; font-size: 22px; text-transform: uppercase; display: block; height: 22px; line-height: 22px; padding: 9px 10px 5px; background: #cb5004 url(/page/-/images/pa_more.png) repeat-x center top; float: right; text-align: center; width: 150px; } .prosperity-agenda .listen-now { color: #ffcc00; font-size: 22px; text-transform: uppercase; display: block; height: 30px; line-height: 30px; padding: 6px 0 0 10px; background: #cb5004 url(/page/-/images/pa_listen.png) repeat-x center top; width: 65px; margin: 10px 0 0; float: left; } .prosperity-agenda #pa-shows .listen-now { margin: 0 10px 0 0; } .prosperity-agenda #pa-shows .entry-content { float: none; width: auto; } .prosperity-agenda #pa-shows .entry-listen { background: url(/page/-/images/pa_show.png) no-repeat center bottom; padding: 5px 0 0 90px; } .prosperity-agenda #pa-shows .entry-listen h3 { color: #fcd229; text-transform: uppercase; float: left; padding: 0 10px 0 0; } .prosperity-agenda #pa-clips .entry-content { } .prosperity-agenda #pa-clips .listen-now { width: 70px; float: none; margin: 0; } .prosperity-agenda #pa-thoughts p { color: #3c3c3e; font-size: 13px; line-height: 17px; } .prosperity-agenda #pa-thoughts form#signup legend { text-transform: uppercase; color: #494A4B; margin: 0 0 10px; } .prosperity-agenda #pa-thoughts form#signup input { border: 1px solid #e0e1e3; padding: 5px 10px; color: #3c3c3e; font-size: 13px; margin: 0 0 10px; } .prosperity-agenda #pa-thoughts form#signup textarea { border: 1px solid #e0e1e3; width: 580px; height: 115px; padding: 10px; color: #3c3c3e; font-size: 13px; margin: 0 0 10px; } .prosperity-agenda #pa-thoughts form#signup input#pa-submit { margin: 0; float: right; border: none; padding: 0; } .contest #main { padding: 0; } .contest #feature { background: none; padding: 0; float: left; height: 254px; width: 960px; overflow: hidden; } .contest #content { background: #ffffff; float: left; width: 960px; margin-bottom: 50px; } .contest #single-entry { padding: 20px 20px 20px 40px; width: 820px; background-color: #e5f0fb; border-left: 1px solid #AED1EF; border-right: 1px solid #AED1EF; border-bottom: 1px solid #AED1EF; margin: 0 auto 40px; } .contest #contest-about { background: #fff; font-size: 14px; line-height: 20px; padding: 10px; margin: 0 30px 20px 0; } .contest .contest-index { padding: 0; float: left; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; height: 180px; width: 180px; margin: 0 20px 20px 0; border: 1px solid #072849; } .contest .contest-index:hover { border: 1px solid #AED1EF; } .contest .contest-index a { width: 170px; height: 20px; overflow: hidden; display: block; position: relative; color: #072849; text-transform: uppercase; font-size: 10px; padding: 160px 5px 0; z-index: 4; } .contest .contest-index a:hover { color: #AED1EF; background: url(/page/-/images/votes_rollover.png) no-repeat center; } .contest .contest-index .contest-votes-number { background: #072849; padding: 5px; text-align: center; line-height: 15px; height: 12px; } .contest .contest-index .contest-votes-number a { width: auto; height: auto; overflow: visible; display: inline; position: static; color: #fff; font-size: 12px; padding: 0; z-index: auto; } .contest .contest-index .contest-votes-number a:hover { color: #AED1EF; background: none; } .contest #contest-leaderboard { padding: 0; margin: 0 30px 20px 0; background: #fff; } .contest #contest-leaderboard h2 { color: #072849; font-weight: bold; text-transform: uppercase; font-size: 20px; padding: 0 10px; } .contest #contest-leaderboard .contest-index { width: 85px; height: 105px; margin: 0 0 10px 10px; } .contest #contest-leaderboard .contest-index a { width: 85px; height: 20px; padding: 85px 0 0; line-height: 23px; text-align: center; color: #fff; } .contest #contest-leaderboard .contest-index a:hover { background-image: none; background: rgba(7, 40, 73, .5); border: none; color: #AED1EF; } .contest #contest-leaderboard .contest-index a div { background: #072849; } .contest .pagination { font-size: 16px; background: #AED1EF; text-transform: lowercase; letter-spacing: 1px; display: block; margin: 0 20px 20px 0; padding: 5px; width: 780px; height: 15px; float: left; } .contest .pagination a { color: #072849; } .contest .pagination a:hover { color: #fff; } .contest #contest-winners { background: #072849; margin: 0 30px 20px 0; } .contest #contest-winners .contest-winner { margin: 0; padding: 0 10px; float: left; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 111px; } .contest #contest-winners .contest-winner-title { text-transform: uppercase; color: #fff; text-align: center; padding: 10px 0 5px; font-size: 11px; letter-spacing: 1px; font-weight: bold; } .contest #contest-winners .contest-winner-poster { width: 111px; height: 111px; border: 1px solid #fff; } .contest #contest-winners .contest-winner-poster:hover { border: 1px solid #AED1EF; } .contest #contest-winners .contest-winner-poster a { width: 111px; height: 111px; padding: 0; text-indent: -9999em; overflow: hidden; display: block; position: relative; z-index: 4; } .contest #contest-winners .contest-winner-poster a:hover { background: url(/page/-/images/votes_rollover_small.png) no-repeat center; } .contest #contest-winners .contest-winner-name { text-align: center; padding: 5px 0 10px; } .contest #contest-winners .contest-winner-name a { color: #AED1EF; } .contest #contest-entry { width: 860px; } .contest #contest-poster { float: left; padding: 0 20px 0 0; position: relative; } .contest #contest-poster .contest-votes-number { position: absolute; right: 20px; top: 0; padding: 20px; background: rgba(255, 255, 255, 0.8); color: #072849; text-transform: uppercase; font-size: 20px; font-weight: bold; } .contest #contest-column { float: right; width: 300px; } .contest #contest-votes { background: #AED1EF; padding: 20px; display: block; width: 260px; margin: 0 0 20px; } .contest form#contest-votes legend { margin: 0 0 10px; color: #072849; font-weight: bold; text-transform: uppercase; font-size: 20px; } .contest form#contest-votes input { padding: 5px; border: 1px solid #ddd; margin: 0 0 10px; } .contest form#contest-votes input#votes-email { width: 170px; } .contest form#contest-votes input#votes-submit { background: #1D67AD; color: #fff; text-transform: uppercase; margin: 0 0 0 5px; border: none; } .contest form#contest-votes p { margin: 0; } .contest #contest-info { padding: 20px; width: 260px; background: #fff; margin: 0 0 20px; } .contest #contest-info h2 { color: #072849; font-weight: bold; text-transform: uppercase; font-size: 20px; margin: 0 0 10px; } .contest #contest-info blockquote { padding: 0; font-size: 14px; text-align: left; font-style: normal; line-height: 18px; } .contest #contest-info cite { font-weight: bold; font-size: 14px; text-align: right; display: block; padding: 10px 0 0; } .contest #contest-nav { padding: 10px 15px; width: 270px; background: #AED1EF; font-size: 16px; text-transform: lowercase; letter-spacing: 1px; height: 15px; overflow: hidden; } .contest #contest-nav a { color: #072849; display: block; width: 90px; float: left; } .contest #contest-nav a:hover { color: #fff; } .contest #contest-nav-prev { text-align: left; } .contest #contest-nav-home { text-align: center; } .contest #contest-nav-next { text-align: right; } /* 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:visible;} #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;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#E5F0FB; padding: 20px; border:1px solid #AED1EF;} #cboxLoadingGraphic{background:url(/page/-/js/colorbox/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#072849; font-weight:bold; text-transform:uppercase; font-size:12px;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/page/-/js/colorbox/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* 06 =FRAMEWORK ---------------------------------------------------------- */ #bsd.contest #single-entry { padding: 40px; } #bsd.contest #single-entry #signupheader { float: left; width: 380px; } #bsd.contest #single-entry table#signup { float: right; width: 380px; } #bsd.contest #contact_importer_button { float: left; } #bsd.contest #signupfooter { float: right; } #bsd.contest .taf-description { float: left; width: 555px; } #bsd.contest .taf-top { width: 100%; height: 250px; } #bsd.contest .social-share { float: left; width: 200px; padding-left: 50px; } #bsd.contest .social-share a { float: left; margin-bottom: 15px; } #bsd.contest #invitationpage textarea#body { width: 372px; } #bsd.prosperity-agenda #content { padding: 20px; width: 600px; } .la-hood-text { float: left; width: 305px; } #bsdla-hood #single-entry { background: #fff; clear: both; margin: 5px 0; padding: 25px; height: 879px; } #bsdla-hood form#signup { float: left; width: 265px; padding-left: 17px; } #bsdla-hood form#signup input.text { border: 1px solid #ddd; padding: 3px; } #bsdla-hood form#signup input#email { width: 260px; } #bsdla-hood form#signup input#lastname { width: 123px; } #bsdla-hood form#signup input.submit { background: url(/page/-/images/sign.letter.jpg) no-repeat; width: 163px; height: 37px; text-indent: -99999px; padding: 0; border: none; } /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; width: 24px; } .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;} /* 08 =FEATURE ---------------------------------------------------------- */ #feature { margin:0; padding:10px 0; clear:both; overflow:hidden; background:url(/page/-/images/feature-bg.png) no-repeat !important; } .slide { margin:0; padding:0; } #cycle-left-column { float: left; width: 620px; margin: 0pt 10px; position:relative; height:335px; overflow:hidden; } .cycle-summary { position:absolute; bottom:0; background:#edf6ff; color:#444444; padding:0 0 0 15px; position:absolute; top:265px; width:605px; height:64px; line-height:21px; font-size:13px; } .cycle-summary-text { width:450px; border-right:1px solid #000; padding:10px 0 12px 0; height:42px; overflow:hidden; } #cycle-right-column { float:left; width:300px; background:#062544; padding:5px; } #right-title { text-indent:-999em; background:url(/page/-/images/mml-takepledge.jpg) no-repeat; height:58px; } #right-action { padding:10px; } #problem-solution { background-image: -moz-linear-gradient(top, #033458, #03365b); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #033458),color-stop(1, #03365b)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#033458', EndColorStr='#03365b'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#033458', EndColorStr='#03365b')"; /* IE8 */ width:290px; padding:5px; height:323px; position:relative; } .slide h3 { display:inline; color:#fff; } #carousel { } #carousel h3 { font-size:14px; font-weight:bold; } #carousel .problem { display:block; float:none; margin:0 0 0 0; width:265px; border:3px solid #0b4772; padding:0 0 5px; padding:8px 10px; height:65px; } #carousel .solution { display:block; float:none; margin-left:0; margin:0; width:265px; padding:10px 10px 13px 10px; border-left:3px solid #0b4772; border-right:3px solid #0b4772; border-bottom:18px solid #0b4772; height:65px; } #cycle-pager { position:absolute; z-index:10; font-size:20px; top:290px; left:480px; } #cycle-pager a { color:#4d95dc; padding:0 5px; } #cycle-pager a.activeSlide { color:#062747; padding:0 5px; } .next1 { position:absolute; z-index:10; top:307px; left:220px; cursor:pointer; } .prev1 { position:absolute; z-index:10; top:307px; left:50px; cursor:pointer; }