form, p, ul, ol, dl, dt, dd, li, body, h1, h2, h3, h4, h5, h6, td, tr { margin: 0; padding: 0; } body { background: url('http://www.karensfoundation.org/images/nav_bg.png') 0 0 repeat-x; font-size: 87.5%; font-family: Georgia, Times, serif; color: #5e3f24; } p { line-height: 1.357em; margin-bottom: 25px;} h2 { margin-bottom: 30px; font-style: italic; font-size: 1.714em; font-weight: normal; } .h2_style_00 { border-bottom: 2px dotted #8A6A4E; } .h2_style_01 { border-bottom: 2px dotted #8A6A4E; font-style: normal; padding-bottom: 10px; line-height: 30px; margin-bottom: 15px;} h3 { font-size: 1.714em; font-weight: normal; } h4 { font-size: 1em; margin-bottom: 10px; } a { text-decoration: none; color: #cd2ba1; } a:hover { text-decoration: underline;} img { border: none; } #site_container { width: 100%;} /*********************/ /* NAVIGATION /**********************/ #navigation { width: 980px; height: 60px; position: relative; margin: 0 auto;} #navigation ul { width: 800px; height: 60px; } #navigation ul li { float: left; display: inline; list-style-type: none; text-indent: -9999px} #navigation ul li a { display: block; height: 60px;} .nav_home { width: 108px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') 0 -60px no-repeat; } .nav_home a { width: 108px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') 0 0 no-repeat; } .nav_home a:hover { width: 108px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') 0 -60px no-repeat; } .nav_home_selected { width: 108px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') 0 -60px no-repeat; } .nav_whoweare { width: 166px; height: 60px; display: block; background: url('images/nav_buttons.png') -108px -60px no-repeat; } .nav_whoweare a { width: 166px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -108px 0 no-repeat; } .nav_whoweare a:hover { width: 166px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -108px -60px no-repeat; } .nav_whoweare_selected { width: 166px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -108px -60px no-repeat; } .nav_risks { width: 164px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -274px -60px no-repeat; } .nav_risks a { width: 164px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -274px 0 no-repeat; } .nav_risks a:hover { width: 164px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -274px -60px no-repeat; } .nav_risks_selected { width: 164px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -274px -60px no-repeat; } .nav_news { width: 190px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -438px -60px no-repeat; } .nav_news a { width: 190px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -438px 0 no-repeat; } .nav_news a:hover { width: 190px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -438px -60px no-repeat; } .nav_news_selected { width: 190px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -438px -60px no-repeat; } .nav_gallery { width: 172px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -628px -60px no-repeat; } .nav_gallery a { width: 172px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -628px 0 no-repeat; } .nav_gallery a:hover { width: 172px; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -628px -60px no-repeat; } .nav_gallery_selected { width: 172px; height: 60px; display: block; background: url('http://www.karensfoundation.org/images/nav_buttons.png') -628px -60px no-repeat; } #btn_donate a { position: absolute; top: 6px; right: 7px; width: 152px; height: 49px; display: block; background: url('http://www.karensfoundation.org/images/btn_donate.png') 0 0 no-repeat; } #btn_donate a:hover { position: absolute; top: 6px; right: 7px; width: 152px; height: 49px; display: block; background: url('http://www.karensfoundation.org/images/btn_donate.png') 0 -49px no-repeat; } /**********************/ /* HEADING /***********************/ #heading { width: 960px; height: 150px; position: relative; margin: 0 auto; } #heading h1 a { width: 341px; height: 112px; position: absolute; top: 20px; background: url('http://www.karensfoundation.org/images/logo_kwf.png') 0 0 no-repeat; text-indent: -9999px; } p.slogan { color: #3f9aa1; font-size: 1.143em; font-style: italic; width: 470px; position: absolute; top: 27px; right: 0; line-height: 24px; } #slideshow_container { width: 578px; height: 520px; float: left; position: absolute; top: 110px; left: -8px;} /**********************/ /* MAIN /***********************/ #main_wrapper { background: #fff6e1 url('http://www.karensfoundation.org/images/main_bg.png') 0 0 repeat-x; width: 100%; height: 100%; } #main_container { width: 980px; margin: 0 auto; background: url('http://www.karensfoundation.org/images/main_container_bg_1.png') 0 9px no-repeat; height: 100%; clear: both; overflow: hidden; } #whoweare_container { width: 980px; margin: 0 auto; background: url('http://www.karensfoundation.org/images/main_container_bg_2.png') 0 9px no-repeat; height: 100%; clear: both; overflow: hidden; } #sponsors_container { width: 980px; margin: 0 auto; background: url('http://www.karensfoundation.org/images/main_container_bg_3.png') 0 9px no-repeat; height: 100%; clear: both; overflow: hidden; } .table_sponsors td { padding: 0 70px 20px 0; } #home_container { width: 980px; margin: 0 auto; height: 100%; clear: both; overflow: hidden; position: relative;} #home_infobox { width: 352px; padding: 30px 20px 10px 30px; height: 100%; background: url('http://www.karensfoundation.org/images/main_home_bg.png') 0 9px no-repeat; float: right; clear: right; overflow: hidden; } #content_container { width: 650px; height: 100%; padding: 40px 20px 1px 20px; float: left; } #content_container ul, #home_infobox ul { font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; list-style-type: none; margin-bottom: 25px;} #content_container ul li, #home_infobox ul li { margin-bottom: 13px; padding-left: 36px; background: url('http://www.karensfoundation.org/images/icon_ribbon.png') 0 0 no-repeat; line-height: 20px; } #content_container h3 { padding-bottom: 5px; margin-bottom: 5px; } span.viewallhighlights { font-style: italic; float: right; } .team_column { width: 300px; float: left; } /**********************/ /* SIDEBAR /***********************/ #sidebar_container_news { float: left; width: 205px; margin-left: 50px; padding: 40px 10px 0 15px; } #sidebar_container_news ul { list-style-type: none; } #sidebar_container_news ul li { margin-bottom: 5px; } #sidebar_container { float: left; width: 205px; margin-left: 50px; padding: 30px 10px 0 13px; } #sidebar_container_whoweare { float: left; width: 205px; margin-left: 50px; padding: 40px 10px 0 13px; } #sidebar_container_whoweare img { margin-bottom: 10px; } /**********************/ /* BLOG /***********************/ .blog_post { width: 650px; padding-bottom: 25px; margin-bottom: 65px; } /*A08D7D 8A6A4E*/ p.blog_post_date { font-size: .786em; font-family: Arial, Verdana, san-serif; margin-bottom: 25px; } span.comments_view { padding-left: 20px; background: url('images/icon_comments_view.png') 0 0 no-repeat; } span.comments_write { margin-left: 20px; padding-left: 20px; background: url('http://www.karensfoundation.org/images/icon_comments_write.png') 0 0 no-repeat; } .comment_box { background-color: #fffbf1; padding: 10px; margin-bottom: 20px; border: 1px solid #eee1c6; } #comment_form { padding: 40px 0; margin-bottom: 40px; } p.comment_posted { margin-bottom: 5px; font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; } .comment_bar { background-color: #fffdfa; padding: 10px; width: 320px; } .blog_post h3 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px dotted #A08D7D; } /**********************/ /* NEWS SECTION /***********************/ #news_wrapper { background: #f8e7e9 url('http://www.karensfoundation.org/images/news_bg.png') 0 0 repeat-x; width: 100%; height: 100%; clear: both; overflow: hidden; } #news_container { width: 940px; margin: 0 auto ; padding: 30px 20px 0 20px; overflow: none; } .news_box { width: 220px; float: left; margin-right: 20px;} .end { margin-right: 0; } p.main_post_date { font-size: .786em; font-family: Arial, Verdana, san-serif; width: 220px; border-bottom: 2px dotted #d591a9; margin-bottom: 10px; padding-bottom: 5px; } p.read_more { font-size: .786em; font-family: Arial, Verdana, san-serif; color: #cd2ba1; margin-bottom: 0; } ul.archive_list, ul.gallery_list { margin-top: 15px; } ul.archive_list li { list-style-type: none; margin-bottom: 3px; } ul.gallery_list li { list-style-type: none; margin-bottom: 15px; } /**********************/ /* GALLERY /***********************/ #gallery { margin-bottom: 15px; } #gallery table { border-spacing: 0; } #gallery td { padding: 0 20px 20px 0; width: 216px; height: 160px; } /**********************/ /* SPONSORS /***********************/ #sponsors_wrapper { background: white url('http://www.karensfoundation.org/images/news_bg_bottom.png') 0 0 repeat-x; width: 100%; height: 100%; clear: both; overflow: hidden; } #sponsors_bar_container { width: 940px; margin: 20px auto; padding: 30px 20px 5px 20px; } .sponsors_bar_table { width: 940px; } .h2_sponsors { margin-bottom: 15px; } /**********************/ /* FOOTER /***********************/ #footer_container { width: 940px; height: 110px; margin: 0 auto; padding-top: 20px; border-top: 2px dotted #8A6A4E; text-align: center;font-size: .857em; font-family: Arial, Verdana, san-serif; } #footer_container ul { list-style-type: none; margin-bottom: 15px; } #footer_container ul li { display: inline; margin: 0 14px; }