/* ---------------------------------------------------------- Communication Workers of America 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) ---------------------------------------------------------- */ /* 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 .base {font-size: 12px;} .base h1 {font-size: 30px; margin: 0 0 15px 0;} .base h2 {font-size: 22px; margin: 0 0 10px 0;} .base h3 {font-size: 16px; margin: 0 0 5px 0;} .base h1, .base h2, .base h3, .sub-head {color: #cc8e24;} /* yellow */ .base h1, .base h2, .base h3 {font-weight: bold;} .base h1, .base h2, .base h3 {text-transform: uppercase;} .base .highlight-box p {font-style: italic;} .base h3 { } .base h4 { } .base p { font-size: 12px; } .base p {line-height: 18px; margin: 0 0 15px 0;} .base .highlight-box p {line-height: 20px;} .base a {color: #990000;} .base a:hover, .base h2 a, .base h3 a {text-decoration: none;} .base a:hover {text-decoration: none;} .base h2 a:hover, .base h3 a:hover {text-decoration: underline;} .base blockquote {background: url(/page/-/cwa-union/images/bg-blockquote.jpg) no-repeat; font: 15px/24px Georgia, "Times New Roman", Times, serif; margin: -10px 0 15px 35px; padding: 10px 0 0 39px;} .base ul, .base ol {margin: 0 0 15px 10px;} .base ul {margin: 0 0 15px 30px;} .base ol { margin: 0 0 15px 30px;} .base ul li {list-style: outside disc; margin: 0 0 5px 0;} .base ol li {list-style: outside decimal; margin: 0 0 5px 0;} .base li ol { margin: 0 0 0 30px; } .base li ul { margin: 0 0 0 30px; } .base .highlight-box {border: 5px solid #ececec; background: #f9f6f6; padding: 17px;} .base .highlight-box .header {font-size: 18px;} .base .highlight-box p {font-size: 13px; color: #393939;} .base h1 {padding: 0 0 5px 0; border-bottom: 1px solid #ccc;} /* 03 =TYPOGRAPHY ---------------------------------------------------------- */ body {font-family: Arial, Helvetica, sans-serif;} /* =font sizes */ #footer {font-size: 11px;} #home-content, #sidebar {font-size: 12px;} #home-news-entries-cont .entry h3 a, .home-news-entries-cont .entry h3 a {font-size: 14px;} #home-news-entries-cont .home-news-date, .home-news-entries-cont .home-news-date {font-size: 10px; margin: 0;} #video-multimedia h2, #latest-events h2, body#home .section-meta h2, .section-meta h2 {font-size: 25px;} .section-meta h1 {font-size: 30px;} /* font colors */ #footer-meta, #footer-meta a, #latest-events h2 a {color: #fff;} .footer-nav-block h3 a {color: #313131;} /* dark gray */ .footer-nav-ul a {color: #a80d0d;} body#home .section-meta h2 {color: #990000;} /* red */ #home-content a, #sidebar a, body#home .section-meta h2 {color: #990000;} /* red */ #home-news-entries-cont .home-news-date, .home-news-entries-cont .home-news-date, .recent-headline, #video-multimedia .home-video-entry .right, .side-event-date {color: #666;} /* light gray */ /* line-heights */ /* links */ #home-news-entries-cont .entry h3 a, .home-news-entries-cont .entry h3 a, #sidebar a:hover {text-decoration: none;} /* misc */ #home-news-entries-cont .entry h3 a, .home-news-entries-cont .entry h3 a, #home-news h4, .recent-headline a, #video-multimedia h2, #latest-events h2, body#home .section-meta h2, .sub-head {font-weight: bold;} .footer-nav-block h3, #home-news h4, #home-news-meta h2, #video-multimedia h2, body#home .section-meta h2, .sub-head {text-transform: uppercase;} .footer-nav-ul a {text-transform: lowercase;} .footer-nav-block h3 a, .footer-nav-ul a:hover, #home-news-meta h2 a, .recent-headline a, #home-content a:hover, #video-multimedia h2 a, #latest-events h2 a {text-decoration: none;} .footer-nav-block h3 a:hover, .footer-nav-ul a, div.recent-headline p.recent-headline-title a:hover, #home-news-entries-cont .entry h3 a:hover, .home-news-entries-cont .entry h3 a:hover {text-decoration: underline;} p.home-news-summary {line-height: 18px; margin: 0 0 5px 0;} /* 04 =LAYOUT ---------------------------------------------------------- */ html {background: #c0bfbf url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/bg.png);} /* body {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/header-bg.png) no-repeat center top; height: 400px;} */ body {background: url(/page/-/cwa-union/images/header-bg-2010-03-05-1148.png) no-repeat center top; height: 400px;} /* content */ #outer-cont {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/grey-tile-long.png) repeat-x center 1600px;} body.no-nav #content-inner {border-top: 1px solid #fff;} #container {width: 979px; margin: 0 auto 0 auto;} #content, #footer {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/content-bg.png) repeat-y 0 0; width: 979px;} #content-inner {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/content-gradient-bg.png) repeat-x; width: 956px; margin: 0 0 0 5px; padding: 0 14px 20px 0;} #main {float: left; width: 602px; min-height: 400px;} body.interior.twocol #main {float: left; width: 578px; background: #fff; margin: 12px 0 0 12px; padding: 12px;} body.interior.onecol #main {background: #fff; margin: 12px 0 0 12px; padding: 12px; width: 920px;} #sidebar {float: right;} /* header */ #header {height: 124px; width: 970px; padding: 0 0 0 7px; position: relative;} body.no-nav #header {height: 90px;} #skip-to-content {display: block; position: absolute; text-indent: -900em; outline: none;} #header-home-link {display: block; position: absolute; height: 70px; width: 660px; text-indent: -900em; outline: none; top: 0; left: 0;} #site-search {position: absolute; right: 0; top: 0; text-align: left; width: 291px;} #site-search legend, #site-search-label {font-size: 0; line-height: 0; display: block; text-indent: -9000em;} #site-search fieldset {display: inline;} #site-search-label {text-indent: -9000em; display: block!important;} #site-search-field {border: 0; top: 10px; position: absolute; width: 152px; padding: 2px; height: 16px; background: none; font-size: 11px; display: inline; top: 0; right: 59px; top: 8px;} #site-search-submit {background: none; border: none; text-indent: -900em; outline: none; display: inline; width: 53px; position: absolute; top: 0; right: 0; height: 37px; cursor: pointer;} /* nav */ #nav {height: 40px; width: 972px; position: absolute; top: 81px; left: 4px; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/nav-bg.png);} .nav-border {background: #c89337; height: 3px; width: 970px; position: absolute; bottom: 0; left: 5px;} .nav-a-level-1:hover, .nav-li-hover a {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/nav-hover.png);} #nav-home {display: block; height: 40px; width: 107px; text-indent: -900em; outline: none;} #nav-news, li#nav-news.nav-li-hover a {display: block; height: 40px; width: 92px; text-indent: -900em; outline: none; background-position: -109px; margin-left: 2px!important;} #nav-about {display: block; height: 40px; width: 101px; text-indent: -900em; outline: none; background-position: -202px; margin-left: 1px!important;} #nav-issues {display: block; height: 40px; width: 106px; text-indent: -900em; outline: none; background-position: -304px; margin-left: 1px!important;} #nav-join-us {display: block; height: 40px; width: 112px; text-indent: -900em; outline: none; background-position: -411px; margin-left: 1px!important;} #nav-for-members {display: block; height: 40px; width: 163px; text-indent: -900em; outline: none; background-position: -523px;} #nav-for-locals {display: block; height: 40px; width: 139px; text-indent: -900em; outline: none; background-position: -686px;} #nav-for-the-media {display: block; height: 40px; width: 145px; text-indent: -900em; outline: none; background-position: -825px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .nav-border {left: 5px;} } #nav, #nav * {margin: 0; padding: 0; list-style: none;} #nav {line-height: 1.0;} #nav ul {position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */} #nav ul li {width: 100%;} #nav li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} #nav li {float: left; position: relative;} #nav a {display: block; position: relative;} #nav li:hover ul, #nav li.sfHover ul {left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99;} ul#nav li:hover li ul, ul#nav li.sfHover li ul {top: -999em;} ul#nav li li:hover ul, ul#nav li li.sfHover ul {left: 15em; /* match ul width */ top: 0;} ul#nav li li:hover li ul, ul#nav li li.sfHover li ul {top: -999em;} ul#nav li li li:hover ul, ul#nav li li li.sfHover ul {left: 200px; /* match ul width */ top: 0;} /*** shadows for all but IE6 ***/ ul#nav ul, ul#nav ul.right-nav-ul, ul#nav ul.left-nav-ul { background-image: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; /* -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; */ } #nav ul#nav-shadow-off { background: transparent; } ul#nav ul.right-nav-ul, ul#nav ul.left-nav-ul {padding: 5px 8px 0 8px; font-size: 12px; margin: 9px 0 0 0;} ul#nav ul.right-nav-ul li, ul#nav ul.left-nav-ul li {} ul#nav ul.right-nav-ul a, ul#nav ul.left-nav-ul a {display: block; color: #fff; text-decoration: none; font-weight: bold; padding: 13px 10px 13px 10px;} ul#nav ul.right-nav-ul a {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/nav-sub-li-divider.png) repeat-x bottom left;} ul#nav ul.left-nav-ul a {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/nav-sub-li-bg-light.png) repeat-x bottom left;} ul#nav ul.right-nav-ul a:hover, ul#nav ul.left-nav-ul a:hover {color: #c88a23;} ul#nav ul.right-nav-ul {background-color: #6d0101;} ul#nav ul.left-nav-ul {background-color: #b60202;} /* sidebar */ #sidebar {padding: 16px 0 0 0; width: 324px;} .sidebar-content-block {margin: 0 0 15px 0;} #stay-informed {height: 99px; width: 324px; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/stay-informed-bg-2.png) no-repeat; position: relative;} #quick-signup {font-size: 12px;} #quick-email {position: absolute; width: 124px; border: 0; top: 82px; left: 30px; font-size: 12px;} #quick-zip {position: absolute; width: 47px; border: 0; top: 82px; left: 164px; font-size: 12px;} #quick-submit {position: absolute; background: none; border: none; text-indent: -900em; width: 81px; top: 75px; right: 27px; height: 25px; cursor: pointer;} #stay-informed label {position: absolute!important; top: -300px!important;} /* get local */ #get-local {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/get-local-bg.png) no-repeat; height: 135px; width: 324px; position: relative;} #keywords {position: absolute; border: 0; top: 73px; left: 76px; width: 118px;} #local-submit {position: absolute; background: none; border: 0; top: 70px; right: 83px; height: 20px; width: 40px; text-indent: -900em; cursor: pointer; font-size: 0; display: block; line-height: 0;} #side-browse-directory {position: absolute; display: block; text-indent: -900em; height: 15px; width: 180px; top: 94px; left: 70px;} a#side-browse-directory {outline: 0;} #keywords_lbl {position: absolute!important; top: -3000px!important;} /*act now*/ #act-now {background: #8a0e0e; border: 6px solid #840101; } #act-now-header {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/act-now-header.png) no-repeat; height: 53px; text-indent: -900em; width: 312px; margin: 0 0 -4px 0;} #act-now ul li a {display: block; width: 312px; height: 28px; margin: 10px 0 0 0; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; padding: 12px 0 0 0; background: #8e0404 url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/act-now-button-bg.png) no-repeat; text-shadow: #330202 0 1px 6px; border-bottom: 1px solid #8a0e0e;} #att-hands-off {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/act-now-att-health-care.png);} #share-health-care-story {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/act-now-share-healthcare-story.png);} #follow-cwa-twitter {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/act-now-follow-cwa.png);} /* #gray-link-block {border: 6px solid #b6b5b5; background: #b6b5b5;} #gray-link-block ul li a.large-grey-block {margin: 0 0 6px 0; display: block; text-indent: -900em; height: 116px; width: 312px; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/gray-sidebar-graphics.png) no-repeat;} #gray-link-block ul li a#gray-link-speed-matters {background-position: 0 -124px;} #gray-link-block ul li a#gray-link-healthcare-for-all {background-position: 0 -248px;} #gray-link-block ul li a#gray-link-jobs-training {background-position: 0 -372px;} #gray-link-block #gray-link-video-multimedia {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/video-multimedia.png);} #gray-link-block #gray-link-calendar {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/calendar-events.png);} #gray-link-block #gray-link-media {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/for-the-media.png);} #gray-link-block #gray-link-cope {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/cope-graphic.png);} #gray-link-block #gray-link-organizers {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/cwa-organizers.png); height: 90px;} #gray-link-block #gray-link-change-address {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/change-your-address.png);} #gray-link-block #gray-link-store {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/cwa-store.png);} #gray-link-block #gray-link-rmc {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/retired-members-council.png);} #gray-link-block #gray-link-charity {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/charity-of-choice.png);} #gray-link-block #gray-link-legislation-politics {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/legislation-politics.png);} li#gray-link-stay-connected {position: relative; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/gray-sidebar-graphics.png) 0 -496px; height: 116px; width: 312px; overflow: hidden;} li#gray-link-stay-connected a {position: absolute; height: 20px; width: 80px; display: block; text-indent: -900em;} a#facebook-link {top: 44px; left: 22px;} a#youtube-link {top: 75px; left: 22px;} a#twitter-link {top: 44px; left: 125px;} a#myspace-link {top: 75px; left: 125px;} a#flickr-link {top: 44px; left: 220px;} a#rss-link {top: 75px; left: 220px;} */ #sidebar-misc {background: #b6b5b5; text-align: center; padding: 6px 0 1px 0;} #sidebar-misc img {display: block; margin: 0 auto 6px auto;} /* common elements */ #latest-events h2, .side-multimedia h2 {background: #d19a3a; border-top: 10px solid #cc8e24; border-left: 10px solid #cc8e24; border-right: 10px solid #cc8e24; padding: 0 0 0 10px;} #latest-events ul, .latest-events-inner-cont, .latest-multimedia {border-left: 10px solid #ececec; border-right: 10px solid #ececec; border-bottom: 10px solid #ececec; background: #f6f6f6; padding: 10px;} .cufon-loading a {visibility: hidden !important;} /* events */ .side-event-entry {padding: 0 0 10px 5px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;} /* multimedia */ .side-multimedia h2 {font-size: 25px; font-weight: bold;} body #content #sidebar .side-multimedia h2.f-replace a {color: #fff; text-decoration: none;} .side-multimedia h3 {color: #cc8e24; font-weight: bold; font-size: 18px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;} .side-multi-cont {margin: 0 0 15px 0;} ul.multimedia-list {margin: 0 0 0 10px;} ul.multimedia-list li {margin: 0 0 10px 0; padding: 0 0 3px 23px;} ul.multimedia-list li.video {background: url(/page/-/cwa-union/images/multimedia-video-icon.png) no-repeat 1px 0;} ul.multimedia-list li.photos {background: url(/page/-/cwa-union/images/multimedia-image-icon.png) no-repeat 0 1px;} ul.multimedia-list li.audio {background: url(/page/-/cwa-union/images/multimedia-audio-icon.png) no-repeat 0 1px;} .side-multimedia .more {text-align: right;} .side-multimedia .home-video-entry, #sidebar .side-multimedia .home-video-entry {overflow: hidden; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;} .side-multimedia .left, #sidebar .side-multimedia .left {float: left; height: 69px; width: 92px;} .side-multimedia .right, #sidebar .side-multimedia .right {float: right; width: 185px;} .multimedia-loop-photoset-thumb, #sidebar .multimedia-loop-photoset-thumb {height: 51px; width: 92px; background-repeat: no-repeat;} .multimedia-loop-photoset-thumb a, #sidebar .multimedia-loop-photoset-thumb a {display: block; text-indent: -900em; height: 51px; width: 92px;} /* footer */ #footer {padding: 0 0 0 4px; width: 979px;} #footer-content-container {background: #c3c2c2 url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/footer-gradient-bg.png) repeat-x 0 0; padding: 16px 10px 0 10px; width: 951px;} #footer-meta {margin: 0 0 16px 0; height: 30px; overflow: hidden;} body.no-nav #footer-meta {padding: 0 0 20px 0;} #footer-meta .left {float: left; width: 49.5%;} #footer-meta .right {float: right; width: 49.5%; text-align: right;} #footer-nav {background: #fbfbfb; padding: 15px 0 65px 0;} .footer-nav-block {float: left; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/thin-gradient-fade.png) top right no-repeat; padding: 0 10px 0 19px; min-height: 230px; height: auto !important;} .footer-nav-block h3 {margin: 0 0 8px 0;} .footer-nav-ul li {margin: 0 0 7px 0;} #footer-nav-block-sectors {width: 105px;} #footer-nav-block-home {width: 95px;} #footer-nav-block-news {width: 105px;} #footer-nav-block-about {width: 95px;} #footer-nav-block-issues {width: 129px;} #footer-nav-block-join-us {width: 95px;} #footer-nav-block-for-members {width: 105px;} #footer-nav-block-for-locals {background: none;} .footer-nav-ul li ul{margin: 0 0 7px 3px; font-style:italic} .footer-nav-ul li ul li {margin: 3px 0 4px 4px; font-style:italic} .footer-copy {width: 420px;} /* 05 =HOMEPAGE ---------------------------------------------------------- */ #home-feature {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/feature-bg.png) no-repeat; height: 319px; width: 617px; margin: 10px 0 0 6px; position: relative; font-size: 12px; color: #fff; padding: 4px 0 0 4px; overflow: hidden;} #home-feature a {color: #fff; text-decoration: none;} .feature-text {background: #cc9b46; width: 592px; border-left: 6px solid #c89337; border-right: 6px solid #c89337; border-bottom: 6px solid #c89337; padding: 0 0 0 5px; height: 88px; margin: -3px 0 0 0;} .feature-title {font-size: 30px; font-weight: bold; letter-spacing: -1.5px; line-height: 36px;} .feature-desc {width: 443px; margin: 0 0 0 0;} #feature-nav {position: absolute; z-index: 500; bottom: 20px; right: 20px;} #feature-nav a {padding: 1px 4px; color: #af791c; text-decoration: underline; font-size: 16px; margin: 0 3px;} #feature-nav a.activeSlide {color: #fff; text-decoration: none; border: 1px solid #fff;} #feature-nav a:hover {color: #fff;} #home-content {padding: 0 0 0 10px; margin: 10px 0 0 0;} #home-news {margin: 0 0 30px 0;} #home-news-meta {overflow: hidden; margin: 20px 0 10px 0;} #home-news-meta h2, #home-news-meta h1 {float: left;} #home-news-meta div {float: right; overflow: hidden; margin: 8px 0 0 0;} #home-news-feed, .home-news-feed {background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/small-rss.png) no-repeat; display: block; height: 19px; text-indent: -900em; width: 19px; float: right;} #home-read-all-news, .home-read-all-news {display: block; float: left; padding: 0 0 0 8px; margin: 5px 0 0 0; border-right: 1px solid #990000; padding: 0 10px 0 0; margin: 3px 10px 0 0;} #home-news-meta h1 {border: none; padding: 0 0 0 0; margin: 0 0 10px 0;} #home-news-meta {border-bottom: 1px solid #ccc; margin: 0 0 20px 0;} #home-news-entries-cont .entry, .home-news-entries-cont .entry {margin: 0 0 20px 0;} #home-news-entries-cont .entry h3, .home-news-entries-cont .entry h3 {margin: 5px 0;} #home-news h4 {margin: 0 0 20px 0;} .recent-headline {margin: 0 0 10px 0; overflow: hidden;} .recent-headline-date {float: left;} .recent-headline-title {float: right; width: 505px;} #video-multimedia {overflow: hidden; background: #fff url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/home-video-mult-bg.png) repeat-x; padding: 10px; width: 586px;} #video-multimedia .left {float: left; width: 290px; background: #e3e2e2; width: 290px;} #video-multimedia .right {float: right; width: 260px; padding: 40px 0 0 0;} #video-multimedia .left h2 {margin: 0 5px 5px 5px;} #video-multimedia .left p {margin: 0 0 10px 5px;} .home-video-entry {overflow: hidden;} #video-multimedia .home-video-entry {margin: 0 0 20px 0;} #video-multimedia .home-video-entry .left {width: 92px; background: none;} #video-multimedia .home-video-entry .right {width: 156px; padding: 0;} .larg-video-thmb-cont {position: relative;} .larg-play-btn {position: absolute;} .lrg-video-overlay {background: url(/page/-/cwa-union/images/large-play-button.png); height: 171px; width: 290px; position: absolute; text-indent: -900em; display: block;} /* 06 =SUBPAGES ---------------------------------------------------------- */ /* common */ .read-more-link {text-align: right;} body#news-index .pagination, body#multimedia .pagination, body#for-the-media .pagination {display: none;} .fancy-list { width: 96%; margin: 0 auto 0 auto; } .fancy-list-entry-cont {overflow: hidden; margin: 0 0 10px 0; border-top: 1px solid #eee; padding: 10px 0 0 0;} .fancy-list .left-side {float: left; height: 16px; width: 12px; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/yellow-arrow.png) 0 4px no-repeat;} .fancy-list .right-side {float: right; width: 96%;} .fancy-list .right-side p {margin: 0 0 5px 0;} .interior-column-container {overflow: hidden;} .int-left-col {float: left; width: 49%;} .int-right-col {float: right; width: 49%;} .template-meta {overflow: hidden; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 20px 0;} .template-meta h1 {border: none; float: left; padding: 0 0 0 0; margin: 0 0 0 0;} .template-meta div {overflow: hidden; float: right; padding: 10px 0 0 0;} .section-meta {border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 20px 0;} .section-meta h1, .section-meta h2 {border: none; padding: 0; margin: 0;} .section-meta .left-side {float: left;} .section-meta .right-side {float: right; margin: 7px 0 0 0; width: 275px;} /* .section-meta .right-side .right-side {margin: 0;} .section-meta .right-side .left-side {text-align: right;} */ .section-see-all {border-right: 1px solid #660000; margin: 3px 10px 0 0; padding: 0 10px 0 0; display: block; float: right;} .section-feed {display: block; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/small-rss.png) no-repeat; height: 19px; text-indent: -900em; width: 19px; float: right; outline: 0;} /* general */ .base .content-block {margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding: 0 0 15px 0;} .base .content-block.last {margin: 0 0 25px 0; border-bottom: 0; padding: 0 0 20px 0;} /* about */ .base #sub-nav {border-bottom: 1px solid #ccc; border-top: none; padding: 5px 10px 5px 10px; list-style: none; margin: -10px 0 10px 0;} .base #sub-nav li {float: left; padding: 0 6px 0 0; list-style-type: none;} .base #sub-nav li a {text-decoration: none;} .base #sub-nav li a:hover {text-decoration: underline;} .sector-cont .logo-cont {height: 50px; width: 50px; float: left;} .sector-cont {overflow: hidden; margin: 0 0 15px 0;} .sector-cont .sector-details {width: 515px; float: right;} /* committee pages */ #committee-feature {overflow: hidden; background: #cc9b46; border: 7px solid #c89337; padding: 0 0 0 5px; color: #fff;} #committee-feature h2 a {color: #fff; text-decoration: none;} #committee-feature h2 a:hover {text-decoration: none;} #committee-feature .left {float: left; width: 225px;} #committee-feature .right {float: right; width: 320px;} #cmt-feature-img {background: height: 200px; width: 320px;} #committee-news .recent-headline {margin: 0 0 5px 0; overflow: hidden;} .base .content-block.last, .base #mission-statement.content-block {border-bottom: 0;} #committee-news .recent-headline-date, #legislative-news .recent-headline-date {float: left;} #committee-news .recent-headline-title, #legislative-news .recent-headline-title {float: right; width: 490px;} /* issues */ #issues .left {float: left; width: 120px; height: 120px;} #issues .right {float: right; width: 445px;} #issues .content-block {overflow: hidden;} #issues-other .fancy-list .right-side a {font-weight: bold;} body#issues .content-block {border: none;} .issue-header {overflow: hidden; border-top: 2px solid #a80d0d; border-bottom: 2px solid #a80d0d; padding: 3px 0; margin: 0 0 20px 0;} .issue-header h2 {margin: 0 0 0 0;} .issue-header .left-column {float: left; width: 400px;} .issue-header .right-column {float: right; width: 150px; padding: 0 0 0 0; text-align: right; padding: 5px 10px 0 0;} /* events */ .event-cont {overflow: hidden; margin: 0 0 40px 0;} .event-date {float: left; width: 100px; position: relative; background: url(http://cwa.bluestatedigital.com/page/-/cwa-union/images/calendar-page.png); height: 86px; width: 71px;} .event-date span {position: absolute; color: #fff; width: 100%; text-align: center;} .event-date .month {font-size: 10px; } .event-date .day {top: 22px; font-size: 35px; font-weight: bold; line-height: 35px;} .event-date .year {bottom: 5px; font-size: 12px;} .event-details {float: right; width: 495px;} .event-details h3 {text-transform: none; font-size: 18px; margin: -4px 0 0 0;} .event-details h3 a:hover {text-decoration: underline;} .event-details .event-location {font-style: italic; color: #666; margin: 0 0 5px 0;} .event-date-heading {} /* video */ .video-index-entry-cont {overflow: hidden; margin: 0 0 20px 0;} .video-index-entry-cont .left {float: left; } .video-index-entry-cont .right {float: right; width: 430px;} .video-index-entry-cont .right h3 {margin: 0 0 3px 0;} .video-index-entry-cont .right p {margin: 0 0 3px 0;} /* audio */ .audio-entry {overflow: hidden; margin: 0 0 20px 0;} .audio-entry .left-column {float: left; width: ;} .audio-entry .right-column {float: right; width: 430px;} .home-video-small-thmb {position: relative;} .small-video-thmb {position: absolute; height: 51px; width: 92px; background: url(/page/-/cwa-union/images/small-play-button.png); text-indent: -900em;} .video-medium-thumb {position: relative;} .video-medium-thumb-overlay {position: absolute; background: url(/page/-/cwa-union/images/medium-play-button.png); display: block; text-indent: -900em; height: 97px; width: 131px;} /* photo gallery */ .gallery-entry {overflow: hidden; margin: 0 0 20px 0;} .gallery-entry .left-column {float: left; width: 250px;} .gallery-entry .right-column {float: right; width: 328px;} .gallery-entry p.summary {margin: 0 0 5px 0;} p.flickr-set-link {margin: 10px 0 0 0;} .photo-share {width: 570px;} /* get local */ .local-entry {margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding: 0 0 10px 5px;} .local-entry.last {border-bottom: none;} .local-entry h3 {margin: 0 0 0 0;} .local-details {margin: 0 0 0 10px;} .local-entry .address p {margin: 0 0 0 0;} .local-entry .phone {color: #333;} .local-entry .website {margin: 0;} .local-entry .address {margin: 0 0 5px 0;} .local-entry p {margin: 0 0 5px 0;} /* for locals */ ul.custom-ul {margin: 0 0 0 20px; overflow: hidden;} ul.custom-ul li {list-style-type: none; background: url(/page/-/cwa-union/images/yellow-arrow.png) no-repeat 0 2px; padding: 0 0 0 20px; margin: 0 10px 10px 0; float: left; width: 245px;} /* =SEARCH */ #cse-search-results iframe {width: 580px;} /* LOCAL DIRECTORY */ #local-filter-form legend {text-indent: -900em; font-size: 0; line-height: 0;} .filter-block {float: left;} #filter-district {width: 110px;} #filter-state {width: 150px;} #filter-sector {width: 180px;} #filter-submit {float: left; margin: -2px 0 0 5px;} /* the source */ p.sub-head {margin-bottom: 0;} .sub-nav-inner {border-bottom: 1px solid #ccc; padding: 0 0 10px 10px; margin: 0 0 15px 0;} .sub-nav-inner ul {margin: 0;} .sub-nav-inner li {list-style-type: none!important; float: left; margin: 0 10px 0 0!important;} #campaigns-section-meta a.section-see-all {border: 0; margin-right: 0;} body#the-source #issues {border-bottom: 0;} /* 07 =FRAMEWORK ---------------------------------------------------------- */ #signupform td, #loginform td {padding: 10px;} #signupform input, #loginform input {padding: 2px;} #signupform table {margin: 5px 0 0 0;} .logintitle, .signuptitle {margin-bottom: 7px!important;} body#the-source .section-meta {border: 0; margin-bottom: 5px;} /* 08 =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;} .font-clear {display: block; text-indent: -900em;} .tar {text-align: right;} /* 09 =CWA ADDITIONS --------------------------------------------------------*/ ul.wrap-ul {margin: 0 0 0 20px; overflow: hidden;} ul.wrap-ul li {list-style-type: none; no-repeat 0 2px; padding: 0 0 0 20px; margin: 0 10px 10px 0; float: left; width: 245px;} ul.arrow-ul {margin: 0 0 0 20px; overflow: hidden;} ul.arrow-ul li {list-style-type: none; background: url(/page/-/cwa-union/images/yellow-arrow.png) no-repeat 0 2px; padding: 0 0 0 20px; margin: 0 10px 10px 0;} #clean-table td {padding: 5px; } #clean-table tr {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;} #clean-table {margin-bottom: 25px;} .conv-open div{width: 36px; height:13px; display: inline;} .conv-open p {visibility:hidden;} .conv-open span {background-image:url(http://files.cwa-union.org/img/convention-open.jpg)} .conv-closed div{width: 36px; height:13px; display: inline;} .conv-closed p {visibility:hidden;} .conv-closed span {background-image:url(http://files.cwa-union.org/img/convention-closed.jpg)} .GovTrackEmbed { font-size: 12px; color: black; background-color: white; padding: 5px; width: 500px; font-family: Arial, Helvetica, sans-serif; } .GovTrackEmbedTable { font-size: 100%; color: black } .GovTrackEmbedTitle { font-weight: bold; font-size: 18px; color: #cc8e24; font-family: Arial, Helvetica, sans-serif; } .GovTrackEmbedHighlight { background-color: #ffffff } .GovTrackEmbedFooter { font-size: 12px; display: none; } .GovTrackEmbedDate { font-size: 12px; } .GovTrackEmbed a { text-decoration: none } #congress-table th {background-color: #cc8e24; font-weight: bold; padding: 8px; font-size: 12px; color: #fff; text-transform: uppercase;} #congress-table td {padding: 5px; background-color: #fff; font-size: 12px;} #congress-table tr {background-color: #fff;} #congress-table {margin-bottom: 25px;} #congress-table tr.odd td {background-color: #dbdbdb;font-size: 12px;}