/*------------------- BROWSER RESET ------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, textarea, p {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } /*------------------- GLOBAL ------------------- */ body {background: url(../images/bg_main.gif) top center no-repeat; background-color:#45413c; color: #101010; font-family: Helvetica, Arial, sans-serif; } h1 { color: #101010; font-size: 44px; font-weight: bold; line-height: 50px; padding-bottom:20px; font-family: Helvetica, Arial, sans-serif; } h1 span { color: #cdcbcb; font-size: 44px; font-weight: normal; line-height: 50px; padding-bottom:20px; font-family: Helvetica, Arial, sans-serif; } h2 { color: #a5a4a4; font-size: 24px; font-weight: normal; line-height: 30px; padding-bottom:20px; } h2.features { color: #db6499; font-size: 26px; font-weight: normal; line-height: 30px; padding-bottom:0px; } a:link { color: #de6399; font-size: 13px; font-weight: normal; text-decoration: none; } a:visited {color: #de6399; font-size: 13px; font-weight: normal; text-decoration: none; } a:hover {color: #de6399; font-size: 13px; font-weight: normal; text-decoration: underline; } a:focus {color: #de6399; font-size: 13px; font-weight: normal; text-decoration: none; } a:active {color: #de6399; font-size: 13px; font-weight: normal; text-decoration: none; } /*------------------- CONTAINER ------------------- */ #outerWrapper { margin: 0 auto 0 auto; text-align: left; width: 1000px; height:auto; } #contentWrapper_top { width:1000px; height:15px; background:url(../images/bg_content_top.png) no-repeat; } #contentWrapper_bottom { width:1000px; height:15px; background:url(../images/bg_content_bottom.png) no-repeat; } /*------------------- DEFAULT HEADER ------------------- */ #outerWrapper #header { height: 157px; width: 1000px; } #header #header_left { text-align:left; width:350px; float:left; } #header #header_right { text-align:left; width:650px; float:left; } #header_right #login_box { text-align:right; width:634px; height:94px; padding:6px 16px 0 0; background:url(../images/bg_header_login.png) no-repeat top right; color:#FFF; font-size:12px; } #header_right #login_box a { text-align:right; color:#FFF; font-size:12px; } #header_right #nav { text-align:left; width:450px; height:57px; float:left; } #nav .nav_link { font-size:16px; color:#FFF; padding:10px 15px 0 15px; height:30px; float:left; cursor:pointer; font-weight:normal; } #nav .nav_link_over { font-size:16px; color:#FFF; padding:10px 15px 0 15px; height:30px; background:url(../images/bg_nav_triangle.png) no-repeat top center; float:left; cursor:pointer; font-weight:normal; } #header_right #search { text-align:left; width:200px; height:57px; float:left; background:url(../images/bg_header_search.png) no-repeat 4px top; } #header_right #search .input { width:137px; padding:3px 5px 0 5px; float:left; font-size:13px; color:#898988; border:none; background:none; } /*------------------- NAVIGATION ------------------- */ #nav #menu { list-style:none; padding:0px; margin:0px; } #nav #menu li { display: block; font-size:16px; color:#FFF; height:30px; float:left; cursor:pointer; font-weight:normal; } #nav #menu li a { padding:10px 15px 0 15px; text-decoration:none; display: block; font-weight: normal; font-size:16px; color:#FFF; height:30px; } #nav #menu li a:hover, #nav #menu li a.active { font-weight: normal; font-size:16px; color:#FFF; background:url(../images/bg_nav_triangle.png) no-repeat top center; height:30px; } #nav #menu li ul { left:-999em; position:absolute; z-index:1000; } #nav #menu li ul li { float:none; background-color:#635e58; height:auto; padding-bottom:8px; } #nav #menu li ul a { width:130px; height:auto; padding:8px 10px 0 10px; color:#FFF; font-weight:normal; font-size:13px; } #nav #menu li ul a:hover { height:auto; color:#dc6565; font-size:13px; background-image:none; } #nav #menu li:hover ul, #nav #menu li.sfhover ul { left:auto; margin:0px; padding:0px; } /*------------------- HOME SUMMARY ------------------- */ #outerWrapper #summary { height: 91px; padding-top:15px; width: 1000px; background:url(../images/bg_home_top.png) no-repeat; } #summary .total_box { font-size:14px; color:#98928a; font-weight:normal; width:450px; float:left; text-align:right; margin-left:30px; } #summary .giver_box { font-size:14px; color:#98928a; font-weight:normal; width:130px; float:right; text-align:right; margin-right:150px; } #summary .campaign_box { font-size:14px; color:#98928a; font-weight:normal; width:110px; float:right; text-align:right; } #summary .add_box { float:right; text-align:left; width:210px; } #summary .total_bg { height: 60px; line-height:60px; min-width:25px; background-color:#222222; font-size:52px; color:#98928a; float:left; vertical-align:text-bottom; text-transform:uppercase; } #summary .total_left_bg { height: 60px; width:9px; background:url(../images/bg_total_don_left.png) no-repeat; float:left; } #summary .total_right_bg { height: 60px; width:9px; background:url(../images/bg_total_don_right.png) no-repeat; float:left; margin-right:7px; } /*------------------- FEATURE CAUSE ------------------- */ #outerWrapper #feature_cause { height: 495px; width: 920px; padding:40px 50px 0 30px; background:url(../images/bg_home_cinci.jpg) no-repeat; } #feature_cause .text { font-size:41px; height:50px; padding-top:8px; margin-top:5px; color:#FFF; font-weight:normal; background:url(../images/bg_home_text.png) repeat; } /*------------------- CONTENT ------------------- */ #outerWrapper #contentWrapper { height: auto; width: 900px; min-height:300px; background-color:#FFF; font-size:23px; color:#101010; line-height:34px; padding:20px 50px 50px 50px; } #contentWrapper .highlight { background-color:#fafcd6; font-size:23px; color:#101010; line-height:34px; font-weight:bold; } #contentWrapper .home_people_pic { width:95px; height:95px; border:6px solid #e5e3e3; margin-right:16px; float:left; } #contentWrapper .pink { font-size:23px; color:#db6499; line-height:34px; font-weight:normal; } #contentWrapper #directory_drop { width:376px; height:153px; margin:-30px 0 0 150px; z-index:100; position:absolute; background:url(../images/bg_directory_dropdown.png) no-repeat; display:none; } #directory_drop .drop_col { width:108px; height:auto; float:left; padding:30px 0 0 18px; color:#db6499; font-size:13px; line-height:20px; } #directory_drop .drop_col a { color:#db6499; font-size:13px; line-height:20px; } #contentWrapper .directory_box { border:2px solid #fff; float:left; width:406px; height:100px; padding:15px; background-color:#edecec; margin-bottom:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #contentWrapper .directory_box:hover {border:2px solid #c1c1c1; background-color:#e0dfdf; cursor:pointer;} .directory_box .avatar { float:left; width:95px; border:1px solid #c1c1c1; height:95px; } .directory_box .info { float:left; width:268px; padding-left:15px; } .info .name { font-size:14px; color:#000; line-height:20px; font-weight:bold; margin-bottom:5px; } .info .location { font-size:12px; color:#000; line-height:20px; font-weight:normal; font-style:italic; } .info .description { font-size:12px; color:#898989; line-height:16px; font-weight:normal; } #contentWrapper .home_features {width: 240px; float:left;} #contentWrapper .home_features img {float:left; margin-right:10px;} #contentWrapper p.lg {font-size:16px; padding:0; margin:0; font-weight:bold; line-height:normal; padding-top:5px;} #contentWrapper p.med {font-size:13px;line-height:normal; margin:0; padding:0;} #contentWrapper .home_features a {color:#db6499; line-height:12px; font-size:11px; padding:0; margin:0;} #contentWrapper .home_features a:hover {text-decoration:underline;} #contentWrapper #left_content {float:left; width:520px; padding-right:30px; margin-top:30px;} #contentWrapper #right_content h1 {font-weight:normal; font-size:30px; margin:0; padding:0;} #contentWrapper #left_content h1 {font-weight:normal; font-size:30px; margin:0; padding:0;} #contentWrapper #left_content p.smaller {font-size:18px; padding:5px; background-color:#fafcd6; display:inline;} #contentWrapper #left_content p.smaller a {font-size:18px; font-weight:bold;} #contentWrapper #left_content p.smaller a:hover {text-decoration:underline;} #contentWrapper #left_content #everyday_givers {margin-top:20px;} #contentWrapper #left_content #everyday_givers img {border:4px solid #e5e3e3; margin-right:15px; margin-bottom:15px;} #contentWrapper .med_link {font-size:16px;color:#db6499; font-weight:normal;} #contentWrapper .med_link:hover {text-decoration:underline;} #contentWrapper .big_link {font-size:23px;color:#db6499; font-weight:normal;} #contentWrapper .big_link:hover {text-decoration:underline;} #contentWrapper #right_content {float:left; width:410px; margin-top:30px;} #contentWrapper #right_content #top_causes {margin-top:20px;} #contentWrapper #right_content #top_causes img {border:6px solid #e5e3e3; padding:0; margin:0;} #contentWrapper #right_content #top_causes div {float:left; width:111px; margin-right:25px;} #contentWrapper #right_content #top_causes a.top_cause_name {font-size:11px; line-height:15px;padding:0; margin:0; color:#dfa149; display:block; margin-top:-7px;} #contentWrapper #right_content #top_causes a.top_cause_name:hover {text-decoration:underline;} #contentWrapper #right_content #top_causes .top_cause_amount {font-size:11px; line-height:13px;padding:0; margin:0; color:#969c40;} #contentWrapper #right_content #top_causes .top_cause_raised {font-size:11px; line-height:13px; padding:0; margin:0; color:#757474; } #contentWrapper #right_content #top_campaigns {clear:both;} #contentWrapper #right_content #top_campaigns img {border:4px solid #e5e3e3;} #contentWrapper #right_content #top_campaigns div {float:left; width:70px; margin-right:25px; line-height:normal; } #contentWrapper #right_content #top_campaigns .top_campaign_name {font-size:12px; line-height:normal; display:block;} #contentWrapper #right_content #top_campaigns .top_campaign_amount {font-size:11px; line-height:11px; padding:0; margin:0; color:#969c40;} #contentWrapper #right_content #top_campaigns .top_campaign_raised {font-size:11px; line-height:11px; padding:0; margin:0; color:#757474;} /*------------------- FORMS ------------------- */ #form .label { font-size:15px; line-height:22px; color:#7c7b7b; } #form .inputfield { width:380px; height:24px; border:none; background-color:#fff; margin-bottom:16px; font-size:16px; color:#121212; padding:14px 10px; border:1px solid #7c7b7b; } #form .textarea { background-image:url(/images/bg_textarea.png); background-repeat:no-repeat; background-position:bottom right; width:524px; height:212px; border:none; background-color:fff; margin-bottom:16px; font-size:16px; color:#121212; padding:14px 5px; overflow:hidden; } /*------------------- FOOTER ------------------- */ #outerWrapper #footer { width: 1000px; height: auto; padding:15px 0 30px 0; margin-bottom:20px; } #footer #footer_left { width:620px; text-align:left; color:#fff; font-size:12px; font-weight:normal; float:left; padding-left:10px; } #footer #footer_left a { color:#fff; font-size:12px; font-weight:normal; margin-right:10px; text-decoration:none; cursor:pointer; line-height:15px; } #footer #footer_right { width:370px; text-align:center; color:#fff; font-size:10px; font-weight:normal; float:left; line-height:15px; }