/* ---------------------------------------------------------- Health Partners CSS Managed by: Blue State Digital Last Update: November 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) ---------------------------------------------------------- */ /* 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 { background: #FFF url(/page/-/images/body_bkgd.png) repeat-x center top; font-family: Georgia, "Times New Roman", Times, Helvetica, serif; color: #333; font-size: 13px; } h1 { height: 82px; text-indent: -9999em; overflow: hidden; width: 963px; display: block; } .base h2 { color: #8C873E; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-bottom: 10px; } .base h3 { font-weight: bold; margin-bottom: 5px; font-size: 14px; } .base blockquote { background: #F0F0E8; font-weight: bold; font-style: italic; padding: 10px 25px; margin: 15px 0; } .base ul, .base ol { margin: 0 0 10px 50px; } .base ul ul, .base ul ol, .base ol ol, .base ol ul { margin-bottom: 0; } .base ul li { list-style: square; } .base ul ul li { list-style: circle; } .base ul ul ul li { list-style: disc; } .base ol li { list-style: decimal; } .base ol ol li { list-style: lower-alpha; } .base ol ol ol li { list-style: lower-roman; } .base a { color: #773755; text-decoration: none; text-decoration: none; border-bottom: 1px solid #793957; } .base a:hover { color: #8C873E; border-bottom: 1px solid #8C873E; } .base a.read-more { color: #793957; border-bottom: 1px solid #793957; text-decoration: none; font-style: italic; } .base a.read-more:hover { color: #333; border-bottom: 1px solid #333; } .base a.rss-icon { background: url(/page/-/images/rss_icon.png) no-repeat center; width: 19px; height: 19px; float: right; display: block; text-indent: -9999em; overflow: hidden; border: none; } /* 03 =LAYOUT ---------------------------------------------------------- */ #container { width: 963px; margin: 0 auto; } #header { width: 963px; height: 168px; display: block; } #header #header-logo { background: url(/page/-/images/header_image.png) no-repeat center; width: 550px; height: 108px; display: block; float: left; text-indent: -9999em; overflow: hidden; margin-top: 4px; } form#qksignup { background: url(/page/-/images/header_signup_bkgd.png) no-repeat center; width: 330px; height: 108px; display: block; float: right; margin-top: 4px; } form#qksignup legend { text-transform: uppercase; color: #FFF; font-size: 10px; letter-spacing: 1px; padding: 10px 0 5px 10px; } form#qksignup input { float: left; border: none; } form#qksignup input.text { color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0 10px 5px; padding: 5px 10px; } form#qksignup input#qksignup-email { background: #2e1e21; width: 285px; } form#qksignup input#qksignup-zip { background: #1e1316; width: 150px; } ul#header-nav { clear: both; background: url(/page/-/images/menu_bkgd.png) no-repeat left top; height: 56px; width: 963px; } ul#header-nav li { float: left; } ul#header-nav li a { background: url(/page/-/images/menu_bkgd.png) no-repeat left top; display: block; float: left; height: 56px; width: 160px; text-indent: -9999em; overflow: hidden; } ul#header-nav li a#header-nav-home { } ul#header-nav li a#header-nav-home:hover { background-position: 0 -56px; } ul#header-nav li a#header-nav-home.selected { background-position: 0 -112px; } ul#header-nav li a#header-nav-home.selected:hover { background-position: 0 -168px; } ul#header-nav li a#header-nav-about { width: 161px; background-position: -160px 0; } ul#header-nav li a#header-nav-about:hover { background-position: -160px -56px; } ul#header-nav li a#header-nav-about.selected { background-position: -160px -112px; } ul#header-nav li a#header-nav-about.selected:hover { background-position: -160px -168px; } ul#header-nav li a#header-nav-care { width: 161px; background-position: -321px 0; } ul#header-nav li a#header-nav-care:hover { background-position: -321px -56px; } ul#header-nav li a#header-nav-care.selected { background-position: -321px -112px; } ul#header-nav li a#header-nav-care.selected:hover { background-position: -321px -168px; } ul#header-nav li a#header-nav-news { background-position: -482px 0; } ul#header-nav li a#header-nav-news:hover { background-position: -482px -56px; } ul#header-nav li a#header-nav-news.selected { background-position: -482px -112px; } ul#header-nav li a#header-nav-news.selected:hover { background-position: -482px -168px; } ul#header-nav li a#header-nav-action { width: 161px; background-position: -642px 0; } ul#header-nav li a#header-nav-action:hover { background-position: -642px -56px; } ul#header-nav li a#header-nav-action.selected { background-position: -642px -112px; } ul#header-nav li a#header-nav-action.selected:hover { background-position: -642px -168px; } ul#header-nav li a#header-nav-join { background-position: -803px 0; } ul#header-nav li a#header-nav-join:hover { background-position: -803px -56px; } ul#header-nav li a#header-nav-join.selected { background-position: -803px -112px; } ul#header-nav li a#header-nav-join.selected:hover { background-position: -803px -168px; } #main { width: 963px; border-bottom: 1px solid #FFF; } #content { background: url(/page/-/images/content_bkgd.png) no-repeat right top; float: left; min-height: 319px; } #sidebar { width: 320px; background: #e6e2d2; float: right; padding-bottom: 50px; } #sidebar ul, #sidebar ol { margin: 0; } #sidebar ul li, #sidebar ol li { list-style: none; } #sidebar a { border: none; } ul#sidebar-action-buttons a { width: 320px; height: 78px; display: block; text-indent: -9999em; overflow: hidden; background: #f1f0e8; border-bottom: 2px solid #FFF;} ul#sidebar-action-buttons a#sidebar-button-join { background: #F1F0E8 url(/page/-/images/sidebar_button_join.png) no-repeat center; } ul#sidebar-action-buttons a#sidebar-button-write { background: #F1F0E8 url(/page/-/images/sidebar_button_write2.png) no-repeat center; } ul#sidebar-action-buttons a#sidebar-button-contact { background: #F1F0E8 url(/page/-/images/sidebar_button_contact2.png) no-repeat center; } ul#sidebar-action-buttons a#sidebar-button-share { background: #F1F0E8 url(/page/-/images/sidebar_button_share2.png) no-repeat center; border: 0; height: 79px; } #sidebar-socnet { padding: 25px; } #sidebar-socnet h2 { color: #666; font-weight: 900; font-size: 11px; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin: 0 0 10px 5px; } #sidebar-socnet div { margin: 0 auto; width: 167px; } #sidebar-socnet ul { width: 162px; height: 48px; padding: 0 0 0 5px; } #sidebar-socnet ul li { float: left; padding: 0 5px 0 0; } #sidebar-socnet ul li a { width: 49px; height: 48px; display: block; float: left; text-indent: -9999em; overflow: hidden; } #sidebar-socnet ul li a#sidebar-socnet-fb { background: url(/page/-/images/sidebar_socnet_fb.png) no-repeat left top; } #sidebar-socnet ul li a#sidebar-socnet-fb:hover { background: url(/page/-/images/sidebar_socnet_fb.png) no-repeat -49px top; } #sidebar-socnet ul li a#sidebar-socnet-yt { background: url(/page/-/images/sidebar_socnet_yt.png) no-repeat left top; } #sidebar-socnet ul li a#sidebar-socnet-yt:hover { background: url(/page/-/images/sidebar_socnet_yt.png) no-repeat -49px top; } #sidebar-socnet ul li a#sidebar-socnet-tw { background: url(/page/-/images/sidebar_socnet_tw.png) no-repeat left top; } #sidebar-socnet ul li a#sidebar-socnet-tw:hover { background: url(/page/-/images/sidebar_socnet_tw.png) no-repeat -49px top; } #sidebar-socnet ul li a#sidebar-socnet-fr { background: url(/page/-/images/sidebar_socnet_fr.png) no-repeat left top; } #sidebar-socnet ul li a#sidebar-socnet-fr:hover { background: url(/page/-/images/sidebar_socnet_fr.png) no-repeat -49px top; } #sidebar-events h2 a { background: url(/page/-/images/sidebar_events_title.png) no-repeat center; width: 320px; height: 25px; text-indent: -9999em; overflow: hidden; margin-bottom: 10px; display: block; } #sidebar-events .entry { padding: 10px 10px 15px; } #sidebar-events a.event-thumbnail img { border: 2px solid #FFF; float: left; width: 80px; margin: 0 10px 5px 0; } #sidebar-events h3 { font-weight: bold; font-size: 16px; } #sidebar-events .date { color: #666; font-size: 9px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 5px; } #sidebar-events .entry p { line-height: 20px; } #sidebar-events .entry a.read-more { border-bottom: 1px solid #793957; } #sidebar-events .entry a.read-more:hover { border-bottom: 1px solid #333; } #sidebar-links { margin-top: 15px; } #sidebar-links h2 a { background: url(/page/-/images/sidebar_links_title.png) no-repeat center; width: 320px; height: 25px; text-indent: -9999em; overflow: hidden; margin-bottom: 10px; display: block; } #sidebar-links ul { padding: 0 10px; } #sidebar-links ul li { padding: 10px 0; border-bottom: 1px solid #c7c2b5; } #sidebar-links ul li a { font-size: 16px; font-weight: bold; text-decoration: none; } #footer { color: #c7c2b5; font-size: 9px; padding: 25px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ body#home { background: #f3efe7 url(/page/-/images/homepage_bkgd.png) repeat-x center top; } body#home #content { width: 623px; padding: 0 20px 0 0; } body#home #content .entry { clear: both; } body#home #homepage-rotator { height: 313px; width: 963px; position: relative; background: #764D56; } body#home #homepage-rotator .homepage-rotator-image { position: absolute; left: 0; top: 0; z-index: 1; } body#home #homepage-rotator .homepage-rotator-info { position: absolute; left: 0; top: 0; z-index: 2; width: 273px; height: 263px; padding: 25px; } body#home #homepage-rotator .homepage-rotator-info h2 { color: #160e10; font-weight: 900; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; line-height: 15px; } body#home #homepage-rotator .homepage-rotator-info p { color: #fff; line-height: 20px; font-size: 13px; margin: 15px 0; } body#home #homepage-rotator .homepage-rotator-info a.homepage-rotator-button { background: #8c873e; height: 35px; color: #FFF; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; display: block; margin: 0 auto; text-decoration: none; font-weight: 900; line-height: 30px; border: thin outset #6A662E; -moz-border-radius: 5px; } body#home #homepage-rotator .homepage-rotator-info a.homepage-rotator-action { background: url(/page/-/images/hprotator-button.png) no-repeat center; -moz-border-radius: 0; border: none; } body#home #homepage-rotator #pager { position: absolute; left: 880px; top: 280px; width: 65px; height: 11px; z-index: 99; } body#home #homepage-rotator #pager a { background: url(/page/-/images/hprotator-pager.png) no-repeat center; width: 11px; height: 11px; display: block; padding-right: 5px; text-indent: -9999em; overflow: hidden; float: left; border: none; } body#home #homepage-rotator #pager a.activeSlide { background: url(/page/-/images/hprotator-pager-on.png) no-repeat center; width: 12px; } body#home #homepage-content { height: 319px; width: 623px; padding: 25px 0 0; } body#home #homepage-content h1 { text-indent: 0; width: 623px; height: auto; color: #793957; font-size: 41px; line-height: 42px; margin: 0 0 25px; } body#home #homepage-content h1 a { color: #333; font-weight: 900; text-decoration: none; border-bottom: 1px solid #333; } body#home #homepage-content p { font-size: 16px; line-height: 26px; } body#home #homepage-facts { float: left; width: 292px; padding: 0 30px 0 0; } body#home #homepage-facts h2 a { background: url(/page/-/images/facts_module_title.png) no-repeat center; width: 137px; height: 29px; text-indent: -9999em; overflow: hidden; float: left; margin: 0 0 20px; border: none; } body#home #homepage-facts .entry { background: url(/page/-/images/facts_item_bkgd2.png) no-repeat center; width: 292px; margin: 0 0 15px; height: 190px; border: none; } body#home #homepage-facts .facts-thumbnail { width: 97px; padding: 20px 15px 15px 15px; } body#home #homepage-facts .left-align .facts-thumbnail { float: left; padding-right: 10px; } body#home #homepage-facts .right-align .facts-thumbnail { float: right; padding-left: 10px; } body#home #homepage-facts .facts-thumbnail a { border: none; } body#home #homepage-facts .facts-thumbnail img { width: 97px; } body#home #homepage-facts .entry h3 { font-weight: 900; font-size: 12px; text-transform: uppercase; color: #88843d; letter-spacing: 1px; margin: 0 0 5px; } body#home #homepage-facts .facts-info { width: 155px; } body#home #homepage-facts .left-align .facts-info { float: right; padding: 15px 15px 15px 0; } body#home #homepage-facts .right-align .facts-info { float: left; padding: 15px 0 15px 15px; } body#home #homepage-facts .entry p { line-height: 19px; font-size: 12px; } body#home #homepage-facts .entry p a { border: none; } body#home #homepage-facts .entry a.read-more { font-weight: bold; border: none; font-size: 16px; font-style: normal; } body#home #homepage-news { float: right; width: 301px; } body#home #homepage-news h2 a { background: url(/page/-/images/news_module_title2.png) no-repeat center; width: 251px; height: 45px; text-indent: -9999em; overflow: hidden; float: left; border: none; } body#home #homepage-news a.rss-icon { margin-top: 10px; } body#home #homepage-news .entry { padding: 5px 0 15px 0; border: none; } body#home #homepage-news .entry h3 { font-weight: bold; font-size: 16px; line-height: 24px; margin-bottom: 5px; } body#home #homepage-news .entry h3 a { text-decoration: none; border: none; } body#home #homepage-news .entry h3 a:hover { color: #8c873e; } body#home #homepage-news .entry p { font-size: 12px; line-height: 20px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ body.interior #header #header-logo { background: url(/page/-/images/header_image2.png) no-repeat center; } body.interior form#qksignup { background: url(/page/-/images/header_signup_bkgd2.png) no-repeat center; } body.interior #content { padding: 20px 40px 0 0; line-height: 22px; width: 603px; } body.interior #content p { margin-bottom: 10px; } body.interior h1.bliss { line-height: 82px; text-indent: 0; color: #FFF; font-size: 18px; text-transform: uppercase; letter-spacing: 3px; } body#pages h1#about-us { background: url(/page/-/images/about_us.png) no-repeat left center; } body#pages h1#why-care { background: url(/page/-/images/why_care.png) no-repeat left center; } body#pages h1#take-action { background: url(/page/-/images/take_action.png) no-repeat left center; } body#news h1#campaign-news { background: url(/page/-/images/campaign_news.png) no-repeat left center; } body#events h1#upcoming-events { background: url(/page/-/images/upcoming_events.png) no-repeat left center; } body#facts h1#hard-facts { background: url(/page/-/images/hard_facts.png) no-repeat left center; } body#links h1#related-links { background: url(/page/-/images/related_links.png) no-repeat left center; } body.entry #content .date { margin-bottom: 10px; font-size: 11px; } body.entry #content .source { font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: #f1f0e8; padding: 5px 10px; } body.entry #content h3 { margin: 10px 0; } #content h2.title { margin: 0; font-family: Georgia, "Times New Roman", Times, Helvetica, serif; color: #793957; text-transform: none; font-size: 18px; } #content .entry h2.title { font-size: 16px; } #content h2.title a { font-family: Georgia, "Times New Roman", Times, Helvetica, serif; border: none; text-transform: none; } #content h2.title a:hover { } #content .date { color: #666; font-size: 9px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0; } #content .entry { margin-bottom: 20px; border-bottom: 1px solid #c7c2b5; padding-bottom: 10px; } /* Events */ body#events #content .entry a.event-thumbnail { border: none; } body#events #content .entry a.event-thumbnail img { border: 2px solid #793957; float: left; width: 120px; margin: 0 10px 5px 0; } body#events #content .entry a.event-thumbnail:hover img { border: 2px solid #8c873e; } body#events #content .events-image { float: left; margin: 10px 20px 5px 0; } body#events #content .events-image img { border: 2px solid #793957; } /* Links */ body#links #content ul#links-index { margin: 0; } body#links #content ul#links-index li { padding: 0 0 10px; list-style-position: inside; } body#links #content ul#links-index a { font-size: 16px; font-weight: bold; border: none; } body#links #content ul#links-index a:hover { border: none; } /* Facts */ body#facts #content .entry { background: #E8E2D3; border: none; -moz-border-radius: 5px; padding: 15px; } body#facts.entry #content h2 { margin-bottom: 15px; } body#facts #content .entry h2 { margin-bottom: 5px; } body#facts #content .entry h2 a { font-weight: 900; font-size: 16px; text-transform: uppercase; color: #88843d; letter-spacing: 1px; border: none; } body#facts #content .entry p { margin: 0; } body#facts #content .entry .facts-thumbnail { } body#facts #content .entry .facts-thumbnail img { float: left; width: 120px; margin: 0 15px 5px 0; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ body#bsd { background: url(/page/-/images/framework_bkgd.png) repeat-x center top; } body#bsd #header #header-logo { background: url(/page/-/images/header_image3.png) no-repeat center; } body#bsd form#qksignup { background: url(/page/-/images/header_signup_bkgd3.png) no-repeat center; } body#bsd.full-width #content { width: 963px; padding: 20px 0; background: none; } body#bsd #content #signupheader h2 { font-weight: 900; font-size: 24px; text-transform: uppercase; color: #88843d; letter-spacing: 2px; } /* 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;}