/* ---------------------------------------------------------- **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, sand-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; } /* 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 {background: url(/page/-/images/bquote.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 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;} 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;} #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;} /* 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/-/images/refresh-sprite-2011-03-16-16-47.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;} #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;} /* 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; } /* 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;} /* facebook iframes */ #fb-content { width: 490px; float: left; padding: 10px; border: solid 4px #EAEAEA; background-color: #fff; } #fb-content .fieldset .field { font-weight: bold; } #fb-content .input input { padding: 6px 3px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #contact_importer_button_container {float:left;} /* 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 #contribution #processbutton {background: #C6170A; color: #fff; border-right: 1px solid #701009; border-bottom: 1px solid #701009; border-top: 1px solid #ffc8c4; border-left: 1px solid #ffc8c4; padding: 15px 20px; text-transform: uppercase; margin: 10px 0 60px 0; cursor: pointer;} body#bsd #contribution #processbutton:hover {background: #701009; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #ffc8c4; border-right: 1px solid #ffc8c4;} /* 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;} .ui-widget-content, #stdheader { border: none !important; } #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!important; margin: 0 0 10px 0!important;} .label {margin: 0 0 10px 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!important;} #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!important;} #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 { height: 120px; } #bsd.waiting #nav-cont, #bsd.waiting #quick-signup-cont { display: none; visibility: hidden; } #waiting-banner { background: #6aa8a3; color: #fff; font-weight: 700; padding: 40px; text-align: center; margin: 0 0 20px; position: relative; } #waiting-banner h1 { font-size: 42px; text-transform: uppercase; color: #fff; margin: 0; line-height: 42px; font-weight: 800; } #waiting-banner span { color: #c6170a; } #waiting-banner h2 { color: #fff; font: 27px/27px futura-pt, Helvetica, Arial, sans-serif; margin: 0; } #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 { float: left; width: 400px; } #bsd.waiting .bsd-contribForm-aboveContent img { display: block; } #bsd.waiting .bsd-contribForm-aboveContent img.full { width: 400px; } #bsd.waiting .bsd-contribForm-aboveContent img#progress-graphic { margin: 0px 0px 20px 0px; width: 400px; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; } #bsd.waiting .bsd-contribForm-aboveContent p { font-size: 14px; line-height: 20px; margin: 0 0 10px; } #bsd.waiting #contribution { float: right; width: 440px; border: 10px solid #dfdfdf; background: #f7f7f7; padding: 10px 20px 20px; font: 16px futura-pt, Trebuchet MS, Helvetica, Arial, sans-serif; color: #666; } #bsd.waiting #contribution .contribcolumn { width: auto !important; } #bsd.waiting #contribution .contribheader { padding: 10px 0; font-weight: bold; color: #6AA8A3; text-transform: uppercase; font-size: 20px; } #bsd.waiting #contribution .contribheader small { font-weight: normal; text-transform: lowercase; } #bsd.waiting #contribution label { display: block; margin: 10px 0; padding: 0; text-transform: capitalize; } #bsd.waiting #contribution select { padding: 0; margin: 0 0 10px; } #bsd.waiting #contribution input.text { padding: 10px; font: 14px Trebuchet MS, Helvetica, Arial, sans-serif; margin: 0; width: 420px; background: #e4e4e4; border: none; } #bsd.waiting #contribution .amounts label { display: inline; margin: 0 0 0 10px; } #bsd.waiting #contribution .amounts input.radiobutton { margin: 0; padding: 0; } #bsd.waiting #contribution .amounts label span.radio { margin: 0; } #bsd.waiting #contribution input#firstname { width: 190px; } #bsd.waiting #contribution input#lastname { width: 200px; } #bsd.waiting #contribution input#lastname { margin: 0 0 0 10px; } #bsd.waiting #contribution label#label-last-name { margin: 10px; } #bsd.waiting #contribution input#amt_other_text { width: auto; } #bsd.waiting #contribution #processbutton { margin: 20px 0 0; font-family: futura-pt; } #bsd.waiting .bsd-contribForm-belowContent { padding: 40px 0 0; clear: both; float: none; } /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} .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:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#c8c8c8;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(/page/-/images/colorbox/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(/page/-/images/colorbox/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(/page/-/images/colorbox/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(/page/-/images/colorbox/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(/page/-/images/colorbox/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(/page/-/images/colorbox/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(/page/-/images/colorbox/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(/page/-/images/colorbox/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #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; bottom:-29px; background:url(/page/-/images/colorbox/controls.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:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .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;}