@charset "UTF-8"; /* Styles for: HOME Fundraising Recruitment Website | www.workwithhome.com Updated: 2010.01.06 Author: Notes: --- GLOBAL STYLES */ body { background-color: #f6f6f6; font-size: 62.5%; /* the classic Richard Rutter 10px base model - www.clagnut.com */ } hr { margin: 10px 0 20px 0; border: 0; color: #e5e5e5; background-color: #e5e5e5; height: 1px; } .hide { display: none; } .clear { clear: both; height: auto; margin: 0; padding: 0; } a:focus { outline: none; } ul { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } li { list-style: inside; font-size: 1.3em; line-height: 1.6em; } ul.client-list { color: #19519e; list-style: none; } table { width: 100%; border-left: 1px solid #CCC; border-top: 1px solid #CCC; } caption { visibility: hidden; } th { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; font-size: 1.4em; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px; } td { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; font-size: 1.3em; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px; } fieldset { background:#f6f6f6; padding: 20px; border: #f6f6f6 solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } label { float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 135px; color: #191919; font-weight: normal; /*margin-bottom: 10px;*/ } .info h5 { display: none; } .wufoo .info{display:none} /* LINKS */ a:link { font-weight: normal; color: #878787; text-decoration: underline; } a:visited { font-weight: normal; color: #878787; text-decoration: underline; } a:hover { font-weight: normal; color: #191919; text-decoration: underline; } p.intro a:link { font-weight: bold; color: #191919; text-decoration: none; margin-bottom: 4px; border-bottom: #191919 1px dotted; } p.intro a:visited { font-weight: bold; color: #191919; text-decoration: none; margin-bottom: 4px; border-bottom: #191919 1px dotted; } p.intro a:hover { font-weight: bold; color: #191919; text-decoration: none; margin-bottom: 4px; border-bottom: #191919 1px solid; } .home-link a:link { font-weight: bold; color: #191919; text-decoration: none; } .home-link a:visited { font-weight: bold; color: #191919; text-decoration: none; } .home-link a:hover { font-weight: bold; color: #191919; text-decoration: none; } #pre-footer-wrapper a:link { font-weight: bold; color: #fff; text-decoration: none; } #pre-footer-wrapper a:visited { font-weight: bold; color: #fff; text-decoration: none; } #pre-footer-wrapper a:hover { font-weight: bold; color: #fff; text-decoration: underline; } .note { font-size: 1.0em; margin-top: 20px; } /* TYPOGRAPHY */ p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.3em; line-height: 1.6em; margin-bottom: 22px; color: #191919; font-weight: normal; } p.intro { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: normal; margin-bottom: 18px; } p.quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.4em; font-weight: normal; margin-bottom: 24px; padding: 10px 15px 12px 20px; border-left: #f6f6f6 solid 5px; background-color: #fafafa; } .attribution { font-weight: bold; font-style: italic; font-size: 0.8em; } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: normal; margin-bottom: 24px; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: bold; text-transform: uppercase; margin: 0; } h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: normal; margin: 11px 0 24px 0; } h4 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.2em; line-height: 1.6em; margin-bottom: 15px; color: #fff; font-weight: bold; } /* IMAGE REPLACEMENTS */ #homepage { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-home.gif); background-repeat: no-repeat; line-height: 50px; } #good-money { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-good-money.gif); background-repeat: no-repeat; line-height: 50px; } #good-job { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-good-job.gif); background-repeat: no-repeat; line-height: 50px; } #good-causes { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-good-causes.gif); background-repeat: no-repeat; line-height: 50px; } #good-fun { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-good-fun.gif); background-repeat: no-repeat; line-height: 50px; } #apply-now { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-apply-now.gif); background-repeat: no-repeat; line-height: 50px; } #thank-you { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-thank-you.gif); background-repeat: no-repeat; line-height: 50px; } #contact-us { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-contact-us.gif); background-repeat: no-repeat; line-height: 50px; } #accessibility { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-accessibility.gif); background-repeat: no-repeat; line-height: 50px; } #privacy { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-privacy.gif); background-repeat: no-repeat; line-height: 50px; } #terms { text-indent: -9999px; overflow: hidden; background-image: url(../img/titling-terms.gif); background-repeat: no-repeat; line-height: 50px; } /* CONTAINER STYLING - TOP DOWN */ #main-wrapper { width: auto; margin: auto; padding: 0 0 0 0; background-color: #ffffff; } #main-content-wrapper { width: 940px; margin: auto; padding: 20px 0 30px 0; } #main-logo { width: 145px; height: 80px; float: right; } #primary-navigation-wrapper { width: 940px; height: 40px; margin: 0 0 10px 0; padding: 0; border-bottom: #f6f6f6 8px solid; } #primary-navigation-left { width: 700px; margin: 0; padding: 0px; float: left; } #primary-navigation-right { width: 235px; margin: 0; padding: 0px; float: right; text-align: right; } #primary-navigation-left ul { width: auto; margin-top: 10px; padding-bottom: 10px; display: block; float: left; } #primary-navigation-left li { list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold; line-height: 1.2em; color: #878787; float: left; padding-right: 25px; } #primary-navigation-left li a { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-left li a:visited { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-left li a:hover { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-left li.current { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right ul { width: auto; margin-top: 10px; padding-bottom: 10px; display: block; float: right; } #primary-navigation-right li { list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold; line-height: 1.2em; color: #878787; float: left; padding-left: 25px; } #primary-navigation-right li a { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right li a:visited { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right li a:hover { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right li.current { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #secondary-navigation { width: 940px; height: 20px; margin: 0 0 20px 0; padding: 10px 0 10px 0; border-top: #f6f6f6 1px solid; border-bottom: #f6f6f6 1px solid; } #secondary-navigation ul { width: 840px; height: 20px; } #secondary-navigation li { float: left; list-style: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #878787; font-size: 1.2em; font-weight: normal; margin: 0 40px 0 0; padding: 0; } #secondary-navigation li a { color: #878787; text-decoration: none; font-weight: normal; } #secondary-navigation li a:visited { color: #878787; text-decoration: none; font-weight: normal; } #secondary-navigation li a:hover { color: #191919; text-decoration: none; font-weight: normal; } #secondary-navigation li.current { color: #191919; text-decoration: none; font-weight: normal; } #page-title { width: 940px; height: 50px; margin: 21px 0 20px 0; } #main-image { width: 940px; height: 350px; margin: 0 0 35px 0; padding-bottom: 5px; border-bottom: #f6f6f6 5px solid; } #main-image-home { width: 940px; height: 350px; margin: 0 0 10px 0; padding-bottom: 5px; background-image: url(../img/slide-2.jpg); background-repeat: no-repeat; } .left-column { width: 560px; height: auto; float: left; } .right-column { width: 320px; height: auto; float: right; margin-left: 60px; } #homepage-logo { width: 779px; padding: 0; margin: 20px 0 0 0; float: left; } #homepage-left-column { width: 380px; float: left; margin: 10px 20px 0 0; } #homepage-right-column { width: 380px; float: right; margin: 22px 0 30px 0; } #wide-column { width: 700px; padding: 0 10px 10px 10px; margin: 20px 0 20px 0; background-color: #C69; float: left; } .pix-quote { height: auto; padding: 10px 15px 12px 10px; margin: 0 0 20px 0; border-left: #f6f6f6 solid 5px; background-color: #fafafa; } .portrait { float: left; } .portrait img { padding-right: 15px; } .boxed-quote { width: auto; height: auto; } .boxed-quote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.4em; font-weight: normal; margin: 0; padding: 0; } /* THE PRE-FOOTER */ #pre-footer-wrapper { width: auto; height: auto; margin: 0; padding: 0; background-image: url(../img/pre-footer-background-tile.gif); background-color: #878787; border-top: #696969 1px solid; } #pre-footer-wrapper p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.0em; line-height: 1.4em; color: #fff; margin: 0 0 12px 0; } #pre-footer { width: 940px; margin: auto; padding: 10px 0 16px 0; } #pre-footer-container-first { width: 199px; float: left; padding: 10px 20px 10px 0; border-right: #999 1px solid; } .pre-footer-container { width: 199px; float: left; padding: 10px 20px 10px 20px; margin: 0; border-right: #999 1px solid; } #pre-footer-container-last { width: 200px; float: left; padding: 10px 0 10px 0; margin-left: 20px; } #pre-footer-wrapper ul { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.8em; line-height: 0.8em; color: #fff; margin: 0; padding: 0; } #pre-footer-wrapper li { list-style: square url(../img/pre-footer-list-style.gif); margin: -2px 0 0 20px; padding: 0 0 0 0; } /* BACK TO TOP */ #back-to-top { width: 940px; margin: auto; } #back-to-top img { float: right; } /* THE FOOTER */ #footer-wrapper { width: auto; height: 100px; margin: 0; padding: 0; background-color: #f6f6f6; } #footer { width: 940px; margin: auto; padding-top: 20px; } #footer-logo { width: 85px; float: left; margin-right: 14px; } #footer-home-link { width: 85px; height: 50px; margin: 0; padding: 0; position: relative; } #footer-home-link li { text-indent: -9999px; margin: 1px 0 0 0; padding: 0; list-style: none; position: absolute; top: 0; background-image: url(../img/footer-home-logo.gif); background-repeat: no-repeat; background-position: 0 0; list-style: none; } #footer-home-link li, #footer-home-link a { margin: 1px 0 0 0; padding: 0; height: 50px; width: 85px; display: block;} #footer-home-link a:hover { margin: 1px 0 0 0; padding: 0; list-style: none; position: absolute; top: 0; background-image: url(../img/footer-home-logo.gif); background-repeat: no-repeat; background-position: 0 -51px; list-style: none; } #footer-address { width: 500px; float: left; padding-top: 7px; } /*#back-to-top { width: 65px; float: right; padding: 38px 0 0 0; } #back-to-top p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9px; line-height: 0.1em; color: #878787; margin: 0 0 0 0; text-align: right; float: left; } #back-to-top img { float: right; }*/ #footer img { } #footer-address p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.0em; line-height: 1.4em; color: #878787; } #footer a:link { font-weight: normal; color: #878787; text-decoration: none; } #footer a:visited { font-weight: normal; color: #878787; text-decoration: none; } #footer a:hover { font-weight: normal; color: #191919; text-decoration: underline; }