/* ---------------------------------------------------------- **Freedom to Marry** CSS Managed by: Blue State Digital Last Update: January 2010 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY 08 - COLORBOX 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 ---------------------------------------------------------- */ /* font families */ body { font-family: Arial, Helvetica, sans-serif; } .qr-entry, #side-search h2, .base h2, .base h3, .feature-entry h3, .home-blog-entry h3, .home-blog-short-title, .resource-article-entry h3, .resource-top h4 { font-family: Georgia, Times New Roman, serif; } .base h1, .f-replace { font-family: futura-pt, Helvetica, Arial, sans-serif !important; } /* font sizes */ body {font-size: 12px;} .section-cont h3, #nav-cont, .home-blog-short-entry, .home-social h2 {font-size: 14px;} .resource-top h4 {font-size: 15px;} #side-search h2 {font-size: 16px;} #quick-sign-up h3, #sidebar .text-header, .section-header, .home-header, .int-sub-head {font-size: 18px;} .resource-article-entry h3 {font-size: 20px;} /* font colors */ #quick-submit, #footer, #footer a, #latest-tweets-entries-cont, #nav-cont ul li.nav-donate a, #latest-tweets-entries-cont a {color: #fff;} #nav-cont ul li a {color: #3d3b3b;} /* dark gray */ #quick-sign-up input {color: #666666;} /* dark gray */ .text-header, .base h1, .base h2, .base h3, .section-header, .home-blog-entry a, .home-blog-short-title a, .home-header, body#resources #main a, .int-sub-head, .text-header a {color: #b40011;} /* red */ a {color: #669999;} /* teal */ .home-blog-date, .home-blog-short-date {color: #666;} /* links */ #nav-cont ul li a, .section-cont h3 a, .resource-article-entry h3 a, .int-sub-head a, body#home .read-more, .text-header a {text-decoration: none;} #nav-cont ul li a:hover {background: #e0dfdf;} /* misc */ #nav-cont, .text-header, .section-cont h3, .section-header, .int-sub-head {text-transform: uppercase;} .text-header, .section-cont h3, #latest-tweets-entries-cont a {font-weight: bold;} .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 {font-variant: small-caps;} .base .highlight-box p {font-style: italic;} .base p { font-size: 12px; } .base p {line-height: 18px; margin: 0 0 15px 0;} .base .highlight-box p {line-height: 20px;} .base a:hover, .base h2 a, .base h3 a, .home-blog-entry h3 a {text-decoration: none;} .base blockquote { 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 15px;} .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 15px; } .base li ul { margin: 0 0 0 15px; } /* 03 =LAYOUT ---------------------------------------------------------- */ html {background: #e0dfdf;} #container {width: 960px; margin: 0 auto;} #header {background: #fff; padding: 20px; position: relative; height: 180px; margin: 0 0 10px 0;} #header.slim-social, body.slim-social #header {height: 120px;} #header.donate-slim {height: 120px;} #logo {position: absolute; left: 20px; right: 20px;} #logo-header {text-align: left;} h1#logo-header a {display: block; background: url(/page/-/images/ftm-sprite-2010-12-29-15-51.png) -574px 0; height: 110px; width: 287px; text-indent: -900em;} #nav-cont {position: absolute; bottom: 20px; background: #f8f7f7; border: 1px solid #eaeaea; width: 920px;} #nav-cont ul {overflow: hidden;} #nav-cont ul li {float: left;} #nav-cont ul li a {padding: 10px 20px; display: block;} #nav-cont ul li.nav-donate a {background: #c6170a; padding: 10px 30px 10px 30px;} #quick-signup-cont {position: absolute; right: 20px; top: 40px; height: 86px; width: 292px;} #quick-sign-up legend {text-indent: -900em; line-height: 0; font-size: 0;} #quick-sign-up input {-moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #cccccc; background: #f8f7f7; padding: 2px;} #quick-submit {background: #69a8a3; border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px 24px; font-weight: bold; margin: 0 0 0 0;} #quick-sign-up h3 {margin: 0 0 5px 0;} #quick-sign-up fieldset {margin: 0 0 0 0;} #quick-email {width: 286px; margin: 0 0 7px 0;} #quick-zip {margin: 0 5px 0 0; width: 174px; } #content {margin: 0 0 10px 0;} #main {background: #fff; width: 594px; padding: 20px; float: left;} body.two-col #content {background: url(/page/-/images/content-bg-twocol.png);} body#home #content {background: url(/page/-/images/content-bg-twocol.png) -5px 0;} body.one-col #main {width: 920px;} .content-block {margin: 0 0 20px 0;} /* sidebar */ #sidebar {width: 275px; background: #fff; float: right; padding: 20px;} .side-content-block {margin: 0 0 20px 0;} #side-actions a {margin: 0 0 4px 0; display: block;} .qr-entry {margin: 0 0 10px 0;} #sidebar .text-header {margin: 0 0 8px 0;} #latest-tweets h2 {background: url(/page/-/images/twitter-bird.png) no-repeat 200px 0;} #latest-tweets-entries-cont {background: #69a8a3; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .latest-tweet-entry {border-bottom: 1px solid #9dc6c3; padding: 0 0 5px 0; margin: 0 0 5px 0;} #featured-video {padding: 15px 0 0 0;} #site-search legend {text-indent: -900em;} #site-search label {display: none;} #site-search input {-moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #cccccc; background: #f8f7f7; padding: 2px;} #search-submit {background: #69a8a3; border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px;} .side-large-vid-entry {height: 190px; width: 276px; background-position: center center; background-repeat: no-repeat!important; margin: 0 0 7px 0;} .side-large-vid-entry a {display: block; text-indent: -900em; height: 190px; width: 276px; background: url(/page/-/images/youtube-play-button.png) no-repeat center center; outline: 0;} #side-small-videos {overflow: hidden;} .side-small-vid-entry {height: 53px; width: 87px; background-position: center center!important; background-repeat: no-repeat; float: left; margin: 0 7px 0 0;} .side-small-vid-entry.last {margin: 0;} .side-small-vid-entry a {display: block; text-indent: -900em; height: 53px; width: 87px; /*background: url(/page/-/images/youtube-small-play-button.png) no-repeat center center;*/} #blogroll ul, #blog-categories ul {margin: 0 0 0 20px;} #blogroll ul li, #blog-categories ul li {list-style-type: disc; list-style-position: outisde; margin: 0 0 5px 0;} .resource-top h4 {background: #f8f7f7 url(/page/-/images/resource-arrow-closed.png) no-repeat 255px; padding: 5px 0 5px 5px; border-bottom: 1px solid #eaeaea; cursor: pointer; margin: 0 0 3px 0;} .resource-top-on {background: #f8f7f7 url(/page/-/images/resource-arrow-open.png) no-repeat 252px!important;} .resource-top ul {margin: 5px 0 0 10px;} .resource-top ul li {margin: 0 0 5px 0;} .side-more-link {margin: 10px 0 0 0!important;} /* footer */ #footer .top {background: #4c8982; padding: 10px 20px;} #footer .bottom {background: #69a8a3; padding: 15px 20px;} #footer .bottom .left {width: 200px;} #footer .bottom .right {width: 650px;} #footer .bottom .left p {margin: 0 0 15px 0;} #footer .section-cont {float: left; width: 120px; margin: 0 10px 0 0;} .section-cont h3 {margin: 0 0 5px 0;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ body#home #main {background: none;} body#home #header {margin: 0 0 0 0;} #action-social-links-header { display: none; } #home-top {overflow: hidden; margin: -20px -20px 0 -20px; background: #fff; padding: 0 20px 20px 20px;} #home-top .left {width: 610px; position: relative;} #home-top .right {width: 300px; text-align: right;} #home-feature {height: 338px; overflow: hidden; position: relative;} #feature-nav {position: absolute; height: 100px; width: 100px; top: 305px; right: 10px; z-index: 100; text-align: right;} #feature-nav a {color: #780e06; font-size: 15px; background: rgba(250,250,250,.5); margin: 0 3px 0 0; padding: 5px 7px; text-decoration: none; font-weight: bold;} #feature-nav a.activeSlide {background: #69a8a3; color: #fff;} .feature-entry {overflow: hidden; background: #69a8a3; color: #fff;} .feature-entry h3 a {text-decoration: none; color: #fff;} #home-feature .feature-entry .left {width: 205px; padding: 10px; height: 318px;} #home-feature .feature-entry .right {width: 385px;} .feature-entry h3 {font-size: 27px; margin: 0 0 10px 0;} .feature-entry p {margin: 0 0 40px 0;} .feature-text-cont {position: absolute; width: 200px; height: 60px; bottom: 0px;} p.feature-action {text-align: center; margin: 0;} p.feature-action a {background: #ae1004; padding: 5px 25px; display: inline; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 19px!important; border: 1px solid #fff; font-weight: bold;} #home-top .right img {margin: 0 0 5px 0;} #home-bottom {margin: 0 -20px 0 -20px; border-top: 10px solid #e0dfdf; padding: 20px 20px 0 20px; overflow: hidden;} #home-bottom .left {width: 605px; background: #fff; margin: 0 0 0 -20px; padding: 0 0 0 20px;} #home-bottom .right {width: 265px;} .home-blog-entry {overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; width: 585px;} #home-blog-entries-cont .home-blog-entry .left {width: 120px;} #home-blog-entries-cont .home-blog-entry .right {width: 460px;} .home-blog-entry h3 {font-size: 20px; margin: 0 0 5px 0;} .home-blog-read-more {margin: 5px 0 0 0;} body#home #sidebar {margin: 0 -20px 0 0; padding: 20px 20px 0 20px; width: 280px;} .home-header {background: #f8f7f7; margin: 0 0 015px -20px; padding: 10px 20px;} .home-blog-short-entry {margin: 0 0 20px 0;} .home-blog-short-entry p {margin: 0 0 10px 0;} #home-blog-entries-cont .read-more {background: #69a8a3; padding: 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #home-blog-entries-cont a.read-more {color: #fff!important;} .home-content-block {margin: 0 0 20px 0;} .home-social {margin: 0 0 0 0; height: 80px; position: relative;} .home-social h2 {text-align: center;} .home-social img {position: absolute; left: 13px; bottom: -5px;} #home-side-actions h3 {height: 56px; width: 296px; margin: 0 0 8px 5px; text-indent: -900em;} #home-side-actions h3.last {margin: 0 0 -6px 5px;} #home-side-actions a {display: block; background-image: url(/page/-/images/ftm-sprite-2010-12-29-15-51.png); height: 56px; width: 296px; text-indent: -900em; text-align: left;} .take-pledge-side-home a {background-position: 0 114px;} .tell-friends-side-home a {background-position: 0 57px;} .share-story-side-home a {background-position: 0 171px;} .side-social {overflow: hidden; margin: 15px 0 0 5px;} .side-social h2 {margin: 0 0 15px 0; text-align: center;} .side-social a {display: block; background-image: url(/page/-/images/ftm-sprite-2010-12-29-15-51.png); height: 51px; width: 39px; text-indent: -900em; text-align: left;} .side-social h4 {float: left; margin: 0 46px 0 0;} .side-social h4.last {float: left; margin: 0 0 0 0;} .facebook-side a {background-position: -574px 114px;} .twitter-side a {background-position: -646px 114px;} .youtube-side a {background-position: -720px 114px;} .rss-side a {background-position: -791px 114px;} #home #home-static, #home #new-feature-cont, #home #new-home-action-center, #home #action-social-links { display: none; } #home.v1 #new-feature-cont, #home.v1 #new-home-action-center, #home.v1 #action-social-links { display: block; } #home.v2 #home-top-inner-cont { padding: 0; } #home.v2 #home-top-inner-cont .left { float: none; width: 100%; } #home.v2 #home-top-inner-cont .right { float: none; width: 100%; } #home.v2 #home-static { background: url('/page/-/images/ftm_hero_battlestates.png') no-repeat; display: block; height: 340px; position: relative; } #home.v2 #home-static .blurb { background-color: #ffffff; background-color: rgba(255,255,255,.65); height: 300px; padding: 20px; position: relative; width: 244px; } #home.v2 #home-static h3 { font-size: 26px; margin-bottom: .6em; } #home.v2 #home-static p { font-size: 16px; } #home.v2 #home-static .btn { bottom: 20px; color: #ffffff; display: block; background: #c6170a; font-size: 16px; font-weight: bold; height: 35px; left: 20px; line-height: 35px; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; width: 244px; } #home.v2 #new-home-action-center { display: block; margin-top: 20px; } #home.v2 #new-home-action-center li { float: left; margin-right: 8px; } #home.v2 #new-home-action-center #new-support-us { margin-right: 0; } #home.v2 #new-home-action-center li a { background-image: url('/page/-/images/action-2.png'); height: 96px; width: 224px; } #home.v2 li#new-speak-out a { background-position: -224px 0; } #home.v2 li#action-mfm a { background-position: -448px 0; } #home.v2 li#new-support-us a { background-position: -672px 0; } #home.v2 #action-social-links { clear: both; display: block; background: #F8F7F7; padding: 10px 20px; text-align: center; } #home.v2 #action-social-links-header { border-right: 1px solid #e0dfdf; color: #676767; font-family: futura-pt, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; display: inline-block; padding-right: 20px; text-transform: uppercase; } #home.v2 #action-social-links a { display: inline-block; !display: inline; margin-left: 20px; vertical-align: middle; zoom: 1; } .btn .spr-arrow { background: url('/page/-/images/action-2.png') 0 -120px no-repeat; display: inline-block; !display: inline; height: 14px; position: relative; top: 2px; !top: -10px; width: 9px; zoom: 1; } /* REFRESH */ body.home-refresh #header {padding-bottom: 0px!important; height: 175px;} body.home-refresh #nav-cont {bottom: 0!important;} #home-top-inner-cont {background: url(/page/-/images/new-feature-cont-bg.jpg) no-repeat; padding: 12px;} #home-top-inner-cont .left {width: 596px;} #home-top-inner-cont .right {width: 281px;} #new-feature-cont {width: 596px; height: 311px; background: url(/page/-/images/new-feature-bg.jpg); position: relative;} #new-feat-prev, #new-feat-next {position: absolute; background-image: url(/page/-/images/refresh-sprite-2011-03-16-16-47.png); height: 194px!important; width: 50px!important; display: block; text-indent: -900em; top: 60px;} #new-feat-prev {left: 0; background-position: -1365px 0; z-index: 10;} #new-feat-next {right: 0; background-position: -1416px 0;} .new-feature-entry {width: 458px; height: 193px; position: relative; padding: 60px 0 0 68px; overflow: hidden; background: none!important;} .new-feature-entry .feature-entry-text {position: absolute!important; top: 58px; color: #fff; width: 203px; left: 310px;} .new-feature-entry .feature-entry-text h3 {font-size: 22px; font-weight: bold; margin: 0 0 14px 0;} .new-feature-entry .feature-entry-text h3 a {color: #fff; text-decoration: none;} .new-feature-entry .feature-entry-text {font-size: 15px;} #new-home-action-center {margin: 0 0 13px 0;} #new-home-action-center li {margin: 0 0 5px 0;} #new-home-action-center li a {display: block; background-image: url(/page/-/files/images/refresh-sprite-2013-04-15.png); width: 281px; height: 55px; text-indent: -900em; background-repeat: no-repeat; text-indent: -900em; text-align: left;} li#new-speak-out a {background-position: -282px 0;} li#new-make-calls a {background-position: -565px 0;} li#new-support-us a {background-position: -848px 0;} li#action-mfm a { background-position: 0 -70px; } #action-social-links a {display: block; background-image: url(/page/-/images/refresh-sprite-2011-03-16-16-47.png); height: 32px; margin: 0 0 4px 0; text-indent: -900em; text-align: left;} #new-facebook-like {background-position: -1130px 0; width: 220px;} #new-twitter-follow {background-position: -1130px -34px; width: 234px;} #side-quick-links {border-bottom: 10px solid #E0DFDF; padding: -20px!important; width: 320px!important; margin: -40px 0 0 -20px;} body.interior #side-quick-links, body#bsd #side-quick-links {width: 315px!important; border-top: 10px solid #E0DFDF; margin-top: 0;} #side-quick-links-cont {border: 7px solid #77a6a2; padding: 16px;} .quick-link-entry {margin: 0 0 13px 0; font-family: Georgia, "Time New Roman", serif; font-size: 12px;} .quick-link-head {font-weight: bold;} /* 05 =SUBPAGES ---------------------------------------------------------- */ /* blog */ .blog-entry {overflow: hidden; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;} .blog-entry.two-col .left {width: 100px; float: left;} .blog-entry.two-col .right {width: 465px; float: right;} .blog-entry h2 {margin: 0 0 0 0;} .blog-entry .blog-entry-date {margin: 0 0 8px 0; color: #666;} /*.blog-entry.one-col {background: pink; margin: 0 0 0 0!important; padding: 0 0 0 0!important; text-align: left!important;}*/ .blog-entry.one-col .right {width: 100%;} /* video */ .video-thumb {height: 90px; width: 115px; background-position: center center; } .video-thumb a {display: block; text-indent: -900em; height: 90px; width: 115px; background: url(/page/-/images/youtube-small-play-button.png) no-repeat center center;} #video-cat-list {overflow: hidden; margin: 10px 0 0 0; padding: 0 0 0 15px;} #video-cat-list li {float: left; width: 190px; margin: 0 0 10px 15;} .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* states */ ul#states-listing {overflow: hidden;} ul#states-listing li {float: left; width: 130px; margin: 0 10px 10px 0; list-style-type: disc; list-style-position: inside;} .voices-entries-cont-states {overflow: hidden;} .voice-cat {float: left; width: 120px; height: 150px; margin: 0 11px 0 0; padding: 10px;} .voice-cat.last-in-row {margin-right: 0;} .voice-thumb {height: 120px; width: 120px; background-position: center center; background-repeat: no-repeat;} .voice-thumb a {display: block; height: 120px; width: 120px; text-indent: -900em;} /* resources */ .resources-entry {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;} .resources-entry h2 {margin: 0 0 -5px 0;} p.resource-summary {margin: 0 0 0 0;} p.resource-date {color: #999; font-style: italic; margin: 0 0 7px 0;} .cat-list-cont ul {overflow: hidden; margin: 0 0 0 0;} .cat-list-cont ul li {float: left; width: 184px; list-style-position: outside; margin: 0 0 5px 14px;} /* new */ #resources-search {margin: 0 0 20px 0;} #resources-search-form {background: #f8f7f7; padding: 10px;} #resources-search-form legend {text-indent: -900em; line-height: 0; font-size: 0;} #resources-search-form input {border: 1px solid #c6c6c6; padding: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 480px;} #resource-submit {background: #69a8a3; border: none; padding: 2px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; margin: 0 0 0 5px;} .resource-article-entry {margin: 0 0 15px 0; overflow: hidden;} .resource-article-entry .left {width: 80px; height: 74px; background: pink;} .resource-article-entry .right {width: 500px;} .resource-article-entry.single-column .right {width: 593px;} .resource-article-entry p {line-height: 17px;} #featured-pubs-cont {overflow: hidden;} .featured-pub {width: 166px; float: left; margin: 0 24px;} .featured-pub.first {margin-left: 0;} .featured-pub.last {margin-right: 0;} .pub-image {height: 166px; width: 166px; background: #eee; margin: 0 0 10px 0;} .pub-title, .pub-desc {text-align: center;} .header-cont-interior-basic {overflow: hidden;} .voice-feat {width: 80px; float: left; margin: 0 14px;} .voice-feat-img {background: #eee; height: 80px; width: 80px; margin: 0 0 5px 0;} .voice-feat.first, .voice-feat.last {margin: 0 0 0 0;} .header-cont-interior-basic {margin: 0 0 10px 0;} .int-content-block {padding: 0 0 20px 0; overflow: hidden;} .resource-entry {border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0;} .resource-entry p {margin: 5px 0 0 0;} .resource-entry .read-more {margin: 0 0 0 0;} /* publications */ .publications-entry {margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee;} .publications-entry.one-col .right {width: 100%;} .publications-entry.two-col .left {width: 98px;} .publications-entry.two-col .right {width: 485px;} .publications-entry h2 {margin: 0 0 0 0;} p.publication-date {color: #666; font-style: italic; margin: 0 0 10px 0;} p.publication-summary {margin: 0 0 5px 0;} /* get the facts subnav */ #facts-subnav-container {width:600px;height:70px;border-bottom:solid 1px #CCC;margin-bottom:15px;} .facts-subnav {float:left;width:250px;margin:0 10px 0 0;} .facts-subnav ul li {list-style-type:none;margin:4px 0;font-weight:bold;} .facts-subnav ul li a {text-decoration:none;} .facts-subnav ul li a:hover {text-decoration:underline;} /* press center */ .pr-entry {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;} .pr-entry h2 {margin: 0 0 0 0;} p.pr-date {font-size: 11px; font-style: italic; color: #666; margin: 0 0 5px 0;} /* search */ #cse-search-results iframe {width: 590px;} body.interior .home-header {width: 594px;} /* voices for equality */ .voice-cat-desc {margin: -5px 0 10px 0;} #voice-all-cont {overflow: hidden;} .voice-all-entry {float: left; height: 115px; width: 90px; margin: 0 28px 20px 0; text-align: center;} .voice-all-entry .voice-feat-img {margin: 0 auto 4px auto;} .voice-all-rule {width: 590px; border-bottom: 1px solid #eee; float: left; margin: 0 0 25px 0;} body#vfe-main h2 {display: inline; margin-right: 10px;} /* about us */ #about-rsrc-links {float:right;width:275px;margin:0 0 8px 8px;} #about-rsrc-links ul li {list-style-type:none;display:block;background-color:#DFCEB5;margin:1px 0;font-weight:bold;font-size:10px;} #about-rsrc-links ul li a {display:block;text-decoration:none;padding:6px 4px;color:#000;} #about-rsrc-links ul li a:hover {background-color:#F8F7F7;} #about-rsrc-links ul li.header {background-color:#C6170A;color:#fff;font-size:14px;padding:4px;} /* ben and jerrys page */ body#icecream { background:url(/page/-/images/bg-ben-jerrys-clouds.jpg) repeat; } body.ice-two-col #content { background: none; } /* conservatives landing page */ /* POLITICAL VOICES FOR EQUALITY */ .pvfe-entry {overflow: hidden; float: left; width: 370px; margin: 0 0 70px; 0;} .pvfe-entry .left {width: 118px;} .pvfe-entry .right {width: 118px; width: 245px;} #pvfe-header {background: pink url(/page/-/images/political-voices-for-equality.png) no-repeat; width: 812px; height: 61px; text-indent: -900em; margin: 0 0 40px 0;} body#pvfe #main {padding: 20px 70px; width: 820px;} .pvfe-desc {margin: 0 0 40px 0;} /* SUMMER FOR MARRIAGE */ #sfm-top {} #sfm-top .left {float: left; width: 650px} #sfm-top .right {float: right; width: 250px;} #sfm-top .left .intro img {margin: 0 15px 0 0;} #sfm-top .left .intro p {padding: 10px 0 0 0;} #sfm-top .intro {margin: 0 0 10px 0;} #sfm-event-cont .sfm-event {border-bottom: 1px solid #eee; margin: 0 0 10px 0; padding: 0 0 5px 0;} #sfm-event-cont .sfm-event .left {width: 50px; margin: 0 10px 0 0;} #sfm-event-cont .sfm-event .right {width: 168px!important; float: right!important;} .sfm-event .date {color: #fff;} .sfm-event .month {display: block; background: #4C8982; text-transform: uppercase; font-size: 11px; text-align: center; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-bottom: 1px solid #2c6c65;} .sfm-event .day {display: block; background: #69A8A3; font-size: 20px; text-align: center; padding: 8px 0;} .sfm-event .time, .sfm-event .location {margin: 0;} .sfm-nav {margin: 15px 0 0 0; text-align: center;} .sfm-nav a {margin: 0 30px 0 0; font-size: 16px; padding: 5px;} .sfm-nav a:hover {background: #669999; color: #fff;} #upcoming-nav {margin: 0 0 50px 0;} #sfm-event-cont .sfm-event .right h3 {font-size: 20px; margin: -5px 0 0 0;} #map-cont {margin: 0 0 20px 0;} .popup {width: 200px; padding: 0 0 20px 0;} #sfm-blog-cont .blog-entry.two-col .left {width: 100px; float: left;} #sfm-blog-cont .blog-entry.two-col .right {width: 525px; float: right;} /* NOM PETITION */ #nom-pet-top {overflow: hidden;} #nom-pet-top .left {width: 490px; overflow: hidden;} #nom-pet-top .right {width: 410px; overflow: hidden; margin: -55px 0 0 0;} #nom-pet-number {font-size: 90px; line-height: 80px; text-align: center; font-weight: bold; color: #b40011;} #nom-pet-line-2 {text-align: center; font-size: 29px; margin: 0 0 20px 0; color: #b40011;} #nome-pet-line-3 {text-align: center; font-size: 45px; margin: 0 0 30px 0; color: #b40011;} #nom-pet-signup-cont #email {width: 354px;} #nom-pet-zip {width: 150px;} #nom-pet-signup-cont {background: #69A8A3; padding: 20px; border-radius: 5px; -moz-border-radius: 5px;} #nom-pet-signup-cont legend {font-size: 20px; color: #fff; text-align: center; display: block; margin: 0 0 15px 0; display: none;} #nom-pet-signup-cont input {padding: 5px!important; font-size: 16px; color: #333;} .nom-pet-form-row {margin: 0 0 20px 0;} #nom-pet-signup-cont label.field {display: block; color: #fff; font-weight: bold!important; font-size: 14px; margin: 0 0 -15px 0!important;} #test {font-weight: bold; color: #1f625d; border: 0; background: #eee; padding: 15px 30px; cursor: pointer; font-size: 15px; border-radius: 5px; -moz-border-radius: 5px; margin: 0 auto; display: block; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #666; border-right: 1px solid #666; letter-spacing: 1px;} #nom-pet-submit:hover {background: #1f625d; color: #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #666; border-left: 1px solid #666; letter-spacing: 1px;} #nom-pet-name-cont div {float: left;} #nom-pet-first-cont {margin: 0 28px 0 0;} #nom-pet-signup-cont #firstname, #nom-pet-signup-cont #lastname {width: 155px;} #nom-pet-cont {margin: 20px 0 0 0;} #social-header {position: absolute; right: 0; bottom: 0; width: 300px; overflow: hidden;} #social-header .top {margin: 0 0 5px 0; text-align: right; overflow: hidden;} #social-header .top div {float: right; margin: 0 20px 0 0;} /* NAME WALL */ #wall-signup {background: #669999; padding: 36px 36px 48px 36px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #wall-signup legend {text-indent: -900em; line-height: 0; font-size: 0;} #wall-signup label {display: block;} input {margin: 0 0 10px 0;} #wall-cont {font-size: 18px;} #wall-cont li {list-style-type: none; float: left; width: 300px; margin: 0 0 15px 0;} #wall-cont li span {display: block; font-size: 11px; font-style: italic;} #wall-top-cont .left {width: 500px; margin: 0 0 30px 0;} #wall-top-cont .left p {width: 90%; margin: 0 0 5px 0;} #wall-top-cont .left h1 {margin: 0 0 0 0;} #wall-first, #wall-last, #wall-email {width: 320px;} #wall-zip {width: 200px;} /* stand up to maggie */ blockquote.action-page {margin: 0 0 0 0; padding: 15px 0 0 15px; font-size: 18px; width: 93%;} .form-line-wall.multiple-fields {height: 50px; overflow: hidden!important;} .form-line-wall .left {width: 180px!important; overflow: hidden;} .form-line-wall .left input, .form-line-wall .right input {margin-bottom: 0; width: 170px!important;} .form-line-wall .right {width: 188px; overflow: hidden;} .action-signup-cont {width: 420px;} .action-signup-cont #wall-signup {padding: 15px;} .disclaimer input {margin: 0 5px 0 0;} /* state madlib forms */ #madlib-cont {} #madlib-cont .left {float: left; width: 500px;} #madlib-cont .right {float: right; width: 400px;} #madlib-form-cont, #non-madlib-form-cont {background: #F8F7F7; border: 1px solid #EAEAEA; padding: 12px;} #mad-sign-up p {font-size: 15px; line-height: 32px;} #mad-sign-up legend {display: none;} #mad-sign-up input {margin: 0!important; padding: 0;} #mad-first, #mad-last {width: 100px;} #mad-sign-up #mad-submit, #non-mad-submit {font-size: 15px; margin: 0 0 0 115px; width: 130px;} #mad-zip {width: 70px;} #mad-email {width: 140px;} #non-madlib-form legend {display: none;} #non-madlib-form label {display: block; font-weight: bold; margin: 0 0 2px 0;} /* news */ .entry {margin: 0 0 40px 0;} .entry h3 {margin: 0 0 3px 0;} .news-meta {margin: 0 0 10px 0;} .news-meta p {margin: 0;} /* litigation */ .litigation-header { background: url('http://freedomtomarry.org/page/-/images/states/header-litigation.jpg') no-repeat; color: #ffffff; height: 338px; position: relative; text-align: center; } .litigation-header h1 { color: #ffffff; font-size: 35px; padding-top: 150px; text-transform: uppercase; } .litigation-header p { font-size: 14px; line-height: 1.5; margin: 1em auto 0; width: 650px; } .litigation-header .litigation-share { position: absolute; right: 10px; text-align: right; text-transform: uppercase; top: 10px; } .litigation-share h4 { font-size: 15px; font-weight: bold; display: inline; margin-right: .5em; position: relative; top: -5px; } .litigation-subheader { margin: 2em auto; font-size: 18px; line-height: 1.5; text-align: center; } .litigation-subheader p { margin-bottom: 1em; } .litigation-index { font-size: 0; list-style: none; margin: 0 -10px 30px; width: 940px; } .litigation-state-tmb { color: #ffffff; background-color: #4c8982; background-repeat: no-repeat; background-position: center -10px; display: block; font-size: 18px; letter-spacing: 1px; padding: 140px 0 15px; text-align: center; text-transform: uppercase; width: 215px; } .even-row .litigation-state-tmb { background-color: #97c0bd; } .litigation-entry { background: #efefef; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); display: inline-block; display: !inline; font-size: 12px; margin: 10px; vertical-align: top; width: 215px; } .litigation-entry a { text-decoration: none; } .litigation-summary { height: 130px; line-height: 1.5; padding: 20px 10px; } .litigation-summary h2 { color: #333333; font-size: 16px; font-weight: bold; } .litigation-summary .link-more { color: #b43428; font-weight: bold; } .litigation-category-title { font-size: 20px; font-weight: bold; color: #b43428; text-transform: uppercase; margin-bottom: 10px; } .litigation-interior .litigation-header-title { font-size: 30px; font-variant: normal; margin: 0 0 1em; text-align: center; } .litigation-interior .litigation-header-state { font-size: 18px; margin: 0 0 1em; text-align: center; } .litigation-interior .litigation-state-tmb { float: left; margin: 0 1em 1em 0; } .litigation-resources { font-size: 18px; line-height: 1.3; margin: 1em 0; } .litigation-interior .litigation-resource-header { background: #f8f7f7; border-bottom: 1px solid #eaeaea; color: #b40011; margin: 0; padding: 16px; text-transform: uppercase; } .litigation-interior .litigation-resources-list { list-style: none; margin: 0; padding: 0; } .litigation-interior .litigation-resources-list li { border-bottom: 1px solid #eaeaea; font-family: Georgia; font-size: 16px; list-style: none; margin: 0; padding: 16px;; text-decoration: none; } .litigation-interior .featured-share h3 { font-weight: bold; text-transform: uppercase; } .litigation-interior .featured-share { margin: 1em 0; } /* facebook iframes */ .facebook { background: #fff; } .facebook body p { margin: 10px 20px; } .facebook header img { width: 490px; display: block; margin: 0 auto 20px; } .facebook form#signup { background: #f7f7f7; padding: 20px; margin: 20px 10px; position: relative; } .facebook form#signup table { width: 100%; } .facebook form#signup label { margin: 0; padding: 0; font: bold 16px futura-pt, Trebuchet MS, Helvetica, Arial, sans-serif; color: #666; display: block; } .facebook form#signup input.text { width: 95%; padding: 10px; font: 14px Trebuchet MS, Helvetica, Arial, sans-serif; margin: 0; background: #eaeaea; border: none; margin: 0 0 20px; } .facebook form#signup input.submit { float: none; clear: both; display: block; margin: 0 auto; text-align: center; width: 150px; background: #6AA8A3; border: none; color: #fff; font: bold 16px futura-pt, Trebuchet MS, Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 10px 0; } .facebook #short-letter p { font-size:14px; color:#575556; font-family:georgia; } .facebook #pet-first-line { font-size:36px; color:#b40011; text-transform:lowercase; text-align:center; font-size:24px; line-height: normal; margin: 0; } .facebook #nome-pet-line-3 { font-size:36px; text-transform: uppercase; font-weight: bold; line-height: normal; margin: 0; } .facebook #signup_counter { font-size:48px; font-weight: bold; display: block; } /* modal styles */ #modal #modal-content {padding: 0px; width: 650px; overflow: hidden; margin: 0 auto;} #modal #modal-content .left {float: left; width: 330px; overflow: hidden;} #modal #modal-content .right {float: right; width: 356px; padding: 0 0 10px 0;} #modal #h1 {font-size: 20px; margin: 0 0 20px 0; font-weight: regular; color: #397a75;} #modal #h2 {font-size: 20px; font-weight: bold; margin: 0 0 45px 0; color: #69a8a3;} #modal #h1, #modal #h2 {text-transform: uppercase;} #modal legend {font-size: 0; line-height: 0; text-indent: -900em;} .modal-pictures {width: 319px; height: 356px; overflow: hidden;} #first-line, #second-line, #last-line {color: #b40011; text-align: center; font-family: Arial, Helvetica, sans-serif;} #first-line {font-size: 20px; margin: 0 0 10px 0;} #second-line {font-size: 90px; line-height: 60px; font-weight: bold; margin: 0 0 20px 0;} #last-line {width: 250px; margin: 0 auto 20px auto; font-size: 210%; color: #b40011; line-height: 22px;} #modal #modal-first, #modal #modal-last {width: 146px;} #modal #modal-email {width: 315px;} #modal input#modal-zip {width: 210px;} #modal input {-webkit-border-radius: 2px; border: 1px solid #ccc; background: #f8f7f7; color: #666; padding: 5px!important; margin: 0 0 10px 0; padding: 2px; font-size: 16px;} #modal #modal-submit {-moz-border-radius: 2px; -webkit-border-radius: 2px; background: #b40011; color: #fff; text-transform: uppercase; border: none; padding: 5px 16px!important; cursor: pointer;} .form-line-modal {overflow: hidden;} .form-line-modal .first-name, .form-line-modal .m-zip {float: left; overflow: hidden;} .form-line-modal .last-name, .form-line-modal .m-submit {float: right; overflow: hidden;} .first-name, .last-name {width: 160px;} .m-zip {width: 225px;} .m-submit {width: 87px!important; padding: 0 14px 0 0;} #modal-share {margin: 10px 0 0 0;} #email-message, #zip-message {color: #b40011; font-weight: bold; background: #ebd912; padding: 5px; color: #000;} .invalid-input {border: 1px solid #b40011!important; border: 1px solid #ebd912!important;} #modal-submitting {background: rgba(255, 255, 255, .9); width: 100%; height: 400px; position: absolute;} #modal-submitting-image {display: block; width: 100px; height: 100px; margin: 120px 0 0 280px;} .hidden {display: none;} #modal-ty-h1, #modal-ty-second-line, .modal-ty-action h2, h1 {color: #b40011;} #modal-ty-h1, h1 {font-size: 30px; text-align: center; line-height: 30px;} #modal-ty-second-line {font-size: 40px; margin: 0 0 20px 0; line-height: 40px;} #modal-ty-actions-cont {overflow: hidden;} .modal-ty-action {overflow: hidden; float: left; margin: 0 80px 30px 0;} .modal-ty-action.second {margin: 0;} .modal-ty-action.last {margin: 0 0 0 0px; width: 290px!important; text-align: left;} .modal-ty-action h2 {font-size: 30px; font-weight: bold; margin: 0 0 10px 0; color: #b40011;} h1 {text-align: center; font-size: 35px; margin: 0 0 15px 0; font-weight: bold; line-height: 35px;} #modal-signup-cont .left {margin: 0!important; height: 355px; overflow: hidden;} .no-signup {font-size: 30px!important; line-height: 32px!important;} #cboxLoadedContent { overflow: hidden !important; } #modal-content img { position: relative; top: -35px; } #modal-content h1 { position: relative; width: 650px; text-align: center; text-transform: uppercase; font-size: 30px; color: #fff; top: 395px; display: block; margin: 0 auto; z-index: 999; } #modal-content h2 { position: relative; width: 650px; text-align: center; top: -190px; color: #fff; font-size: 24px; display: block; margin: 0 auto; font-family: Georgia; } #modal-content a { position: relative; width: 650px; text-align: center; top: -173px; color: #fff; font-size: 20px; text-decoration: none; text-transform: uppercase; background: #c6170a; display: block; margin: 0 auto; width: 200px; padding: 10px 170px; } .custom #main h1 { margin: 0 0 20px; } .custom.video #main .video { background: #e1eeed; padding: 10px; } .custom.video #main .video .left { width: 560px; } .custom.video #main .video .right { width: 280px; padding: 20px; } .custom.video #main .video h2 { color: #333333; font: bold 30px/30px "futura-pt"; } .custom.video #main h3 { text-transform: uppercase; color: #60a9a3; font: bold 20px "futura-pt"; margin: 0 0 10px; } .custom.video #main #video-more-content h3 { color: #1d4744; margin: 0; } .custom.video #main .content .column { margin: 20px 0; } .custom.video #main .content .left { width: 280px; padding: 0 20px; } .custom.video #main .content .left:first-child { border-right: 1px solid #e0dfdf; padding: 0 20px 0 0; } .custom.video #main .content .right { width: 299px; } .custom.video #main .content .left h3 { color: #c6170a; margin: 0 0 20px; } .custom.video #main .content li a { font-weight: bold; } .custom.video #main .content form input.text { width: 239px; } .custom.video #main .content form input.submit { width: 259px; } .custom.video.two-column #main .content .column { width: 439px; padding: 0 0 0 20px; } .custom.video.two-column #main .content .column.left:first-child { padding: 0 20px 0 0; } .custom.blank #header, .custom.blank #footer { display: none; } .serve #main h1 { background: url(/page/-/images/ftm-serve-header.png) no-repeat center top; text-indent: -9999em; overflow: hidden; height: 138px; margin: 0 0 20px; } .young-conservatives-for-the-freedom-to-marry #main h1 { background: url(/page/-/files/images/YoungConsLogoBanner.jpg) no-repeat center top; text-indent: -9999em; overflow: hidden; height: 134px; } form.embed { background: #f7f7f7; border: 10px solid #eaeaea; padding: 10px; } form.embed legend { text-transform: uppercase; color: #60a9a3; font: bold 20px "futura-pt"; padding: 0 0 10px; } form.embed label { line-height: 20px; } form.embed input.checkbox { margin: 0 5px 0 0; } form.embed input.text { background: #eaeaea; color: #999999; font: 16px "futura-pt"; padding: 10px; border: none; } form.embed input.submit { background: #c6170a; color: #fff; font: bold 22px "futura-pt"; text-transform: uppercase; text-align: center; padding: 10px; border: none; margin: 10px 0; } form.embed .required { font-size: 10px; margin: 0; color: #c6170a; } form.embed .field { margin: 5px 0; } #video-more { clear: both; position: relative; } #video-more-tab { position: absolute; right: 0; top: -36px; } #video-more-tab a { display: block; background: #85aeaa; font: bold 12px Arial, Helvetica, sans-serif; color: #10413d; border-top: 2px solid #fff; border-left: 2px solid #fff; padding: 10px; text-decoration: none; } #video-more-content { position: relative; clear: both; background: #85aeaa; padding: 10px; border-top: 2px solid #fff; overflow: hidden; } #video-more-content h3 { color: #1d4744; float: left; width: 120px; padding: 20px; margin: 0; text-align: center; } #video-more-content a { display: block; text-decoration: none; } #video-more-content a img, #video-more-content a span { display: block; } #video-more-content a.close { position: absolute; right: 10px; color: #fff; top: 5px; font-weight: bold; font-size: 15px; } #video-more-content a.thumbnail { float: left; width: 120px; color: #000; margin-right: 10px; } #video-more-content a.thumbnail span { margin: 5px 0 0; } .nep #sponsor-logos { background: #eaeaea; color: #757575; margin: 40px 0 0; padding: 20px 40px; text-align: center; font: bold 18px 'futura-pt'; text-transform: uppercase; } .nep #sponsor-logos img { vertical-align: middle; padding: 0 20px; height: 50px; } #nep-index .base { margin: 0 20px; } #nep-index .floatl, #nep-index .floatr { padding: 0; } #nep-intro { color: #666; margin: 20px 40px; } .nep .base p { font: 16px/22px Georgia, serif; } #nep-index .block { background: url(/page/-/images/nep/nep-index-img.png) no-repeat center bottom; width: 560px; border: 1px solid #d7d4cb; font: 15px/20px Georgia; } #nep-index .block .text { float: left; width: 160px; padding: 20px; background: #000; background: rgba(0,0,0,.8); color: #fff; } #nep-index .block p { line-height: 18px; font-size: 12px; } #nep-pages ul, #nep-index .block .links ul { margin: 0; padding: 10px 0; } #nep-index .block .links a { padding: 0 15px; } #nep-pages li, #nep-index .block .links li { margin: 0; list-style: none; } #nep-pages li a, #nep-index .block .links a { font: bold 16px/34px "futura-pt"; text-transform: uppercase; text-decoration: none; display: block; } #nep-host.block { background-position: center top; margin: 0 0 16px; } #nep-events .links, #nep-host .links { position: relative; } #nep-events .links a.button, #nep-host .links a.button { position: absolute; right: 25px; top: 60px; } #nep-host.block .links ul { position: absolute; right: 0px; top: 0px; width: 360px; padding: 15px 0; height: 105px; display: none; background: url(/page/-/images/nep/nep-index-img.png) no-repeat center bottom; } #nep-host.block .links li a { line-height: normal; text-transform: none; font-size: 14px; } #nep-anchor .links { width: 360px; } #nep-anchor .links li { width: 180px; } #nep-pages li { width: 440px; margin: 40px 0; font-size: 18px; text-align: center; } #nep-index h2 { font: bold 18px "futura-pt"; text-transform: uppercase; color: #fff; } #nep-index #sponsor-logos { margin: 0; } #nep-thermometer { background: #d4e6e4; border: 1px solid #a3cac7; width: 300px; } #nep-thermometer img { display: block; margin: 12px auto; } #nep-events.block { background: url(/page/-/images/nep/nep-search-bkgd.png) no-repeat top center; margin: 0 0 10px; } #nep-index .block .text { padding: 20px 20px 28px; } #nep-map { height: 400px; width: 100%; border; 1px solid #eaeaea; } #nep-search #events-search { margin: 0 0 20px; } #nep-search #events-search .error { display: block; color: #C6170A; font-weight: bold; margin: 10px 0 0; } #nep-search #events-search legend, #nep-search h2 { font: bold 28px futura-pt; color: #B40011; text-transform: uppercase; margin: 0 0 10px; } #nep-search h2 { padding: 40px 0 20px; text-align: center; border-bottom: 4px double #eaeaea; } #nep-search h2 span { font-weight: normal; text-transform: none; font-style: italic; } #nep-search #events-search .field { background: #f7f7f7; border: 1px solid #eaeaea; padding: 20px; } #nep-search #events-search input.text { width: 560px; display: inline; vertical-align: middle; height: 45px; } #nep-search #events-search select { -webkit-appearance: none; vertical-align: middle; display: inline; margin: 0 20px; box-shadow: inset 3px 3px 10px 1px rgba(0, 0, 0, .05), 0px 0px 5px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 3px 3px 10px 1px rgba(0, 0, 0, .05), 0px 0px 5px 1px rgba(0, 0, 0, .1); border: 1px solid #fff; color: #666; text-align: center; font-weight: bold; height: 45px; padding: 10px 20px; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EEE)); background-image: -webkit-linear-gradient(top, white, #EEE); background-image: -moz-linear-gradient(top, white, #EEE); background-image: -o-linear-gradient(top, white, #EEE); background-image: linear-gradient(to bottom, white, #EEE); } #nep-search #events-search input.submit { margin: 0; vertical-align: middle; display: inline; height: 48px; } #nep-results { margin: 0 0 40px; color: #666; font: 16px/24px Georgia, serif; } #nep-results h3 { font: bold 20px/normal "futura-pt"; color: #6AA8A3; margin: 0 0 10px; } #nep-results ul { margin: 0; } #nep-results li { list-style: none; margin: 0; } #nep-results li strong { float: left; width: 100px; } #nep-results li span { float: right; width: 640px; } #nep-results .has-image li span { width: 420px; } #nep-results .has-image { float: right; width: 540px; } #nep-results .event { border-bottom: 1px solid #eaeaea; padding: 20px 40px; margin: 0 40px; } #nep-search #nep-results .event .image { width: 160px; display: block; float: left; margin: 0; } #nep-results .event .image img { width: 160px; display: block; margin: 0; } #nep-search #main { position: relative } #nep-search .loading { position: absolute; left: 0; top: 384px; width: 100%; height: 400px; background: rgba(255,255,255,.5); } #nep-search .loading img { display: block; margin: 20% auto; } #yc-banner { background: url('/page/-/images/yclc/yc-banner.png') no-repeat; height: 135px; width: 920px; } #yc-header p { font-size: 18px; line-height: 1.5; text-align: center; margin: 1.5em 130px; } #yc-gallery { background: #e1eeed; padding: 30px; } #yc-sort { background: #f8f7f7; border: 1px solid #e0dfdf; margin-bottom: 30px; padding: 10px 0; } #yc-sort label { color: #545454; font-weight: bold; font-size: 14px; padding: 0 5px 0 20px; position: relative; text-transform: uppercase; top: 1px; } #yc-sort-state-lbl { border-left: 1px solid #e0dfdf; margin-left: 20px; } #yc-profiles { font-size: 0; list-style: none; margin: 0 0 0 -17px; padding: 0; width: 895px; } #yc-profiles .yc-profile, #yc-carousel .yc-profile { display: inline-block; list-style: none; margin: 0 17px 34px; position: relative; vertical-align: top; width: 145px; } .yc-profile a { text-decoration: none; } .yc-profile h3 { color: #c6170a; font-family: 'futura-pt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; } .yc-title { display: block; font-size: 14px; font-weight: normal; } .yc-photo { display: block; height: 160px; margin-bottom: 10px; width: 145px; } .yc-more { background: #000000; background: rgba(0, 0, 0, .65); color: #ffffff; display: block; font-size: 14px; font-weight: bold; height: 160px; left: 0; line-height: 160px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; width: 145px; z-index: 1; } .yc-more .arrow { background: url('/page/-/images/yc-sprites.png') -70px 0 no-repeat; !display: inline; display: inline-block; height: 11px; width: 8px; zoom: 1; } .yc-back { font-size: 14px; font-weight: bold; text-decoration: none; } .yc-back .l-arrow { border: .44em solid #669999; border-color: transparent #669999 transparent transparent; !display: inline; display: inline-block; height: 0; overflow: hidden; margin-right: .5em; width: 0; zoom: 1; } .yc-profile:hover .yc-more { opacity: 1; } .two-col #yc-header { background: #ffffff; margin-bottom: 10px; padding: 20px; } .two-col #yc-banner { margin-bottom: 0; } .yc-profile-page h1 { text-align: left; font-variant: normal; } .yc-profile-page h1 { text-align: left; font-variant: normal; } .yc-profile-page h2 { text-align: left; font-weight: bold; font-family: 'futura-pt', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 20px; } .yc-profile-page h1, .yc-profile-page h1 .yc-title { display: inline; font-size: 24px; } .yc-bio { background-color: #e1eeed; margin-bottom: 30px; padding: 20px; } .yc-bio .yc-photo { float: left; height: auto; width: auto; } .yc-bio-body { float: right; font-size: 16px; line-height: 1.5; width: 320px; } #yc-carousel-container { background-color: #e1eeed; padding: 20px 25px; margin-bottom: 30px; } #yc-carousel { margin: 0; padding: 0; } #yc-carousel .yc-profile { margin-bottom: 0; } .yc-profile-page .jcarousel-clip { height: 220px; overflow: hidden; width: 520px; } .yc-profile-page .jcarousel-item { width: 179px; height: 220px; } #yc-carousel-container .jcarousel-prev-horizontal, #yc-carousel-container .jcarousel-next-horizontal { background: url('/page/-/images/yc-sprites.png') 0 0 no-repeat; display: block; height: 30px; width: 20px; position: absolute; left: -15px; margin-top: -15px; top: 50%; } #yc-carousel-container .jcarousel-next-horizontal { background-position: -40px 0; left: auto; right: -15px; } #stories .f-replace { font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } #stories h2 { font-size: 18px; } .featured-story { margin: 0 0 20px; padding: 20px; background: #e1eeed; } .featured-story img { float: left; margin-right: 20px; } .featured-story-text { float: right; width: 310px; } .featured-story h1 { color: #333; text-align: left; font-variant: normal; } .featured-story p { font-size: 13px; } .featured-story p a { color: #c6170a; } .featured-share { padding: 20px; background: rgba(255,255,255,0.7); text-align: center; } .stories .featured-share, .litigation-interior .featured-share { margin: 30px 0 0; padding: 15px 0 10px; background: #e1eeed; } .featured-share h2, .litigation-interior .featured-share h2 { width: 215px; margin: 0 auto 20px; padding: 0 0 15px; color: #656565; border-bottom: 2px solid #e1eeed; } .stories .featured-share h3, .litigation-interior .featured-share h3 { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding: 3px 20px 3px 0; font-size: 18px; color: #47827c; border-right: 1px solid #47827c; } .featured-share .fb-like { margin: 0 20px 0 30px; } .stories .featured-share .fb-like, .litigation-interior .featured-share .fb-like { position: relative; top: 4px; margin-left: 20px; } .stories .featured-share .twitter-share-button, .litigation-interior .featured-share .twitter-share-button { position: relative; top: 4px; width: 80px !important; } .story-group { margin-bottom: 40px; } .story-group--category .story-teaser { margin-bottom: 20px; } .story-group h2 { float: left; margin: 0 0 25px; } .story-group-link { float: right; margin: 7px 0 0; } .story-group-link a { font-size: 13px; color: #c6170a; text-decoration: none; } .story-teaser { width: 215px; float: left; margin-right: 20px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); } .story-teaser.last-child { margin: 0; } .story-teaser h3 { padding: 10px; font-family: Arial, sans-serif; font-size: 18px; text-align: center; } .story-teaser h3 a { color: #333; } .story-teaser p { margin: 0; padding: 0 10px 10px 10px; font-size: 13px; text-align: center; } #story-share { padding: 20px; background: #f8f7f7; border: 1px solid #eaeaea; } #story-share .floatl { width: 405px; } #story-share .floatl p { font-size: 13px; } #story-share #share-signup { width: 390px; padding: 20px; background: #eaeaea; } #share-signup .field-wrapper { float: left; width: 190px; } #share-signup .field-wrapper--name { margin-right: 10px; } #share-signup label { display: block; padding: 0 0 5px; font-family: Georgia,"Times New Roman",serif; font-size: 14px; color: #c6170a; } #share-signup .text, #share-story-content { padding: 8px 10px; border: 1px solid #e0dfdf; } #share-signup .text { width: 168px; height: 15px; } #share-signup #share-story-content { width: 368px; height: 120px; margin: 5px 0 0; resize: none; font-family: Georgia,"Times New Roman",serif; font-style: italic; font-size: 14px; color: #898989; } #share-signup .submit { width: 390px; margin: 15px 0 0; padding: 7px 0; font-weight: bold; font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #c6170a; border: 0; } .story-crumb a { color: #b40011; text-decoration: none; } .stories h1 { margin: 0 0 5px; font-size: 20px; font-variant: normal; text-transform: uppercase; line-height: 1.2; text-align: left; } .stories h2 { margin: 0 0 20px; } .stories img { margin: 0 0 25px; } .story-content p { font-size: 14px; } p.story-donate { margin: 20px 0 0; background: #e0dfdf; text-align: center; } .story-donate a { display: block; padding: 15px 0; font-size: 18px; color: #c6170a; text-decoration: none; } .stories .fb-comments { margin: 20px 0 0; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ /* quick donate */ #bsd #loginform table, #bsd #signupform table, #bsd #manageform table { display: block; border: 10px solid #E0DFDF; background: #F8F7F7; } #bsd #loginform input.text, #bsd #signupform input.text, #bsd #manageform input.text { margin: 5px 0 5px 5px; } #bsd #loginform table .loginbutton, #bsd #signupform table .signupbutton, #bsd #manageform table .managebutton { padding: 10px 0; } #bsd #loginform .loginbutton .submit, #bsd #signupform .signupbutton .submit, #bsd #manageform .managebutton .submit { margin: 10px 0; } #BSD-qd_optin label, #bsd #loginform th, #bsd #signupform th, #bsd #manageform th, #BSDForm-fieldset_bill label, #BSDForm-fieldset_cc label, #BSDForm-fieldset_employment label { color: #B40011; font-family: Georgia,"Times New Roman",serif; font-size: 14px; font-weight: normal !important; text-transform: capitalize; } #BSD-qd_optin-status { color: #B40011; font: bold 30px/35px futura-pt, Helvetica, Arial, sans-serif; font-variant: small-caps; margin: 0 0 15px 0; text-align: center; } #BSD-qd_optin h1 { clear: left; color: #b40011; float: left; font: normal 22px Georgia, Times New Roman, serif; margin: 0 0 10px 0; text-align: left; width: 48%; } #BSD-qd_optin-explain { clear: left; float: left; width: 48%; } #NewAccountOptIn, #ExistingAccountOptIn { background: #F8F7F7; border: 10px solid #E0DFDF; float: right; padding: 20px; width: 42%; margin-top: -30px; } #BSD-qd_optin-skip { clear: right; display: block; margin-left: 52%; } #bsd #loginform .logintitle, #bsd #signupform .signuptitle, #bsd #manageform .managetitle { font: 18px Georgia, Times New Roman, serif; color: #B40011; width: 81%; margin: 0 auto 5px; } #bsd #loginform table .loginforgotlink { color: #B40011; } #BSDForm-fieldset_bill, #BSDForm-fieldset_cc, #BSDForm-fieldset_employment { border: 10px solid #E0DFDF; background: #F8F7F7; margin-top: 3em; padding: 10px; } #BSDForm-fieldset_bill legend, #BSDForm-fieldset_cc legend, #BSDForm-fieldset_employment legend { font: 18px Georgia, Times New Roman, serif; color: #B40011; text-transform: capitalize; margin-top: -2.5em; display: block; position: absolute; margin-left: -1em; } #BSD-quick_donate_info, #BSD-quick_donate_login_link { float: right; margin-bottom: 1em; width: 364px; border: 8px solid #E0DFDF; padding: 10px; } #bsd #BSD-quick_donate_info_address, #bsd #BSD-quick_donate_info_payment { width: 45%; } #contact_importer_button_container {float:left;} #authentication { clear: both; float: none; margin: 20px 0 0; text-align: center; } /* contribute */ #contribution input {padding: 2px; margin: 0 0 8px 0;} td.contribheader {padding: 10px 0 0 0; font-size: 18px;} /* contribution pages */ body#bsd #contribution input[type=text], body#bsd #contribution select, body#bsd #contribution textarea { padding: 2px; margin: 0 0 15px 0; } body#bsd #contribution label { padding: 5px 0; } body#bsd #contribution #match label.fieldlabel { display: block; } body#bsd #contribution .contribheader { padding: 10px 0 5px 0; font-size: 18px; } body#bsd #contribution .radio { margin: 0 10px 0 0; } body#bsd input.submit, body#bsd input#cancel_button { text-decoration: none; background: #C6170A; color: #fff; padding: 10px 20px; text-transform: uppercase; margin: 20px 0 0; cursor: pointer; border: 1px outset #C6170A; font: bold 16px "futura-pt"; text-transform: uppercase; } body#bsd input.submit.disabled, body#bsd input#cancel_button, body#bsd input#invite-button-cancel { background: #999; border-color: #999; } body#bsd input.submit:hover {background: #701009; } body#bsd input.submit.disabled:hover, body#bsd input#cancel_button:hover, body#bsd input#invite-button-cancel:hover { background: #ccc; } /* uniting for marraige */ .wrapper-uniting-for-marriage #quick-signup-cont { display: none; } .wrapper-uniting-for-marriage h1#logo-header a { background: url('/page/-/wrappers/logo-uniting-for-marriage.png'); width: 414px; height: 126px; margin: 0 auto; } #bsd.wrapper-uniting-for-marriage #framework h1 { font-variant: none; text-transform: uppercase; text-align: left; font-size: 22px; line-height: 1.3; } #bsd.wrapper-uniting-for-marriage #framework h3 { font-weight: bold; font-size: 18px; margin-bottom: 1em; } #bsd.wrapper-uniting-for-marriage .fieldlabel { font-weight: normal; text-transform: capitalize; display: block; } #bsd.wrapper-uniting-for-marriage .contribheader { font-weight: bold; font-family: futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 18px; border-bottom: 1px solid #9b9b9b; } #bsd.wrapper-uniting-for-marriage .radiobutton { margin: 0 4px 8px 0; } #bsd.wrapper-uniting-for-marriage #contribution input.text { width: 90%; padding: 5px 2px; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, .2); box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, .2); border-width: 1px; } #bsd.wrapper-uniting-for-marriage #contribution #lastname{ width: 83% } #bsd.wrapper-uniting-for-marriage #contribution #amt_other_text { width: auto; margin-bottom: 0; } #bsd.wrapper-uniting-for-marriage #processbutton { display: block; padding: 10px 0; width: 100%; } #bsd.wrapper-uniting-for-marriage .bsd-dynamic-toggle-section-honoree td { padding: .5em 0 0; } #bsd.wrapper-uniting-for-marriage #BSD-quick_donate_info, #bsd.wrapper-uniting-for-marriage #BSD-quick_donate_login_link { width: 424px;} .wrapper-uniting-for-marriage #outreachsplash #outreachsplashsearch { background: #f7f7f7; border: 3px solid #e0e0e0; } .wrapper-uniting-for-marriage #outreachsplash #outreachsplashcallout { padding: 0; } /* outreach */ .outreach #header { height: 110px; } .outreach #header #nav-cont { display: none; visibility: hidden; } .one-col.outreach #main { background: #FFF url(/page/-/images/wedding-registry-header.jpg) center top no-repeat; padding: 85px 20px 20px; } #outreachpage #outreachpicture {float: left; padding: 15px; margin: -10px 0 0 0;} #custom_outreach_fields {display:block; float:right; background: #4c8982; color: #fff; text-decoration: none; text-align: center; padding: 10px; font-size: 14px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top: 1px solid #4c8982; border-left: 1px solid #4c8982; border-bottom: 1px solid #4c8982; border-right: 1px solid #4c8982;} #outreachpage #custom_outreach_fields { margin: 0 0 20px; } #outreachright a#contribute_now_link {display: block; background: #a81207; color: #fff; text-decoration: none; text-align: center; padding: 10px; font-size: 14px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top: 1px solid #ff200f; border-left: 1px solid #ff200f; border-bottom: 1px solid #3d0703; border-right: 1px solid #3d0703;} #outreachright a#contribute_now_link:hover {display: block; background: #e5190a;} #outreachpage h2 {margin: 20px 0; font-size: 30px; font-weight: bold;} #outreachsplashsearch {background-color:#60AEA5;} .bsd-page-header .ui-widget-content, .bsd-page-header #stdheader { border: none; } #stdheader #links a { text-decoration: none !important; font-weight: bold; color: #fff; background: #699; display: block; padding: 10px; width: 36px; float: right; } #outreachpage .ui-widget-header { border: none; background: none; font-weight: inherit; } /* signup pages */ .fieldset {margin: 0 0 6px 0;} option {padding: 0 10px 0 0; dispaly: none;} input {padding: 2px;} label.field {padding: 0 0 10px 0; margin: 0 0 10px 0;} .label {margin: 0;} .input label {padding: 0 0 0 4px!important;} .input input {margin: 0 0 10px 0!important;} .selectParentAdjuster {margin: 0 0 16px 0;} /* CUFON DELAY FIX */ .cufon-loading a {visibility: hidden !important;} /* EVENTS */ body#bsd .module_event2 {font-size: 12px!important;} body#bsd .module_event2 #detailtable {padding: 10px!important;} body#bsd .module_event2 .description, body#bsd .module_event2 #detailtable th {font-size: 12px; line-height: 18px; margin: 5px 0 5px 0;} body#bsd .module_event2 #detailtable td {font-size: 12px!important; padding: 0 15px 0 0!important;} body#bsd .module_event2 #detailtable th, body#bsd .module_event2 #detailtable td {padding: 10px 10px 0 10px!important;} body#bsd .module_event2 #detailtable tr, body#bsd .module_event2 #detailtable td, body#bsd .module_event2 #detailtable th, body#bsd .module_event2 #detailtable .location {margin: 0 0 10px 0!important; padding: 0 0 10px 0;} body#bsd .module_event2 #detailtable .location, body#bsd .module_event2 #detailtable .location .address, body#bsd .module_event2 #detailtable .location .maplinks {font-size: 12px!important; line-height: 18px;} body#bsd .module_event2 #detailtable .location .maplinks {margin: 10px 0 10px 0;} body#bsd .module_event2 #detailtable .location .maplinks ul {margin-top: 5px;} body#bsd .module_event2 #detailtable .location .maplinks ul li a {font-size: 12px;} #rsvp_container h2, body#bsd h2#sectionheader {margin: 20px 0 10px 0!important;} #rsvp_container #signupform th, #rsvp_container #signupform td {font-size: 12px;} #signup th, #rsvp_container textarea, td.explain, th input {margin: 0 0 10px 0; padding: 0 0 10px 0;} #signup th input {padding: 0 5px 0 0!important; margin: 0 5px 15px 5px!important; padding: 3px!important;} #signup label {font-size: 12px;} #outreachsplashcallout {background: #fff!important; border: 0!important;} #outreachsplashcallout a {display: block; background: #4C8982; padding: 15px; border-top: 2px solid #6bc2b8; border-left: 2px solid #6bc2b8; color: #fff; border-bottom: 2px solid #294744; border-right: 2px solid #294744; text-decoration: none; font-size: 16px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #outreachsplashcallout a:hover {background: #60aea5; border-top: 2px solid #7be0d4; border-left: 2px solid #7be0d4;} #bsd.waiting #header, #bsd.history #header { height: 120px; } #bsd.waiting #nav-cont, #bsd.history #nav-cont, #bsd.waiting #quick-signup-cont { display: none; visibility: hidden; } #bsd.waiting #banner { background: #6aa8a3; color: #fff; font-weight: 700; padding: 40px; text-align: center; position: relative; } #bsd.waiting #banner h1 { font-size: 42px; text-transform: uppercase; color: #fff; margin: 0; line-height: 42px; font-weight: 800; } #bsd.waiting #banner span { color: #c6170a; } #bsd.waiting #banner h2 { color: #fff; font: 27px/27px futura-pt, Helvetica, Arial, sans-serif; margin: 0; } #bsd.waiting #banner a.skip { text-align: right; display: block; margin: 0 0 20px; font-weight: normal; text-decoration: none; color: #fff; position: absolute; top: 10px; right: 20px; } #bsd.waiting .bsd-contribForm-aboveContent img, #bsd.history .bsd-contribForm-aboveContent img { display: block; } #bsd.waiting .bsd-contribForm-aboveContent img.full, #bsd.history .bsd-contribForm-aboveContent img.full { width: 400px; } #bsd.waiting .bsd-contribForm-aboveContent img#progress-graphic, #bsd.history .bsd-contribForm-aboveContent img#progress-graphic { margin: 0px 0px 20px 0px; width: 400px; border-left: 8px solid #F1EBD4; border-right:8px solid #F1EBD4; border-bottom: 8px solid #F1EBD4; border-top: 8px solid #F1EBD4; } #bsd.awesome.history #contribution { width: 425px; } #bsd.history #quick-signup-cont { display: none; } #bsd.history #main { position: relative; } #bsd.history #site-link { position: absolute; top: 30px; z-index: 99; right: 30px; text-decoration: none; color: #B40011; } /* 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; } .floatl { float: left; margin: 0; padding: 0 1.5em 1.5em 0; } .floatr { float: right; margin: 0; padding: 0 0 1.5em 1.5em; } .required { color: red; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .left {float: left;} .right {float: right;} .section-header {background: #f8f7f7; margin: 0 -20px 15px -20px; padding: 10px 10px 10px 20px; border-bottom: 1px solid #eaeaea;} .tar {text-align: right;} .int-content-block {margin: 0 0 20px 0;} /* 08 =COLORBOX ---------------------------------------------------------- */ /* 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:visible;} #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:#333333;} #colorbox{} #cboxTopLeft{ background:#ffffff; } #cboxTopCenter{ background:#ffffff; } #cboxTopRight{ background:#ffffff; } #cboxBottomLeft{ background:#ffffff; } #cboxBottomCenter{ background:#ffffff; } #cboxBottomRight{ background:#ffffff; } #cboxMiddleLeft{ background:#ffffff; } #cboxMiddleRight{ background:#ffffff; } #cboxContent{background:#fff;} #cboxLoadedContent{ } #cboxLoadingOverlay{background:url(/page/-/images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/page/-/images/colorbox/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top:-22px; background:url(/page/-/images/colorbox/close.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:-4px; border-radius: 6px; width: 85px; height: 14px;} #cboxClose.hover{ } .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /* For lightbox paragraph */ .cbox-paragraph {line-height: 1.25em; padding-bottom: 3px; font-size: 13px;}