/*--------------------------------------------------------------------------- 38 Degrees Stylesheet version: 30/5/09 author: warren puckett email: webmaster@38degrees.org.uk -----------------------------------------------------------------------------*/ /* =GENERAL -----------------------------------------------------------------------------*/ /* =RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.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,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{font-style:normal; font-weight:normal;} 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:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;} input,textarea,select{font-size:100%;} legend{color:#000;} del,ins{text-decoration:none;} /* =GLOBAL -----------------------------------------------------------------------------*/ body, html {background: #fff;} div#container {background: url(/page/-/images/containerBg.png) repeat-x; padding-top: 28px;} div#content {padding-bottom: 50px;} abbr, acronym {border-bottom: 1px dotted; cursor: help; font-variant: small-caps;} del {text-decoration:line-through;} dfn {border-bottom: 1px dashed; font-style: italic;} dl {margin: 0 0 24px;} dt {font-weight: 700;} dd {padding-left: 24px;} ins {text-decoration: overline;} pre {margin: 0 0 24px; padding: 0 0 0 24px;} sub {bottom: -6.4px; line-height: 16px; position: relative; vertical-align: baseline;} sup {line-height: 16px; position: relative; top: -6.4px; vertical-align: baseline;} strong, b {font-weight: 700;} .dropCap:first-letter {float:left; font-weight:700; line-height: 16px; margin-bottom: -3px; padding: 2px 1.5px 0 0;} .clear {clear: both;} /*utility library -----------------------------------------------------------------------------*/ .tP5{padding-top:5px}.rP5{padding-right:5px}.bP5{padding-bottom:5px}.lP5{padding-left:5px}.tbP5{padding:5px 0}.rlP5{padding:0 5px}.tlP5{padding:5px 0 0 5px}.trP5{padding:5px 5px 0 0}.trbP5{padding:5px 5px 5px 0}.tlbP5{padding:5px 0 5px 5px}.allP5{padding:5px}.tM5{margin-top:5px}.rM5{margin-right:5px}.bM5{margin-bottom:5px}.lM5{margin-left:5px}.tbM5{margin:5px 0}.rlM5{margin:0 5px}.tlM5{margin:5px 0 0 5px}.trM5{margin:5px 5px 0 0}.trbM5{margin:5px 5px 5px 0}.tlbM5{margin:5px 0 5px 5px}.allM5{margin:5px}.tP10{padding-top:10px}.rP10{padding-right:10px}.bP10{padding-bottom:10px}.lP10{padding-left:10px}.tbP10{padding:10px 0}.rlP10{padding:0 10px}.tlP10{padding:10px 0 0 10px}.trP10{padding:10px 10px 0 0}.trbP10{padding:10px 10px 10px 0}.tlbP10{padding:10px 0 10px 10px}.allP10{padding:10px}.tM10{margin-top:10px}.rM10{margin-right:10px}.bM10{margin-bottom:10px}.lM10{margin-left:10px}.tbM10{margin:10px 0}.rlM10{margin:0 10px}.tlM10{margin:10px 0 0 10px}.trM10{margin:10px 10px 0 0}.trbM10{margin:10px 10px 10px 0}.tlbM10{margin:10px 0 10px 10px}.allM10{margin:10px}.tP15{padding-top:15px}.rP15{padding-right:15px}.bP15{padding-bottom:15px}.lP15{padding-left:15px}.tbP15{padding:15px 0}.rlP15{padding:0 15px}.tlP15{padding:15px 0 0 15px}.trP15{padding:15px 15px 0 0}.trbP15{padding:15px 15px 15px 0}.tlbP15{padding:15px 0 15px 15px}.allP15{padding:15px}.tM15{margin-top:15px}.rM15{margin-right:15px}.bM15{margin-bottom:15px}.lM15{margin-left:15px}.tbM15{margin:15px 0}.rlM15{margin:0 15px}.tlM15{margin:15px 0 0 15px}.trM15{margin:15px 15px 0 0}.trbM15{margin:15px 15px 15px 0}.tlbM15{margin:15px 0 15px 15px}.allM15{margin:15px}.tP20{padding-top:20px}.rP20{padding-right:20px}.bP20{padding-bottom:20px}.lP20{padding-left:20px}.tbP20{padding:20px 0}.rlP20{padding:0 20px}.tlP20{padding:20px 0 0 20px}.trP20{padding:20px 20px 0 0}.trbP20{padding:20px 20px 20px 0}.tlbP20{padding:20px 0 20px 20px}.allP20{padding:20px}.tM20{margin-top:20px}.rM20{margin-right:20px}.bM20{margin-bottom:20px}.lM20{margin-left:20px}.tbM20{margin:20px 0}.rlM20{margin:0 20px}.tlM20{margin:20px 0 0 20px}.trM20{margin:20px 20px 0 0}.trbM20{margin:20px 20px 20px 0}.tlbM20{margin:20px 0 20px 20px}.allM20{margin:20px}.tP25{padding-top:25px}.rP25{padding-right:25px}.bP25{padding-bottom:25px}.lP25{padding-left:25px}.tbP25{padding:25px 0}.rlP25{padding:0 25px}.tlP25{padding:25px 0 0 25px}.trP25{padding:25px 25px 0 0}.trbP25{padding:25px 25px 25px 0}.tlbP25{padding:25px 0 25px 25px}.allP25{padding:25px}.tM25{margin-top:25px}.rM25{margin-right:25px}.bM25{margin-bottom:25px}.lM25{margin-left:25px}.tbM25{margin:25px 0}.rlM25{margin:0 25px}.tlM25{margin:25px 0 0 25px}.trM25{margin:25px 25px 0 0}.trbM25{margin:25px 25px 25px 0}.tlbM25{margin:25px 0 25px 25px}.allM25{margin:25px}.tP30{padding-top:30px}.rP30{padding-right:30px}.bP30{padding-bottom:30px}.lP30{padding-left:30px}.tbP30{padding:30px 0}.rlP30{padding:0 30px}.tlP30{padding:30px 0 0 30px}.trP30{padding:30px 30px 0 0}.trbP30{padding:30px 30px 30px 0}.tlbP30{padding:30px 0 30px 30px}.allP30{padding:30px}.tM30{margin-top:30px}.rM30{margin-right:30px}.bM30{margin-bottom:30px}.lM30{margin-left:30px}.tbM30{margin:30px 0}.rlM30{margin:0 30px}.tlM30{margin:30px 0 0 30px}.trM30{margin:30px 30px 0 0}.trbM30{margin:30px 30px 30px 0}.tlbM30{margin:30px 0 30px 30px}.allM30{margin:30px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.inlineBlock{display:inline-block}.floatLeft{float:left} .lM18 {margin-left: 18px;}.bP50{padding-bottom: 50px;}.tM50{margin-top:50px;} /* =TYPOGRAPHY -----------------------------------------------------------------------------*/ /* font-families */ #none {font-family: Verdana, Geneva, sans-serif;} #none {font-family: Georgia, "Times New Roman", Times, serif;} body {font-family: Arial, Helvetica, sans-serif;} #none {font-family: "Times New Roman", Times, serif;} #none {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} code, kbd, pre, tt {font-family: "Courier New", Courier, monospace} div.boxLongWidth h2, h1, div.campaignBoxInner h3, div.campaignAction div.clearfix div h3, div.communicateAction div.clearfix div h3, div.organiseAction div.clearfix div h3, div.requestCampaign form p, body.interior blockquote p {font-family: "Arial Black";} /* font-sizes */ div#footerBottom div.footerWrap p, #filterCampaignNav a, div.campaignAction div.clearfix div h3, div.communicateAction div.clearfix div h3, div.organiseAction div.clearfix div h3, div.campaignAction h4, div.organiseAction h4, div.communicateAction h4 {font-size: 12px;} div#footerBottom div.footerWrap span {font-size: 11px;} div#footerBottom div.footerWrap span a:hover{color: #09c; text-decoration: underline;} code, kbd, pre, sub, sup, tt, .smallBold, body {font-size: 13px;} form#quickSignUp input, div.boxLongWidth, div.campaignAction p, div.organiseAction p, div.communicateAction p {font-size: 14px;} div.boxLongWidth p, div.requestCampaign form p {font-size: 15px;} p.campaignContentWindowP, .filterCampaigns, p.takeActionHeaderText {font-size: 16px;} #headerContent p, h3 {font-size: 18px;} .interior h3, div#navWrapper, div.campaignBoxInner h3, .interior h3 {font-size: 18px;} .interior h2, body.interior blockquote p {font-size: 12px;} /*{font-size: 10px;} {font-size: 20px;} {font-size: 24px;} {font-size: 26px;} {font-size: 28px;} {font-size: 30px;}*/ .interior h1 {font-size: 32px;} div.boxLongWidth h2, h1 {font-size: 36px; margin-bottom:0.25em; letter-spacing: -2px; line-height: 1.2;} .dropCap:first-letter {font-size: 52px;} div.campaignAction div.clearfix div p, div.communicateAction div.clearfix div p {font-size: 12px;} /* =colors -----------------------------------------------------------------------------*/ form#quickSignUp input, .smallBold, body, p.takeActionHeaderText, div.requestCampaign form p, div.boxLongWidth p {color: #666;}/*lt grey*/ a {color: #09c;} /*blue*/ div#navWrapper a, div#footerBottom div.footerWrap p, #filterCampaignNav a {color:#fff;} #headerContent p {color: #333;}/*dker grey*/ div.boxLongWidth, div.boxLongWidth h2 a, h1 a, h2 a, h3 a, .filterCampaigns {color: #333;}/*dker grey*/ div.boxHalfWidth h2 a { color: #4d4e50; }/*dk grey*/ div.boxHalfWidthQuarter h2 a { color: #4d4e50; } div#navWrapper a:hover, body.interior h2 {color:#ff6600;} /*orange*/ /* =miscellaneous -----------------------------------------------------------------------------*/ h1, h2, h3, h4, .smallBold, h5.footerHeader, body.interior blockquote p, .filterCampaigns, #filterCampaignNav a, div#navWrapper {font-weight: bold;} div.boxHalfWidth h2 { font-size: 18px; color: #4d4e50; margin: 1em 0;} div#navWrapper a, .smallBold , h1, h2, h3, h4, .filterCampaigns, #filterCampaignNav a, div.requestCampaign form p {text-transform: uppercase;} div#headerContent div#quickSignUp span {letter-spacing: .3px;} div#signupfooter div.privacy p{font-size: .9em; font-style: italic; margin-top: 5px; line-height: 1.3em;} div#atffc{display:none} /* =links -----------------------------------------------------------------------------*/ div#navWrapper a, h1 a, h2 a, h3 a, h4 a, #filterCampaignNav a {text-decoration: none; color: #fff;} a {text-decoration: none; color: #09c;} body.interior a {color: #09c;} body.interior a:hover {text-decoration: underline;} div.boxLongWidth h2 a {border-bottom: 2px solid #333;} /*dark gray*/ div.boxLongWidth h2 a:hover {border-bottom: 2px solid #9C0;} /*green*/ .communicate h3 a, .organise h3 a, .campaign h3 a {border-bottom: 1px solid #333;} /*dark gray*/ .communicate h3 a:hover, .communicate h2 a:hover {border-bottom: 1px solid #9C0;} /*green*/ .campaign h3 a:hover, .campaign h2 a:hover {border-bottom: 1px solid #c03;} /*red*/ .organise h3 a:hover, .organise h2 a:hover {border-bottom: 1px solid #09c;} /*blue*/ .ralign { text-align: right; } /*div.boxLongWidth h2 a:hover, .communicate h3 a:hover, .campaign h3 a:hover, .organise h3 a:hover {border-bottom: none;}*/ #filterCampaignNav a {letter-spacing: .8px;} div.campaignBoxInner h3 {letter-spacing: -1px;} body p {line-height: 20px;} div.boxHalfWidth p { font: 14px/1.5em Arial, Helvetica, sans-serif; color: #5e5f66; margin: 10px 0px;} div.boxHalfWidthQuarter p { font: 14px/1.5em Arial, Helvetica, sans-serif; color: #5e5f66; margin: 10px 0px;} p.takeActionHeaderText {line-height: 24px;} div.boxLongWidth p.text {line-height: 23px;} div.campaignBoxInner p.description {line-height: 16px;} body.interior blockquote p {line-height: 18px;} div.section h5 {font-size: 16px; color: #ff6600; font-weight: bold;} div#footerWrap a {color:#fff;} div.campaignAction div.clearfix div h3 {color: #c03;} div.communicateAction div.clearfix div h3 {color: #9c0;} div.organiseAction div.clearfix div h3 {color: #09c;} div.campaignAction h4, div.communicateAction h4, div.organiseAction h4 {color: #666; font-weight: bold;} body.home div#navWrapper ul li.homePage a, body.action div#navWrapper ul li.takeAction a, body.future div#navWrapper ul li.future a, body.about div#navWrapper ul li.aboutUs a {color: #ff6600;} /* =header ----------------------------------------------------------------------------*/ div#header {background: #606060 url(/page/-/images/headerBg.jpg) repeat-x; height: 250px; overflow: hidden; width: 100%;} div#header div#headerWrap {margin: 0 auto; position: relative; width: 942px; z-index: 1;} div#header div#headerWrap img#logoLeft {position: absolute; z-index: 2; right: 312px; top: 0;} div#header div#headerWrap img#logoMiddle {position: absolute; z-index: 2; right: 142px; top: 0;} div#header div#headerWrap img#logoRight {position: absolute; z-index: 2; right: -213px; top: 0;} img#logoBottom {position: absolute; z-index: 2; right: -11px; top: -28px;} div#nav {background: url(/page/-/images/navBg.png) top center; height: 50px; overflow: hidden; position: absolute; text-align: center; top: 200px; text-align: center; width: 100%;} div#navWrapper {background: url(/page/-/images/navTabs2.png) no-repeat; height: 50px; margin: 0 auto; text-align: left; width: 1070px;} #header.new-nav div#navWrapper {background-image: url(/page/-/images/navTabs3.png);} div#navWrapper ul {list-style:none;} div#navWrapper ul li {float: left;} div#navWrapper ul li a {display: block;} div#navWrapper ul li.homePage a {padding: 13px 45px 15px 82px;} div#navWrapper ul li.takeAction a {padding: 13px 30px 15px 50px;} div#navWrapper ul li.future a {padding: 13px 73px 15px 60px;} div#navWrapper ul li.aboutUs a {padding: 13px 75px 15px 15px;} div#navWrapper ul li span {background: #ff6600; display: inline-block; height: 8px; width: 8px; margin: 0 5px 2px 0;} div#navWrapper ul li div {background: #ff6600; float: left; height: 8px; width: 8px; margin: 8px 5px 0 0;} /* @media screen and (-webkit-min-device-pixel-ratio:0) {*/ div#navWrapper ul li div {margin: 6px 5px 0 0;} div.spacer {height: 20px; width: 100%;} div#headerWrap div#headerContent {background: #CCC; border: 2px solid #fff; height: 115px; padding: 15px; width: 565px; color: #ABABAB; position: relative;} div#headerContent p {float: left; text-align: left; width: 320px; font-size:22px; line-height:1.2;} body#bodyBSD div#headerContent p {float: right; text-align: left; width: 320px; font-size:22px; line-height:1.2;} form#quickSignUp {float: right; margin: 8px 5px 0 0; width: 236px; height: 115px;} div#headerWrap div#headerContent form#quickSignUp p {background: url(/page/-/images/title-join-in-right.png) no-repeat 0 0; color: #333; height: 50px; overflow: hidden; padding: 0px; text-indent: 90000em; width: 236px; margin:0;} form#quickSignUp label {display:none;} form#quickSignUp input {background: #fff; border: 2px solid #ccc; padding: 7px 4px;} form#quickSignUp input#email {/*display: block;*/ margin-top: 10px; width: 157px; padding-right: 68px; } form#quickSignUp input#zip {display: block; margin-top: 5px; width: 160px;} form#quickSignUp button {background: url(/page/-/images/spritesV-0-1.png) -479px -207px; border: none; cursor: pointer; height: 33px; right: 25px; position: absolute; text-indent: -900em; top: 84px; width: 74px;} /* new nav */ #header.new-nav div#navWrapper ul li.home a {padding: 13px 0 15px 80px; width: 80px;} #header.new-nav div#navWrapper ul li.campaigns a {padding: 13px 0 15px 62px; width: 123px;} #header.new-nav div#navWrapper ul li.about a {padding: 13px 0 26px 62px; width:123px;} #header.new-nav div#navWrapper ul li.blog a {padding: 13px 0 15px 62px; width: 98px;} #header.new-nav div#navWrapper ul li.donate a {padding: 13px 0 14px 62px; width: 98px;} body.home #header.new-nav div#navWrapper ul li.home a, body.campaigns #header.new-nav div#navWrapper ul li.campaigns a, body.blog #header.new-nav div#navWrapper ul li.blog a, body.about #header.new-nav div#navWrapper ul li.about a, body.donate #header.new-nav div#navWrapper ul li.donate a {color: #f60;} /* =content ----------------------------------------------------------------------------*/ div#content {margin: 0 auto; position: relative; width: 942px;} div.boxLongWidth {background: #fff; margin-bottom: 25px; padding: 15px 15px; width: 912px;} div.contentRight {width: 58.3%; /*height: 300px;*/} div.boxHalfWidth { background: #fff; margin-bottom: 25px; padding: 7px; float: left; height: 675px; width: 446px; position: relative; } div.boxHalfWidth-inner { height: 675px; background: url(/page/-/images/bg-boxHalfWidth.png) repeat-x 0 100%; overflow: hidden;} div.boxHalfWidth.right { float: right; } div.boxHalfWidth .content { margin: 20px 13px; } div.boxHalfWidthQuarter { background: #fff; margin-bottom: 25px; padding: 7px; float: left; height: 315px; width: 446px; position: relative; } div.boxHalfWidthQuarter-inner { height: 315px; background: url(/page/-/images/bg-boxHalfWidth.png) repeat-x 0 100%; overflow: hidden;} div.boxHalfWidthQuarter.right { float: right;} div.boxHalfWidthQuarter .content { margin: 20px 13px; } .campaign p.icon {background: url(/page/-/images/spritesV-0-1.png) -676px -106px; height: 18px; text-indent: -900em; width: 87px;} div.boxHalfWidthQuarter div.actionButton, div.boxHalfWidth div.actionButton { position: absolute; right: 20px; bottom: 20px; } .communicate div.actionButton, .grnBtn {background: #91D200 url(/page/-/images/communicateActionBtnBg.png) repeat-x; border: 1px solid #567D00; border-top-color: #A0D629; border-left-color: #A0D629; text-align: center; color: #fff; font-weight: normal; font-family: 'arial black', arial; text-transform: uppercase; display:inline; padding: 3px 0;} .communicate div.actionButton a, .grnBtn a {color: #fff; text-decoration: none; padding: 3px 10px;} .communicate div.actionButton a:hover, .grnBtn a:hover {background: #77AD00; cursor: pointer;} div.actionButton { border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .communicate p.icon {background: url(/page/-/images/spritesV-0-1.png) -470px -107px; height: 17px; text-indent: -900em; width: 116px;} .campaign div.actionButton {background: #91D200 url(/page/-/images/campaignActionBtnBg.png) repeat-x; border: 1px solid #603; border-top-color: #c03; border-left-color: #c03; text-align: center; color: #fff; font-weight: normal; font-family: 'arial black', arial; text-transform: uppercase; display:inline; padding: 3px 0; margin-top: 5px;} .campaign div.actionButton a {color: #fff; text-decoration: none; padding: 3px 10px;} .campaign div.actionButton a:hover {background: #903; cursor: pointer;} /*{background: url(/page/-/images/spritesV-0-1.png) -282px -131px; height: 34px; margin: 15px 0; text-indent: -900em; width: 167px;} .communicate div.actionButton a {display: block; height: 34px; width: 167px;}*/ .organise p.icon {background: url(/page/-/images/spritesV-0-1.png) -587px -107px; height: 17px; text-indent: -900em; width: 88px;} /*.organise div.actionButton {background: url(/page/-/images/spritesV-0-1.png) -282px -34px; height: 33px; margin: 15px 0; text-indent: -900em; width: 144px;} .organise div.actionButton a {display: block; height: 33px; width: 144px;}*/ .organise div.actionButton {background: #91D200 url(/page/-/images/organiseActionBtnBg.png) repeat-x; border: 1px solid #036; border-top-color: #09c; border-left-color: #09c; text-align: center; color: #fff; font-weight: normal; font-family: 'arial black', arial; text-transform: uppercase; display:inline; padding: 3px 0;} .organise div.actionButton a {color: #fff; text-decoration: none; padding: 3px 10px;} .organise div.actionButton a:hover {background: #069; cursor: pointer;} div.boxHalfWidth .actionButton { float: right; } div.boxHalfWidthQuarter .actionButton { float: right; } .blkBtn {background: #91D200 url(/page/-/images/blackBtnBg.png) repeat-x; border: 1px solid #282828; border-top-color: #666; border-left-color: #666; text-align: center; color: #fff; font-weight: normal; font-family: 'arial black', arial; text-transform: uppercase; display:inline; padding: 3px 0;} .blkBtn a {color: #fff; text-decoration: none; padding: 3px 10px;} .blkBtn a:hover {background: #333; cursor: pointer;} div.boxLongWidth p.text {padding: 15px 0 0 0;} /*div.signPetitionLargeGreen {background: url(/page/-/images/spritesV-0-1.png) -282px -165px; height: 40px; text-indent: -900em; width: 196px;} div.signPetitionLargeGreen a {display: block; height: 40px; width: 196px;}*/ div.signPetitionLargeGreen { background: #91D200 url(/page/-/images/button-green-bg.jpg) repeat-x; border: 1px solid #567D00; border-top-color: #A0D629; border-left-color: #A0D629; padding: 3px 10px; text-align: center; color: #fff; font-weight: normal; font-family: 'arial black', arial; text-transform: uppercase; } div.SignPetitionLargeGreen a {color: #fff; text-decoration: none;} div.boxThin {background: #f1f1f1; float: left; padding: 10px; width:280px;} div.thirdWidth {width: 300px;} div.halfWidth {width: 460px;} div.about38, div.makeDifference {height:175px;} div.boxContentFooter {background: #fff; float: left;} div.boxContentFooter.right {float: right;} div.boxContentFooterInner {background: url(/page/-/images/slightGreyGradient.png) repeat; margin: 5px; position: relative;} div.boxContentFooterInner a:hover{color: #09c; text-decoration: underline;} div.rocks {background: url(/page/-/images/spritesV-0-1.png) -764px 0; bottom: 0; height: 165px; left: 0; position: absolute; width: 186px; z-index: 5;} div.tell {background: url(/page/-/images/spritesV-0-1.png) -892px -169px; bottom: 0; height: 146px; left: 0; position: absolute; width: 42px; z-index: 6;} div.boxSmallHalfWidthInner div.content {margin: 10px 15px 0 0; position: absolute; right: 0; top: 0; width: 300px; z-index: 7;} div.boxSmallHalfWidthInner div.content p {line-height: 16px;} /* image stripe backgrounds ----------------------------------------------------------------------------*/ .campaign img.cImage, .campaign div.cImage, div.videoEmbed, div#sidebar4 img {background: url(/page/-/images/redBg.png) repeat; padding: 5px; text-align: center; margin: 0 auto;} .communicate img.cImage, .communicate div.cImage {background: url(/page/-/images/greenBg.png) repeat; padding: 5px; } .organise img.cImage, .organise div.cImage {background: url(/page/-/images/blueBg.png) repeat; padding: 5px;} div.cImage { height: 244px; overflow: hidden;} .campaign img.sImage, .campaign div.sImage {background: url(/page/-/images/redBg.png) repeat; padding: 5px; text-align: center; margin: 0 auto;} .communicate img.sImage, .communicate div.sImage {background: url(/page/-/images/greenBg.png) repeat; padding: 5px; } .organise img.sImage, .organise div.sImage {background: url(/page/-/images/blueBg.png) repeat; padding: 5px;} div.sImage { height: 109px; overflow: hidden;} /* borders ----------------------------------------------------------------------------*/ div.boxLongWidth, div.boxThin, div.boxContentFooter, div#campaignListBox, div.page-content, div.boxHalfWidth, div.boxHalfWidthQuarter {border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 3px solid #e0e0e0; border-left: 1px solid #e0e0e0;} /* box floats ----------------------------------------------------------------------------*/ img.greenBg {float: left;} div.contentRight {float: right;} /* =sidebar */ /* =footer ----------------------------------------------------------------------------*/ div#footer {background: #606060 url(/page/-/images/headerBg.jpg) repeat-x; height: 200px; overflow: hidden; width: 100%;} div#footerBottom {background: #606060 url(/page/-/images/headerBg.jpg) repeat-x; height: 40px; margin: 160px 0 0 0; width: 100%;} div.footerWrap, div#footerWrap {margin: 0 auto; position: relative; width: 942px; z-index: 1;} div#footer div#footerWrap img#footerLogoLeft {position: absolute; z-index: 2; left: -175px; top: -30px;} div#footer div#footerWrap img#footerLogoRight {position: absolute; z-index: 2; left: 179px; top: 95px;} img#footerLogoTop {bottom: 0; position: absolute; z-index: 2; left: -20px;} div#footerBottom div.footerWrap p {margin: 0 0 0 320px; padding-top: 10px;} div#sectionWrapper {left: 210px; position: absolute; height: 103px; top: 30px;} div.section {float: left; height: 103px;} div.section a {display: block; margin: 5px 0 0 0;} div#socialBookmark {background: url(/page/-/images/spritesV-0-1.png) -282px -231px; height: 30px; width:179px;} div.bookmarkFooter {width: 170px;} div.takeActionFooter, div.campaignsFooter, div.aboutUsFooter {margin: 0 0 0 40px;} div.aboutUsFooter2 {margin: 20px 0 0 35px;} div.section a {background: url(/page/-/images/spritesV-0-1.png) no-repeat -944px -320px; padding-left: 10px;} /* =info and action footers -----------------------------------------------------------------------------*/ div#shoutingMan {background: url(/page/-/images/spritesV-0-1.png) -432px 0; float: left; height: 125px; width: 38px;} div.tellAFriendSmall div.content {float: left; margin: 10px 0 0 10px; padding: 0 0 20px 0; width: 240px;} div.tellAFriendSmall div.content p, div.getInvolvedSmall div.content p, div.donateNowSmall div.content p {padding: 10px 0; line-height: 14px;} form#tellAFriendSmall input {border: 2px solid #ccc; width: 160px; padding: 4px 3px;} form#tellAFriendSmall button {background: url(/page/-/images/spritesV-0-1.png) -367px -100px; float: right; margin-top: -28px; border: none; height: 31px; text-indent: -900em; width: 65px;} div#signMan {background: url(/page/-/images/spritesV-0-1.png) -556px -125px; float: left; height: 132px; width: 58px;} div.getInvolvedSmall div.content {float: left; margin: 10px 0 0 10px; padding: 0 0 20px 0; width: 220px;} form#getInvolvedSmall button {background: url(/page/-/images/spritesV-0-1.png) -282px -100px; border: none; float: right; margin: -29px 3px 0 0; height: 31px; text-indent: -900em; width: 85px;} form#getInvolvedSmall input {border: 2px solid #ccc; padding: 4px 3px;} form#getInvolvedSmall input#email2 {border: 2px solid #ccc; padding: 4px 3px; width: 205px;} form#getInvolvedSmall input#zip2 {margin: 10px 0 0 0; width: 112px;} div.donateNowSmall div.boxContentFooterInner, div.getInvolvedSmall div.boxContentFooterInner, div.tellAFriendSmall div.boxContentFooterInner {height:163px;} div#family {background: url(/page/-/images/spritesV-0-1.png) -614px -125px; float: left; height: 132px; width: 120px;} div.contributeButton {background: url(/page/-/images/spritesV-0-1.png) -282px -69px; height: 31px; width: 120px;} div.donateNowSmall div.content {float: left; margin: 10px 0 0 10px; padding: 0 0 20px 0; width: 155px;} div.donateNowSmall div.contributeButton {margin: 10px 0 0 0;} div#sectionWrapper a:hover{text-decoration: underline;} /* =CAMPAIGNS -----------------------------------------------------------------------------*/ .filterCampaigns {float:left;} .filterCampaignsStatus {float:right;} #campaignListTopNav {padding-bottom: 10px;} #filterCampaignNav {background: #666; padding: 15px 8px;} .filterLink {background: #999; border: 1px solid #ccc; padding: 5px;} .fliterLinkActive {background: #ff6600; border: 1px solid #ff6600; padding: 5px;} div.completedCampaign {background: url(/page/-/images/spritesV-0-1.png) -587px -257px; height: 75px; position: absolute; right: 0; text-indent: -900em; top: 0; width: 94px;} div#campaignListArea {background: #f1f1f1; padding: 0 0 0 29px;} div.campaignBoxContainer {display:inline-block; border-bottom: 2px solid #ccc; margin: 0 27px 0 0; padding: 0 5px 30px 5px; width: 254px;} div.campaignBoxInner {padding: 20px 15px; position: relative;} div.campaignBoxInner h3 {padding-top: 10px;} div.campaignBoxInner p.description {padding-top: 10px;} div.completed div.campaignBoxInner {background: #fff;} div.campaignListSpacer {background: #f1f1f1; height: 20px; width: 100%;} /* =TAKE ACTION -----------------------------------------------------------------------------*/ div#takeActionHeader {float: left; width: 590px;} div#actionPeople {background: url(/page/-/images/spritesV-0-1.png) no-repeat 0 0; float: right; height: 252px; margin-top: -20px; width: 282px;} /* div#communicateIconLarge {background: url(/page/-/images/spritesV-0-1.png) no-repeat 0 -257px; height: 50px; width: 213px;} div#organiseIconLarge {background: url(/page/-/images/spritesV-0-1.png) no-repeat -216px -261px; height: 50px; width: 167px;} */ div.campaignAction p, div.organiseAction p, div.communicateAction p {margin: 10px 0; line-height: 20px;} /* campaign ----------------------------------------------------------------------------*/ div.campaignAction h2 {background: url(/page/-/images/spritesV-0-1.png) no-repeat -413px -261px; height: 50px; text-indent: -900em; width: 174px;} div.communicateAction h2 {background: url(/page/-/images/spritesV-0-1.png) no-repeat 0 -257px; height: 50px; text-indent: -900em; width: 213px;} div.organiseAction h2 {background: url(/page/-/images/spritesV-0-1.png) no-repeat -216px -261px; height: 50px; text-indent: -900em; width: 167px;} div.campaignAction div.clearfix div, div.communicateAction div.clearfix div, div.organiseAction div.clearfix div{display: inline-block; margin: 10px 0 0 0; width: 125px;} div.campaignAction div.clearfix div.right, div.communicateAction div.clearfix div.right, div.organiseAction div.clearfix div.right {margin-left: 20px; width: 125px;} div.campaignAction div.clearfix div p, div.communicateAction div.clearfix div p, div.organiseAction div.clearfix div p {margin: 0; line-height: 16px;} div.campaignAction h4, div.communicateAction h4, div.organiseAction h4 {margin: 15px 0 5px 0;} div.campaignAction ul li, div.communicateAction ul li, div.organiseAction ul li {list-style-type: none; padding-bottom: 2px;} div.campaignAction ul li, div.communicateAction ul li, div.organiseAction ul li {background: url(/page/-/images/spritesV-0-1.png) no-repeat -944px -320px; padding-left: 10px;} /* request campaign form ----------------------------------------------------------------------------*/ div.requestCampaign {background: #e0e0e0; margin: 50px 0 30px 0; padding: 10px;} div.requestCampaign div.icon {background: url(/page/-/images/spritesV-0-1.png) no-repeat -470px 0; float: left; height: 100px; margin: -30px 0 0 0; width: 287px;} div.requestCampaign div.top p {float: left; margin: 6px 0 0 20px; width: 520px;} div.requestCampaign div.expandButton {background: url(/page/-/images/expButton.png); float: left; height: 45px; margin: 0 0 0 40px; width: 45px;} div.requestCampaign form {float:right; padding: 0 10px 0 0; width: 610px;} div.requestCampaign form legend {display: block;} div.requestCampaign form div.firstRow {margin: 7px 0; width: 450px;} div.requestCampaign form div.firstRow label.labelOne {float: left;} div.requestCampaign form div.firstRow label.labelTwo {float: right;} div.requestCampaign form label input {margin-right: 5px;} /*div.requestCampaign form div.secondRow {margin: 7px 0; width: 450px;} div.requestCampaign form div.secondRow label.labelThree {float: left;}*/ div.requestCampaign form div.secondRow label.labelFour {float: right; margin-right: 40px;} div.requestCampaign form label#email {display: block;} div.requestCampaign form textarea {height: 120px; margin: 10px 0; width: 560px;} div.requestCampaign form textarea, div.requestCampaign form input {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 5px;} div.requestCampaign form input#email6 {margin: 0 0 0 10px;} div.requestCampaign form input#postcode6 {margin: 0 0 0 40px;} div.requestCampaign form button#campaignRequestSubmit {background: url(/page/-/images/spritesV-0-1.png) -449px -131px; border: none; display: block; height: 35px; margin: 15px 0 0 0; text-indent: -900em; width: 82px;} div.requestCampaign form p {margin: 0 0 10px 0;} /* =INTERIOR -----------------------------------------------------------------------------*/ body.interior address, .interior cite, .interior em, .interior i {font-style:italic; padding-top: 5px; text-align: right;} body.interior blockquote p {border-left: 12px solid #ff7900; margin: 20px 0; padding: 0 0 0 20px;} /*{background: #eee; margin: 0 24px 24px; padding: 12px;}*/ body.interior p {line-height: 1.5; margin: 10px 0;} body.interior ul {list-style: none;} body.interior div#content div.page-content ul li {background: url(/page/-/images/spritesV-0-1.png) no-repeat -944px -320px; padding-left: 10px;} body.interior div.page-interior ul, .interior ol {margin: 0 0 24px; padding: 0;} body.interior div.page-interior li ul, .interior li ol {margin: 0;} body.interior div.page-interior li li {padding-left: 24px;} body.interior div.page-signup ul, .interior ol {margin: 0 0 24px; padding: 0;} body.interior div.page-signup li ul, .interior li ol {margin: 0;} body.interior div.page-signup li li {padding-left: 24px;} body.interior div.page-signup ul, .interior ol {margin: 0 0 24px; padding: 0;} body.interior div.page-signup li ul, .interior li ol {margin: 0;} body.interior div.page-signup li li {padding-left: 24px;} body.interior .fieldset { margin-bottom: 10px; } /*body.interior ul li {list-style: inside disc;}*/ body.interior div.page-interior li li {padding-left: 24px;} body.interior div.page-signup li li {padding-left: 24px;} /* about pages */ #sidebar {float: left; width: 220px;} #sideNav ul {margin: 0; padding: 0;} #sideNav li {margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #ccc;} #sideNav a {display: block; color: #FF7900; padding: 10px; font-size: 18px;} #sideNav a:hover {display: block; background-color: #fff; color: #FF7900; padding: 10px; font-size: 18px; text-decoration: none;} .page-interior {float: right; background: #fff; padding: 15px 25px; width: 650px;} .page-signup {background: #fff; padding: 15px 25px; width: 900px;} /* =modifications ----------------------------------------------------------------------------*/ body.interior div#content div.page-content img.borderless {background: none; margin: 0px;} body.interior div#content div.page-content img { background: url(/page/-/images/orangeStripe.png) repeat; padding: 5px; } body.interior div#content div.page-content img.icon { background: none; padding: 0; } body.interior p.citation {padding: 0px 0px 0px 35px; font-size: 1.4em;} #signupheader { width: auto; background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ } #signupheader a:hover {color: #09c; text-decoration: underline;} #signupheader div#sidebar1 { float: right; /* since this element is floated, a width must be given */ width: 422px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 10px; border: 1px solid #cc0033; clear: right; margin-top: 20px; } #signupheader div#sidebar2 { float: right; /* since this element is floated, a width must be given */ width: 414px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ margin-top: 20px; padding: 15px; clear: right; } #signupheader div#sidebar3 { float: right; /* since this element is floated, a width must be given */ width: 444px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */ margin-top: 20px; clear: right; } #signupheader div#sidebar4 { float: right; /* since this element is floated, a width must be given */ width: 444px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */ margin-top: 20px; clear: right; } #signupheader div#sidebar5 { float: right; /* since this element is floated, a width must be given */ width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 10px; border: 1px solid #cc0033; margin-top: 20px; clear: right; } div#signupCounter { float: right; /* since this element is floated, a width must be given */ width: 422px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 10px; border: 1px solid #ccc; clear: right; min-height: 120px; margin-top: 20px; } body.invite div#signupCounter { margin-left: 20px; } div#signupComments { float: right; /* since this element is floated, a width must be given */ width: 444px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ clear: right; margin-top: 20px; } #sidebarWrapper { float: right; width: 444px; } #sidebarWrapper div#sidebar1, #sidebarWrapper div#sidebar2, #sidebarWrapper div#sidebar3, #sidebarWrapper div#sidebar4, #sidebarWrapper div#sidebar5, #sidebarWrapper div#signupCounter, #sidebarWrapper div#signupComments { clear: none; float: none; width: auto; } #tafShare { float: right; margin: 20px 0; width: 444px; clear: right; min-height: 60px; } #tafShare iframe, #tafShare a { display: block; float: right; margin-left: 10px; } div#invitation-wrapper { clear: both; } form#signup, #signupfooter { float: left; clear: left; width: 418px; } form#signup table { width: 95%; } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } body#bodyBSD div#container div#content div.page-content form#signup table#signup td#submit { text-align: left; } body.interior div#container div#content div.clearfix div.page-content form#signup table#signup td#submit {text-align: left; padding-top: 5px;} body.interior div#container div#content div.clearfix div.page-content form#signup table#signup td#submit div.fieldset td { margin-top: 5px; } /* =social */ .soc_container { font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 400px; /* auto; */ border: 1px solid #EFEFEF; position:absolute; background:#FFF url(../images/bg_container2.jpg) repeat-x bottom; font-size:11px; line-height:18px; } .soc_container2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 400px; /* auto; */ border: 1px solid #EFEFEF; position:absolute; background:#FFF url(../images/bg_container2.jpg) repeat-x bottom; font-size:11px; line-height:18px; } .soc_container h1{ margin:10px 0 10px 20px; font-size:14px; } .soc_container h2{ margin: 10px 0 10px 20px; font-size:14px; } .soc_container a{ color: #aadd00; text-decoration:none; } .soc_left{ width: 180px; padding:10px; float:left; } .soc_left img{ width: 18px; height: 18px; float:left; margin: 0 10px 0 0; } .soc_left a{ color:#3E3F3E; text-decoration:none; line-height:18px; border-bottom:1px dotted #CECECE; display:block; } .soc_left a:hover{ color:#6699FF; background-color:#E6F0C1; } #close{ width:10px; height:10px; float:right; clear:both; } .open_window{ width:780px; height:500px; background-color:#000; display:block; } .close{ width:10px; height:10px; float:right; clear:both; position: absolute; top:0; right:0; } .soc_send_friend{ clear:both; padding:20px; } .wait{ background-image:url(ajaxloader.gif); background-repeat:no-repeat; background-position: center center; } #signupCounterContainer { background: url(/page/-/images/signup_counter_container.png) no-repeat; height: 52px; } #signupCounterBar { background: url(/page/-/images/signup_counter_bar.png) no-repeat; height: 42px; margin-left: 10px; padding-right: 20px; width: 0; } #signupCounterScale { position: relative; height: 2em; margin: 0 31px; } #signupCounterScale span { font-weight: bold; position: absolute; } #signupCounter h3 span { color: #000; } span#signupCounterTarget { right: 0; } #signupCounter p { padding: 0; margin: 0.5em 0; } /* =alt homepage (1 up 3 down) ----------------------------------------------------------------------------*/ body.home-new .boxLongWidth img.cImage, body.home-new .boxLongWidth div.cImage { float: left; } body.home-new .boxLongWidth img { height: 244px; overflow: hidden; width: 356px; } body.home-new .boxLongWidth .content { margin-left: 386px; } body.home-new .thirdWidth { background-color: #f0f0f0; border: 1px solid #e0e0e0; border-bottom-width: 3px; float: left; margin: 0 18px 25px 0; height: 30em; padding: 10px; width: 280px; } body.home-new .thirdWidth.last { margin-right: 0; } body.home-new div.boxLongWidth h1, body.home-new div.thirdWidth h2 { text-decoration: underline; } body.home-new .campaign h1, body.home-new .campaign h2 { color: #c03; } body.home-new div.boxLongWidth h1 a, body.home-new div.thirdWidth h2 a { border: none !important; color: #333; } body.home-new div.thirdWidth h2 a { color: #666; } body.home-new p.text { line-height: 1.5; margin-bottom: 15px; padding: 0; } body.home-new div.actionButton { font-size: 12px; margin-top: 15px; border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } body.home-new div.boxLongWidth h1 { margin: 10px 0 20px; } body.home-new div.thirdWidth h2 { font-family:'arial black',arial; font-size:18px; font-weight:normal; line-height: 1.2; margin: 10px 0; text-transform:uppercase; } body.home-new div.thirdWidth p.icon { margin-top: 10px; } /* =campaigns page ----------------------------------------------------------------------------*/ body.campaigns div.boxContentFooter { margin-top: 20px; } body.campaigns div.cImage { height: 90px; float: left; } body.campaigns .content { margin-left: 185px; } body.campaigns div.boxLongWidth { margin-bottom: 15px; padding-bottom: 20px; } body.campaigns div.boxLongWidth h2 { text-decoration: underline; font-size: 28px; margin: .2em 0 .4em 0; } body.achievements div.boxLongWidth h2 { color: #666; text-decoration: none; } body.campaigns .campaign h2 { color: #c03; } body.campaigns .communicate h2 { color: #9c0; } body.campaigns .organise h2 { color: #09c; } body.campaigns div.boxLongWidth h2 a { border: none !important; color: #333; } body.campaigns div.boxLongWidth h2 a:hover { color: #666; } body.campaigns p.text { line-height: 1.5; margin-bottom: 15px; padding: 0; } body.campaigns div.actionButton { font-size: 12px; margin-top: 15px; border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul#campaignFilters { margin: 15px 0 10px; padding: 5px; background-color: #333; } ul#campaignFilters li { background-color: #666; border: 1px solid #999; font-size: 18px; font-weight: bold; text-transform: uppercase; float: left; padding: 5px 10px; color: #fff; margin-right: 5px; } body.campaigns ul#campaignFilters li.selected { background-color: #f60; border-color: #f60; } body.campaigns ul#campaignFilters li a { color: #fff; } ul#campaignCats li { float: left; padding: 2px 5px; margin: 0 5px 5px 0; } ul#campaignCats li.filter { margin-bottom: 20px; font-weight: bold; } ul#campaignCats li.cat { border: 1px solid #ccc; background-color: #fff; border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul#campaignCats li.cat a { color: #666; } ul#campaignCats li.down { background-color: #f60; border: none; padding: 3px 6px; } ul#campaignCats li.down a { color: #fff; } /* =home livefeed ----------------------------------------------------------------------------*/ #livefeed { margin: 13px; } ul#campaignFeed { margin-bottom: 20px; } #livefeed h2 { line-height: 1; margin: 0; } #livefeed h3.title { line-height: 1; font-size: 13px; margin: 20px 0; position: relative; } #livefeed h3.title a.all { position: absolute; right: 0; color: #f60; text-transform: none; font-weight: normal; } #livefeed h3.title a.all:hover { color: #333; } ul#campaignFeed li { border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; margin-bottom: 8px; } ul#campaignFeed div.cImage { float: left; padding: 3px; height: 45px; width: 80px; } ul#campaignFeed img { height: 45px; width: 80px; } ul#campaignFeed .content { margin: 0 0 0 96px; } ul#campaignFeed .campaign h3 { color: #c03; } ul#campaignFeed .communicate h3 { color: #9c0; } ul#campaignFeed .organise h3 { color: #09c; } ul#campaignFeed h3 a { border: none !important; color: #333; } ul#campaignFeed h3 a:hover { color: #666; } ul#campaignFeed h3 { text-decoration: underline; margin-bottom: 8px; font-family: "Arial Black", Arial; font-size: 16px; font-weight: bold; letter-spacing: -.5px; line-height: 1.2; } ul#campaignFeed div.actionButton { font-size: 10px; float: left; margin: 0; position: static; right: 0; bottom: 0; border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul#campaignFeed div.actionButton a { padding: 0 5px; } ul#campaignFeed .feedCounter { float: left; background-color: #eee; font-size: 1px; height: 8px; margin-right: 10px; width: 200px; } ul#campaignFeed .feedCounter .bar { height: 8px; font-size: 1px; background-color: #f60; } ul#campaignFeed .feedCounter p { font-size: 11px; line-height: 1; margin-top: 4px; } ul#communityFeed li { background-repeat: no-repeat; padding-left: 20px; line-height: 1.4; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; margin-bottom: 8px; } ul#communityFeed li span.src { font-size: 10px; font-weight: bold; text-transform: uppercase; } ul#communityFeed li a { font-weight: bold; } ul#communityFeed li a:hover { text-decoration: underline; } ul#communityFeed li.Twitter { background-image: url(/page/-/images/icons/twitter.png); } ul#communityFeed li.Blog { background-image: url(/page/-/images/icons/pencil.png); } ul#communityFeed li.Comment { background-image: url(/page/-/images/icons/comment.png); } #livefeed p.subscribe { line-height: 1.5; font-size: 11px; } /* =signup page comments ----------------------------------------------------------------------------*/ div#signupComments h3 { background: url(/page/-/images/signup_comments_header.png) no-repeat center left; height: 31px; line-height: 31px; margin-bottom: 10px; padding-left: 36px; } div#signupComments.loading h3 { background-image: url(/page/-/images/loading.gif); } div#signupComments li.comment { background: none !important; margin: 0 0 10px !important; padding: 0 !important; font-size: 11px; } div#signupComments li.comment p.message { background-color: #ebebeb; margin: 0; padding: 10px; } div#signupComments li.comment p.meta { background: url(/page/-/images/signup_comment_bottom.png) no-repeat; margin: 0; padding: 10px 0 0; } div#signupComments li.comment p.meta span.name { color: #f60; font-weight: bold; text-transform: uppercase; } div#signupComments li.comment p.meta span.date { float: right; color: #999; } /* =signup alt ----------------------------------------------------------------------------*/ body.signup-alt #sidebarWrapper { float: left; } body.signup-alt form#signup, body.signup-alt #signupfooter { float: right; clear: right; } /* =header nosignup ----------------------------------------------------------------------------*/ #header.nosignup #headerContent p { font-size: 24px; width: 350px; } #actionCount { color: #666; float: right; width: 200px; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.2; text-transform: uppercase; } #actionCount span { font-size: 50px; letter-spacing: -2px; color: #fff; text-shadow: 0 1px 1px #999; } #actionCount.loading { background: url(/page/-/images/loading-ccc.gif) no-repeat center center; height: 100px; } #actionCount.loading div { display: none; } #actionCount a { background:#91D200 url(/page/-/images/button-green-bg.jpg) repeat-x bottom; border-color:#A0D629 #567D00 #567D00 #A0D629; border-style:solid; border-width:1px; color:#fff; font-family:'arial black',arial; font-weight:bold; padding:.1em 1em; text-align:center; text-transform:uppercase; } #actionCount a:hover { background: #77ad00; cursor: pointer; } #actionCount .join { margin-top: 10px; } /* =media coverage ----------------------------------------------------------------------------*/ ul#media-coverage { margin-top: 20px; } ul#media-coverage li { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; } body.interior ul#media-coverage li h3 { font-size: 16px; margin-bottom: 2px; } body.interior ul#media-coverage li p { margin: 0; }