/* CSS Document */ /* GENERAL */ * { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; background: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #333300; } p { font-size: 0.9em; line-height: 1.5em; padding: 5px 0;} a { color: #524522; text-decoration: underline; font-weight: bold; } a:hover { color: #C8AF68; } img { border: none; padding: 0; margin: 0; } h1 { } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; text-transform: uppercase; color: #8D6609; } h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; text-transform: uppercase; color: #8D6609; } h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; text-transform: uppercase; color: #524522; } li { font-size: 0.9em; padding: 0 0 5px 5px; } fieldset { border: 1px solid #524522; } legend { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; color: #FFF; } hr { color:#C8AF68; background-color: #C8AF68; } /*CLASSES*/ .cleaner { clear: both; } .bottomBorder { border-bottom: 1px solid ##524522; } /*text styles*/ .bold { font-weight: bold; } .small { font-size: 0.8em; } .medium { font-size: 0.9em; } .large { font-size: 1em; } .larger { font-size: 1.1em; } .lower { text-transform: lowercase; } .upper { text-transform: uppercase; } .normal { text-transform: none; } .leftAligned{ text-align: left; } .rightAligned { text-align: right; } .alignleft {float: left; } .alignright {float: right; } /*text colors*/ .brown { color: #524522; } .lightGold { color: #C8AF68; } .darkGold { color: #8D6609; } a.active { color: #FFF; } /*columns*/ .left { float: left; clear: left; } .right { float: right; } .leftList { float: left; } .rightList { float: right; width: 45%; } /*image*/ .border { border: 1px solid #524522; } /*list-style*/ .noList { list-style: none; padding: 0; } .withList { list-style-position: outside; padding: 0 0 10px 5px; margin-left: 12px; font-size: 1em; line-height: 1.3em;} .numberList { list-style-position: outside; list-style-type: decimal; padding: 0 0 10px 0; margin-left: 22px; line-height: 1.3em;} /*paragraph indentation*/ .indent { padding: 0 40px; text-align: justify;} .indentCol { padding: 0 0 0 30px; text-align: justify;} .noIndentCol { padding: 0 0 0 30px; text-align: left;} /* HEADER */ /*#wrapper { width: 790px; margin: 0 auto; }*/ #wrapper { position: relative; min-height: 100%; width: 790px; margin: 0 auto; background: url(../images/shared/wrap_bg.gif) repeat-y; } * html #wrapper { height: 100%; } #twoColumnWrapper { position: relative; min-height: 100%; width: 790px; margin: 0 auto; background: url(../images/shared/column_bg.gif) repeat-y; } * html #twoColumnWrapper { height: 100%; } #header { background: url(../images/shared/header_bg.jpg) no-repeat top left; height: 269px; } #headerWrap { width: 684px; margin: 0 auto; padding: 4px 0 0 0; } #tollfree { color: #fff; height: 18px; float: right; font-weight: bold; font-size: 1em; } #logoNavImgWrap { padding-top: 9px;} #headerLeft { float: left; background: #BB8813; } #logo { background: url(../images/shared/cfa_logo.gif) no-repeat top left; width: 156px; height: 123px;} #logo a { display: block; height: 123px; width: 156px; } #headerNav { margin-top: -2px; } #leftNav li { list-style: none; border-bottom: 1px solid #524522; width: 146px; text-align: left; padding: 10px 0 10px 10px; } #leftNav li a { color: #FFF; text-decoration: none; font-weight: bold; font-size: 1.1em; } #leftNav li a:hover { color: #2D240C; text-decoration: none; font-weight: bold; } #headerRight { float: right; margin-top: 3px; #margin-top: -6px; } #headerImage img { width: 527px; height: 212px; } #headerNavHoriz { background: url(../images/shared/header_lower.gif) no-repeat center; width: 684px; height: 29px; } #nav { padding-top: 7px; text-align: left; font-weight: bold; } #nav li { display: inline; padding: 0 13px 0 10px; #padding: 0 12px 0 10px; } #nav a { color: #2D240C; text-decoration: none; font-size: 1em; font-weight: bold; } #nav a:hover { color: #FFF; } /*MAIN CONTENT*/ /*1-column*/ #mainContent { background: #E2DDC9; padding: 20px 60px 104px 60px; } .column { float: left; width: 220px; } .colpad { padding: 0 15px; display: block; } #column1 { margin-top: 30px; margin-right: 5px; } #column2 { margin-top: 30px; } #column3 { margin-top: 30px; margin-left: 5px; } /*interactive/timeline.php*/ #timelineContent { background: #E2DDC9; padding: 20px 20px 104px 20px; } #timelineContent h3 { margin-left: 40px; } /*2-column*/ #content { width: 790px; padding-bottom: 88px; } #contentLeft { float: left; width: 428px; _width: 440px; margin: 20px 0 20px 50px; text-align: justify; } #contentLeft { _margin: 20px 0 20px 30px; } #contentRight { float: right; width: 200px; margin: 20px 63px 0 0; text-align: justify; } #contentRight { _margin: 20px 32px 0 0; } /*contentLeft*/ #textHeader { background:url(../images/icons/heart.gif) no-repeat top left; height: 28px; padding: 10px 0 0 31px; } #textImage { float: left; margin: 10px 12px 0 32px; _margin: 10px 12px 0 16px; } /*contentRight navs*/ #contentNav ul { list-style: none; line-height: 30px; margin-bottom: 10px; padding: 0;} #contentNav li { border-bottom: 1px solid #E2DBC8; color: #524522; padding: 0 0 0 12px; font-size: 1em; } /* #contentNav a:active { color: #fff; } */ #contentNav a:hover { color: #FFF; } .box { width: 199px; background: url(../images/shared/box_top.gif) no-repeat top left #946D13; margin-bottom: 10px; text-align: left; color: #fff; } .box h3 { padding: 11px 0 0 15px; color: #FFF; } .box form { padding: 0 0 0 15px; } .boxBottom { width: 199px; height: 10px; background: url(../images/shared/box_bottom.gif) no-repeat bottom left #946D13; } .box form input, .box form select, .box form textarea { border: 1px solid #BB8813; background: #E2DBC8; width: 150px; height: 18px; padding-left: 5px; padding-top: 3px; font-size: 0.9em; } .box form input.submit, .box form input.submit { text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } body#overview a#overviewNav, body#mission a#missionNav, body#funders a#fundersNav, body#board a#boardNav, body#air a#airNav, body#leap a#leapNav, body#science a#scienceNav, body#advocacy a#advocacyNav, body#conversations a#conversationsNav, body#healthcare a#healthcareNav, body#rita a#ritanav, body#alerts a#alertsnav, body#tratamiento a#tratamientonav, body#facts a#factsnav, body#brochures a#brochuresnav, body#newsletter a#newsletternav, body#trials a#trialsnav, /*body#timeline a#timelinenav,*/ body#video a#videonav, body#photo a#photonav, body#podcast a#podcastnav, body#freebies a#freebiesnav, body#story a#storynav, body#blog a#blognav, body#links a#linksnav, body#community a#communitynav, body#searchsite a#searchsitenav, body#account a#accountNav, body#story a#mystoryNav, body#userlist a#userlistnav, body#newsletter a#newsletternav, body#podcast a#podcastnav, body#calendar a#calendarnav, body#blog a#blog { color: #fff; font-weight: bold; } /*board.php*/ #contentBoard h3 { padding: 15px 0 0 0; color: #524522; } #contentBoard h4 { font-size: 0.9em; padding: 10px 0 0 7px; color: #8D6609; } #contentBoard p { padding: 2px 0 2px 7px; } #fullTimeBoard p, #fullTimeBoard img, #partTimeBoard p { padding: 0 0 0 7px; } #partTimeBoard li { list-style: none; padding-top: 7px; font-size: 1em; } /*links/community.php*/ #contentCommunity h4 { padding: 0 0 12px 0; } /*interactive media*/ #interactiveContent p { text-align: left; padding: 0 15px 0 0;} #interactiveContent img { margin: 3px 0 0 5px; } #interactiveContent a:hover { color: #FFF; } #interactiveContent h3 { padding: 10px 0 0 0; } .interactiveBox { width: 199px; height: 94px; background: url(../images/shared/box2.gif) no-repeat top left; margin-bottom: 10px; } .interactiveBox p { padding-right: 15px; font-size: 0.9em; } /* FOOTER */ #footerWrapper { min-width: 790px; background: url(../images/shared/footer_bg.gif) no-repeat center #000; position: relative; margin-top: -84px; height: 84px; text-align: center; } #footerWrapper { _margin-left: -1px; } * html #footerWrapper { margin-top: -84px; } #footer { padding-top: 7px; } #footer a { color: #2D240C; } #footer a:hover { color: #000; text-decoration: underline; } /*ACCOUNT*/ #form1 input.incomplete, select.incomplete { border: 1px solid red; } #form1 label.incomplete { color: red; } #form1 p label { float: left; width: 19%; text-align: left; font-size: 1.2em; font-weight: bold; padding-top: 5px; } #form1 input, #form1 select, #form1 textarea { border: 1px solid #BB8813; background: #EEE; width: 150px; height: 18px; padding-left: 5px; padding-top: 3px; } #form1 input.buttonRight { margin-left: 85px; _margin-left: 174px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } #loginForm fieldset { padding: 15px; border: 1px solid #FFF; } #loginForm legend { background: #BB8813; color: #FFF; font-size: 1.1em; font-weight: bold; padding: 3px 7px; } #loginForm input.incomplete, select.incomplete { border: 1px solid red; } #loginForm label.incomplete { color: red; } #loginForm p label { float: left; width: 25%; text-align: left; font-size: 1.1em; font-weight: bold; padding-top: 5px; } #loginForm input, #loginForm2 select, #loginForm textarea { border: 1px solid #BB8813; background: #EEE; width: 150px; height: 18px; padding-left: 5px; padding-top: 3px; } #loginForm input.buttonRight { margin-left: 93px; _margin-left: 98px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } /*account/signup.php*/ #signUpForm fieldset { padding: 15px; border: 1px solid #FFF; } #signUpForm legend { background: #BB8813; color: #FFF; font-size: 1.3em; font-weight: bold; padding: 3px; } #signUpForm input.incomplete, select.incomplete { border: 1px solid red; } #signUpForm label.incomplete { color: red; } #signUpForm p label { float: left; width: 33%; text-align: left; font-size: 1em; font-weight: bold; padding: 5px 10px 0 0; } #signUpForm input, #signUpForm select, #signUpForm textarea { border: 1px solid #BB8813; background: #EEE; width: 150px; height: 18px; padding-left: 5px; padding-top: 3px; } #signUpForm input.buttonRight { text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } .SUmarginLeft { margin-left: 142px; } /*account/forgotPassword.php*/ #getPassword input.incomplete, select.incomplete { border: 1px solid red; } #getPassword label.incomplete { color: red; } #getPassword p label { float: left; width: 28%; text-align: left; font-size: 1em; font-weight: bold; padding-top: 5px; padding-right: 10px; } #getPassword input, #getPassword select, #getPassword textarea { border: 1px solid #BB8813; background: #EEE; width: 150px; height: 18px; padding-left: 5px; padding-top: 3px; } #getPassword input.buttonRight { margin-left:134px; _margin-left: 174px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } #uploadImgForm fieldset { padding: 12px 20px; } #uploadImgForm legend { background: #BB8813; padding: 3px; } #uploadImgForm input.buttonRight { text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 3px; } #editUser p label { float: left; width: 30%; text-align: left; font-size: 1em; font-weight: bold; padding-top: 5px; } #editUser input.buttonRight { /*margin-left: 96px;*/ text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 3px; } .marginLeftButton { margin: 10px 0 0 140px; } #changePassForm fieldset { padding: 12px 20px; } #changePassForm legend { background: #BB8813; padding: 3px; } #changePassForm input.buttonRight { /*margin-left: 96px;*/ text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 3px; } /*MY STORIES PAGE / myStory.php*/ #writeStory { margin-top: 35px; } #writeStory fieldset { padding: 15px; border: 1px solid #FFF; } #writeStory legend { background: #BB8813; padding: 3px; } #writeStory p label { float: left; width: 22%; text-align: left; font-size: 1em; font-weight: bold; padding-top: 5px; } #writeStory input, #writeStory select { border: 1px solid #BB8813; background: #EEE; width: 150px; height: 18px; padding-left: 5px; padding-top: 2px; } #writeStory textarea { border: 1px solid #BB8813; background: #EEE; width: 270px; padding-left: 5px; padding-top: 3px; } #writeStory input.buttonRight { margin-left: 82px; _margin-left: 174px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } #editStory input.buttonRight { margin-top: 7px; margin-left: 0px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 3px; } #tblStory { margin-top: 25px; text-align: left; } #tblStory td { padding-bottom: 3px; } .tblTitle { font-weight: bold; text-transform: uppercase; font-size: 1.1em; border-bottom: 1px solid #333; } /*BLOG SECTION*/ /*contentLeft*/ /*contentRight blogNav*/ #blogNav ul { list-style: none; line-height: 1.5em; margin-bottom: 10px; padding: 0;} #blogNav li { color: #524522; padding: 0 12px; font-size: 1em; } #blogNav a:hover { color: #FFF; } #searchsubmit { background-color: #8D6609; border: 1px solid #524522; margin-bottom: 10px; padding-bottom: 1px; width: 58px; height: 20px; font-weight: bold; font-size: 0.9em; color: #FFF;} #searchsubmit:hover { border: 1px solid #fff; color: #fff; } #s { width: 110px; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; } #comments { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; } .commentlist { list-style: none; font-size: 1.1em; margin-top: 7px; } .commentlist li { padding-top: 7px; } .commentlist p { padding: 5px 0; border-bottom: 1px solid #FFF; } #commentsubmit { background-color: #8D6609; border: 1px solid #524522; margin-bottom: 10px; padding-bottom: 1px; height: 20px; font-weight: bold; font-size: 0.9em; color: #FFF; text-transform: uppercase;} /*ADMIN PANEL*/ #adminWrapper { position: relative; min-height: 100%; width: 790px; margin: 0 auto; background: url(../images/admin/adminbg.gif) repeat-y; } * html #adminWrapper { height: 100%; } #adminHeader { background: url(../images/admin/adminheader.gif) no-repeat top left; height: 135px; } #adminAccount { float: right; margin: 4px 34px 0 0; _margin: 4px 17px 0 0; } #adminAccount a:hover { color: #FFF; } #adminHeaderWrap { width: 668px; margin: 0 auto; padding: 17px 0 0 0; } #adminHeaderLeft { float: left; margin-top: 3px; #margin-top: -6px;} #adminHeaderRight { float: right; background: #BB8813; } #adminLogo { float: left; background: url(../images/admin/adminlogo.gif) no-repeat top left; width: 156px; height: 123px;} #adminLogo a { display: block; height: 123px; width: 156px; } #adminContent { width: 790px; padding-bottom: 100px; } #adminContentLeft { float: left; width: 151px; margin: 20px 0 0 61px; text-align: justify;} #adminContentLeft { _margin: 0 0 0 30px; } #adminContentRight { float: right; width: 510px; margin: 20px 34px 0 0; text-align: justify; } #adminContentRight { _margin: 0 17px 0 0; } /*adminContentLeft navs*/ #adminNav ul { list-style: none; line-height: 30px; margin-bottom: 10px; padding: 0;} #adminNav li { border-bottom: 1px solid #E2DBC8; color: #524522; padding: 0 0 0 12px; font-size: 1em; } #adminNav a:hover { color: #FFF; } /*admin/login.php*/ #adminLoginForm h2 { margin-bottom: 10px; border-bottom: 1px solid #524522; } #adminLoginForm h2 span { border-bottom: 3px solid #524522; } #adminLoginForm p { padding: 3px 0; } #adminLoginForm p label { float: left; width: 17%; text-align: left; font: bold 1em; } #adminLoginForm input.adminFormBtn { margin-left: 87px; _margin-left: 90px; text-transform: uppercase; background: #BB8812; color: #FFF; border: 1px solid #333; width: 55px; height: 22px; padding-bottom: 2px; } /*admin/index.php // USER LIST & SEARCH */ #userSearchForm { margin-bottom:15px; } #userSearchForm fieldset { padding: 15px; } #userSearchForm legend { color: #BB8813; padding: 0 5px; } #userSearchForm p { padding-top: 4px; } input.submitBtn { text-transform: uppercase; background: #BB8812; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; height: 20px; padding-bottom: 2px; } #adminContent table { font-size: 0.9em; } #adminContent td { height: 20px; padding: 0 5px; } #adminContent td a:hover { color: #000; text-decoration: underline; } #newsletterContact p { width: 300px; } #newsletterContact label { display: block; float: left; position: relative; width: 100px; } #newsletterContact input { display: block; float: left; position: relative; } #newsletterContact input.buttonRight { margin-left: 100px; _margin-left: 50px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } #contactForm p { width: 500px; } #contactForm label { display: block; float: left; position: relative; width: 100px; } #contactForm input { display: block; float: left; position: relative; } #contactForm input.buttonRight { margin-left: 100px; _margin-left: 50px; text-transform: uppercase; cursor: pointer; background: #524522; color: #FFF; font-weight: bold; font-size: 0.9em; border: 1px solid #333; width: 60px; height: 22px; padding-left: 0; padding-bottom: 5px; } /* GENERIC CLASSES -huy */ .bold { font-weight: bold; } .white { color: #FFFFFF; } .upper { text-transform: uppercase; } .fleft { display: block; float: left; } .spanSmall { width: 100px; } .big { font-size: 115%; } .underline { text-decoration: underline; } .tableC1 { background-color: #F8F1DD; } .tableC2 { background-color: #CEBD92; } .tdPadding { padding: 3px 8px; } .capitalize { text-transform: capitalize; } .inactive { color: red; } .red { color: red; } .italic { font-style: italic; } .left { text-align: left; } .response { display: block; padding-left: 15px; } .successStory { color: #782508; } .clear { clear: both; }