/* ----------------------------------------------- Yes on 87 Author: Cameron Corda ----------------------------------------------- */ html, body {margin: 0; padding: 0; text-align: center; background: #635F5D;} html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/ /* TYPOGRAPHY ----------------------------------------------- */ /* Font-Sizing in Em's so the IE will resize on user prefs. */ html { font-size; 100%; } /* Somehow Fixes IE */ body { font-size: 62.5%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;; color: #000;} /* sets font to 10px */ /*1.2em = 12px*/ /*1.6em = 16px*/ /*etc.*/ #container {font-size: 1.2em;} h1 {font-size: 1.6em; font-weight: bold; margin-bottom: 12px; color: #1B4661;} h2 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;} h3 {font-size: 1.2em; margin-bottom: 1.2em; font-weight: normal;} h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;} h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;} h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;} ol, li {font-size: 1em; line-height: 1.5em; margin-top: 0.8em; margin-bottom: 0.4em;} p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.2em;} blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;} li > p {margin-top: 0.2em;} pre {font-family: monospace; font-size: 1.0em;} strong, b {font-weight: bold;} td {vertical-align: top;} pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;} input {font-size: 1em;} /* LINKS ----------------------------------------------- */ a {text-decoration: none; font-weight: bold; color: #A80000;} a:link {} a:visited {color: #CC0000;} a:active {text-decoration: underline;} a:hover {background: #A80000; color: #fff;} #footer a {text-decoration: underline; font-weight: bold; color: #fff;} #footer a:hover {background: #fff; color: #A80000; text-decoration: none;} /* LAYOUT ----------------------------------------------- */ body {} #container {text-align: left; margin: 20px auto 10px auto; padding: 0; width: 758px; background: url(/img/border-side.gif) repeat-y;} #containerTop {height: 12px; background: url(/img/border-top.gif) no-repeat top left; margin: 0; padding: 0;} #containerBottom {height: 12px; background: url(/img/border-bottom.gif) no-repeat top left; margin: 0; padding: 0; clear: both;} #containerInner {padding: 10px 20px;} #content {width: 519px; float: left;} #contentInner {} #sidebar {float: right; width: 181px; margin-right: 1px;} #footer {} #footerInner {text-align: left; margin: 0 auto; padding: 0; width: 758px;} /*#content {float: left; width: 507px; margin: 10px 0; display: inline;} #contentInner {margin: 0 15px 0 0px;}*/ /* HEADER ----------------------------------------------- */ #header {text-align: left; position: relative; width: 760px; height: 170px; margin: 0 auto 12px 0; padding: 0;} #logo {position: absolute; top: 0; left: 0; width: 285px; height: 170px;} #nav {position: absolute; top: 0; left: 295px; margin: 0; padding: 0; width: 220px; height: 170px; background:url(http://www.yeson87.org/page/-/redesign/header-nav3.png) 4px 0 no-repeat;} #nav ul {margin: 0; padding: 6px 0 0 0;} #nav li {height: 34px; margin: 0 0 6px 5px; padding: 0; list-style: none; width: 215px;} #nav li#navA {margin-bottom: 7px;} #nav a {height: 34px; display: block;} /* #nav a:hover {background: transparent; border-left: 6px solid #1C4762;} #navD a:hover {background: transparent; border-left:6px solid #A80000;} */ #nav a:hover {background: transparent;} #nav span {display: none;} #quickSignup {position: absolute; top: 0px; left: 534px; width: 183px; height: 170px; background: url(/img/quicksignup.gif) no-repeat;} #quickSignup form {margin: 0; padding: 0; position: relative; top: 70px; left: 24px; line-height: 1.8em;} #quickSignup form p {margin-bottom: 12px;} #quickSignupEmail {width: 130px;} #quickSignupZip {width: 98px; margin-right: 10px;} /*#navA {top: 1px;} #navB {top: 4px;} #navC {top:} #navD {left: 339px; width: 114px;} #navE {left: 454px; width: 148px;} #navF {left: 603px; width: 79px;} #navG {left: 683px; width: 78px;}*/ /*#navA a:hover {background: transparent url(/img/nav-new.gif) 0 -22px no-repeat;} #navB a:hover {background: transparent url(/img/nav-new.gif) -85px -22px no-repeat;} #navC a:hover {background: transparent url(/img/nav-new.gif) -208px -22px no-repeat;} #navD a:hover {background: transparent url(/img/nav-new.gif) -339px -22px no-repeat;} #navE a:hover {background: transparent url(/img/nav-new.gif) -454px -22px no-repeat;} #navF a:hover {background: transparent url(/img/nav-new.gif) -603px -22px no-repeat;} #navG a:hover {background: transparent url(/img/nav-new.gif) -683px -22px no-repeat;}*/ /* CONTENT ----------------------------------------------- */ #homeFeature {margin-bottom: 12px;} #homeLeft {width: 182px; float: left;} #homeSupporters {width: 180px; border: 1px solid #999; background: url(/img/heading-supporters.gif) no-repeat; padding-top: 41px; } #homeSupportersInner {border: 6px solid #D9D6CB;} #homeSupportersInner div {margin-bottom: 6px;} #homeSpotlight {width: 180px; border: 1px solid #999; background: url(/page/file/b77794c21af5ba39df_9vymv2w2v.gif/heading-spotlight.gif) no-repeat; padding-top: 41px; margin-bottom: 10px;} #homeSpotlightInner {border: 6px solid #D9D6CB;} #homeSupportersInner div {margin-bottom: 6px;} #homeNews {width: 327px; border: 1px solid #999; float: left; background: url(/page/file/e4306999050e8b00f2_0o4mv2w0f.gif/heading-news2.gif) no-repeat; margin-left: 8px;} #homeNewsInner {margin: 60px 20px 20px 20px;} /* SIDEBAR ----------------------------------------------- */ #sideAction {width: 180px; border: 1px solid #999; float: left; background: url(/page/file/f777dc274a1901b511_7b6mv2wde.gif/header-action2.gif) no-repeat; margin-bottom: 12px;} #sideActionInner {text-align: center; margin-top: 50px;} #sideActionInner div {margin-bottom: 6px;} #sidePartners {width: 180px; border: 1px solid #999; float: left; background: url(/img/heading-partners.gif) no-repeat;} #sidePartnersInner {text-align: center; margin-top: 50px;} /* FOOTER ----------------------------------------------- */ #footer {text-align: center; margin: 0 auto; padding: 0; width: 758px;} #footerInner p {text-align: center; font-size: 1.2em;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} p.more {background: url(/img/arrow-blue.png) no-repeat 0 0; padding-left: 24px;} /* FORM ATTRIBUTES ----------------------------------------------- */ form {} form p, form label {font-size: 1.1em; margin: 0; padding: 1px; line-height: 1.2em;} select {font-size: 1.1em;} input, textarea {vertical-align: middle;} input.txt, input.text {background: #fff; border: 1px solid #A80000;} input.button {cursor: pointer; background: #cc0000; border: solid 1px #89B5D8; color: #fff;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;} label {padding: 0px; line-height: 1.1em;}