/* ---------------------------------------------------------- Health Care Voices 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 { color: #333; } .base h1 { font-size: 24px; font-weight: bold; line-height: 1.1em; margin-bottom: 15px;} .base h1.cufon { font-size: 32px; font-weight: normal; line-height: 1em;} .base h2 { font-size: 20px; font-weight: bold; } .base h2 a { font-size: 20px; font-weight: bold; font-style: normal; text-decoration: none; color: #333;} .base h2 a:hover { text-decoration: underline; } .base h3 { font-size: 16px; color: #666; margin-top: 15px; } .base h4 { font-size: 12px; color: #666; } .base p { font-size: 12px; line-height: 1.3em; color: #333; margin: 15px 0; } .base a { font-style: italic; color: #B52126; } a { color: #333; } a:hover { } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote { quotes: "" ""; padding: 0 0 10px 25px;} .base ul, ol { margin: 15px 0; } .base ul li, .base ol li { margin: 5px 5px 5px 25px} .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base li ul, .base li ol { margin: 0; } /* 03 =LAYOUT ---------------------------------------------------------- */ html, body { background: #FBF8EC; color:#333; font: 12px Helvetica, Arial, Geneva, sans-serif; } #wrapper { position: relative; margin: 0 auto; width:760px; background: #fff; border: 1px solid #ccc;} #masthead{ background: #00ADDD; width: 760px; height: 200px; } #content { padding: 0 10px 10px 10px; } body.interior #pagecontent { width: 480px; float: left;} #masthead h1{ position:absolute; top:5px; left:15px; height:192px; width:476px; background:transparent url(/page/-/images/HealthCareVoices/HCV_logo_HEADER.jpg) top left no-repeat; } #masthead h1 a{ display:block; height:192px; width:476px; } #masthead h1 span{display:none;} #masthead h2 { position:absolute; top: 70px; left: 510px; width: 383px; height:33px; } #masthead h2 span {display:none;} #masthead #header-sidebar { width: 250px; float: right; } #masthead form { float: right; background:#FBB813; color:#000; height:67px; width:250px; margin-right: 0px; } #masthead form h3{ margin: 0 0 5px 15px; color: #fff; text-transform: uppercase; font-size: 28px; } #masthead form input { float: left; border:1px solid #CCC; font-size:12px; color: #666; padding: 3px; } #masthead form input#splashEmail{ margin-left: 15px; width:116px; } #masthead form input#splashZip{ width:59px; margin-left:7px; } #masthead form input#go{ border:none; width:auto; height:auto; margin-left:6px; margin-top:-2px; padding:0; } #tax-header {background-repeat: no-repeat; height: 200px; width: 760px; margin: 0 auto 15px auto;} #tax-header.hct-banner-1 {background: url(http://cwa.bluestatedigital.com/page/-/hcv/images/donttaxhealthbanner-1.jpg);} #tax-header.hct-banner-2 {background: url(http://cwa.bluestatedigital.com/page/-/hcv/images/donttaxhealthbanner-2.jpg);} #tax-header.hct-banner-3 {background: url(http://cwa.bluestatedigital.com/page/-/hcv/images/donttaxhealthbanner-3.jpg);} #tax-header.hct-banner-4 {background: url(http://cwa.bluestatedigital.com/page/-/hcv/images/donttaxhealthbanner-4.jpg);} #tax-header h1 {text-indent: -900em;} #tax-header-1 {background: url(http://cwa.bluestatedigital.com/page/-/hcv/images/donttaxhealthbanner.jpg) no-repeat; height: 200px; width: 760px; margin: 0 auto 15px auto;} #tax-header-1 h1 {text-indent: -900em;} ul#nav { width: 740px; margin: 5px 10px; } ul#nav li { float: left; } ul#nav li a { display: block; text-decoration: none; color: #666; font-size: 15px; font-weight: bold; width: auto; padding: 10px 12px; border-right:2px solid #EEEBE0; font-style: normal;} ul#nav li.last a { border-right:none; } ul#nav li a:hover{ background:#FCB813; color:#FFF; } #other-campaigns { width: 250px; float: right; line-height: 27px; font-size: 15px; color: white; } #other-campaigns h2 { text-transform: uppercase; font-size: 18px; margin: 0 15px; } #other-campaigns h2 span { display: none; } #other-campaigns li{ margin-top: 35px; text-align: center; } #other-campaigns a { color: #fff; text-decoration: none; } #other-campaigns a:hover { text-decoration: underline; } #side { float:right; width:250px; } #side #latestnews { margin: 10px 0; } #side #latestnews h3 { font-size: 24px; text-transform: uppercase; margin-bottom: 10px;} #side #latestnews ul { margin-top: 10px; } #side #latestnews li { margin-bottom: 10px; } #side #latestnews li p { font-size:12px; line-height:1.3; } #side #latestnews li a { font-weight:normal; font-style:normal; color:#333; } #side #latestnews li span { font-weight:bold; } #side #latestnews h4 { width:244px; height:43px; background:transparent url(/page/-/images/previous_posts.gif) top left no-repeat; margin: 0 auto;} #side #latestnews h4 a { display:block; height:43px; width:244px; } #side #latestnews h4 span {display:none;} #footer{ background:#B52126; color:#FFF; padding: 10px 25px; width: 710px; } #footer #copyright { float:left; } #footer a { color:#FFF; } #footer ul { float:left; margin-left: 15px; } #footer ul li { float:left; padding-right: 10px; margin-right:10px; border-right:1px solid #FFF; } #footer ul li.last { border: 0; margin: 0; } #footer ul li a#footer-twitter { background: transparent url(http://cwa.bluestatedigital.com/page/-/images/HealthCareVoices/Twitter_32x32.png) no-repeat; width: 32px; height: 32px; text-indent: -9999em; margin: 0; padding: 0; display: block; } #footer .search { float: right; } #footer input.sitesearch { width: 125px; margin-right: 5px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #rotator { background: #cfcfcf; width: 444px; height: 365px; float: left; position: relative; overflow: hidden; border: 1px solid #ccc;} #rotator #pager { text-align: center; margin: 16px;} #rotator #pager a { width: 22px; padding: 3px 0;display: inline-block; margin-right: 8px; font-weight: bold; text-decoration: none; font-size: 16px;} #rotator #pager a.activeSlide { background: #fff; } #rotator .nav a#prev { background: url(/page/-/healthcare/btn-featurerotator-prev.png) no-repeat; width: 12px; height: 40px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; bottom: 10px; left: 10px;} #rotator .nav a#next { background: url(/page/-/healthcare/btn-featurerotator-next.png) no-repeat; width: 12px; height: 40px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; bottom: 10px; right: 10px;} #healthcareprinciples { background: url(/page/-/healthcare/bg-homepage-hcpriorities.jpg) no-repeat; width: 286px; height: 385px; float: right; position: relative;} #healthcareprinciples h2 span { display: none; } #healthcareprinciples a { position: absolute; left: 65px; width: 155px; height: 40px; display: block; text-indent: -9999px; overflow: hidden;} #healthcareprinciples a.option1 { top: 98px; } #healthcareprinciples a.option2 { top: 164px; } #healthcareprinciples a.option3 { top: 234px; } #healthcareprinciples a.option4 { top: 298px; } #healthcareprinciples a.principles { bottom: 0px; width: 244px; left: 20px; height: 15px; } body#home #latestnews h2 { float: left; font-size: 32px; text-transform: uppercase; color: #666; margin-right: 5px;} body#home #latestnews a.rss { float: left; margin: 10px 0;} body#home #latestnews h3 { font-size: 16px; line-height: 1.25em;color: #000; font-weight: bold; } body#home #latestnews span.date { color: #444; margin-right: 5px;} body#home #latestnews .entry { border-bottom: 1px solid #ccc; padding-bottom: 10px;margin-bottom: 10px; } body#home #latestnews .entry p { font-size: 12px; line-height: 1.3em; color: #333;} body#home #latestnews .entry a { text-decoration: none; } body#home #latestnews .entry a.more { font-weight: bold; color: #B52126;} body#home #latestnews .entry a:hover { text-decoration: underline; } body#home #latestnews .column { float: left; width: 600px; padding: 10px 0; } /* 05 =SUBPAGES ---------------------------------------------------------- */ .entry{ border-bottom: 2px dotted #B52126; margin-bottom: 15px; padding-bottom: 15px;} .odd { background-color: white;} #pagination-27189261 a{ padding: 5px; } #content form { padding: 10px; } /* RESOURCES AND REPORTS SECTION */ ul#resources-nav { position: relative; margin-bottom: 40px;} ul#resources-nav li { display: inline; list-style-type: none; margin: 0; font-size: 18px;} ul#resources-nav li.nav-active { font-weight: bold; } ul#resources-nav li.nav-active a { cursor: default; } ul#resources-nav li.nav-active a:hover { color: #555; } ul#resources-nav li a { font-style: normal; color: #555; text-decoration: none; border-left: 1px solid #a7a7a7; padding: 0 15px; } ul#resources-nav li a:hover { color: #FBB813; } ul#resources-nav li a.first { border-left: none; padding-left: 0; } ul#resources-nav ul { display: none; margin: 15px 0; } ul#resources-nav li ul li { font-size: 11.5px; font-weight: normal; } ul#resources-nav li ul li a { padding: 0 5px; cursor: pointer; font-style: italic;} ul#resources-nav li ul li a:hover { color: #FBB813; } ul#resources-nav li.nav-active ul, ul#resources-nav ul.subnav-active { display: block; position: absolute; top: 10px;} body.resources form#cse-search-box h3 { display: inline; margin-right: 10px; margin-top: 0; font-weight: bold;} body.resources #content form#cse-search-box { padding: 10px 0; margin-bottom: 20px;} body.resources form#cse-search-box input.text { width: 200px; padding: 3px 5px; margin-right: 5px; border: 1px solid #a7a7a7; } .resource { margin-top: 15px; border-bottom: 1px solid #666; } .resource h5 { font-weight:bold; padding-bottom:0; } .resource h5 a { color: #b52126;} .resource .tags { font-weight: bold; } .resource p.fileinfo { padding-top: 0; margin: 0 auto; font-style: italic;} /* pages */ body.onecol #pagecontent {width: 740px;} body.interior #pagecontent input, body.interior #pagecontent select { margin-bottom: 5px; } /* google custom search */ #cse-search-results iframe {width: 735px;} /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading .cufon { visibility: hidden !important; } .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;}