/* ------------------------------------- Robin Hood - I Fed Mini Site Screen Style Sheet ------------------------------------- */ body { margin: 0; font-family: arial, helvetica, verdana, san-serif; font-size: 12px; background-color: #f0efe7; } h1, h2, h3, h4, h5 { margin: 0; padding: 0; } p { margin: 0; padding: 0; font-size: 12px; line-height: 18px; } p.type_body { line-height: 18px; } a, a:visited, a:link, a:active { text-decoration: none; font-size: 12px; color: #336600; line-height: 18px; } a:hover { text-decoration: underline; } :focus { outline: none; } img { border: 0; } ul, li { list-style: none; margin: 0; padding: 0; } li { font-size: 12px; } /* Layout Structure */ .clear { height: -1px; clear: both; } #wrapper { margin: 10px 0 10px 57px; } #header_container { width: 688px; margin-bottom: 8px; } #tier_1 { width: 688px; padding-bottom: 20px; background: #e9e8da url(../images/header_thankyou.jpg) no-repeat top left; } #footer { width: 688px; } /* Header */ #logo { float: left; width: 443px; height: 71px; } #logo a { display: block; width: 218px; height: 55px; background: url(../images/robinhood_logo.gif) no-repeat top left; } #logo a span, #logo p { display: none; } #main_navigation ul li, #secondary_navigation ul li { float: left; } #main_navigation .item, #secondary_navigation .item { display: block; } #main_navigation .item span, #secondary_navigation .item span { display: none; } #secondary_navigation { float: left; width: 242px; margin-top: 26px; } #secondary_navigation #nav_leadersstaff a { width: 96px; height: 13px; background: url(../images/nav_leadersstaff.gif) no-repeat top left; } #secondary_navigation #nav_youraccount a { width: 85px; height: 13px; background: url(../images/nav_youraccount.gif) no-repeat top left; } #secondary_navigation #nav_contactus a { width: 61px; height: 13px; background: url(../images/nav_contactus.gif) no-repeat top left; } #main_navigation { clear: both; width: 688px; height: 23px; border-bottom: 1px solid #9e9c99; } #main_navigation #nav_home a { width: 68px; height: 21px; background: url(../images/nav_home.gif) no-repeat top left; } #main_navigation #nav_approach a { width: 90px; height: 21px; background: url(../images/nav_approach.gif) no-repeat top left; } #main_navigation #nav_programs a { width: 92px; height: 21px; background: url(../images/nav_programs.gif) no-repeat top left; } #main_navigation #nav_results a { width: 78px; height: 21px; background: url(../images/nav_results.gif) no-repeat top left; } #main_navigation #nav_takeaction a { width: 99px; height: 21px; background: url(../images/nav_takeaction.gif) no-repeat top left; } #main_navigation #nav_givetribute a { width: 98px; height: 21px; background: url(../images/nav_givetribute.gif) no-repeat top left; } #secondary_navigation a.item:hover { background-position: 0px -13px !important; } #main_navigation a.item:hover { background-position: 0px -21px !important; } /* Featured Posts */ #featured_posts { position: absolute; width: 245px; height: 86px; top: 140px; left: 380px; } #featured_posts .post { display: none; clear: both; height: 84px; } #featured_posts .post .photo { width: 42px; float: left; } #featured_posts .post .tweet { width: 200px; float: left; color: #666; font-size: 12px; } /* Column A */ #tier_1 .column_a { float: left; width: 230px; padding: 128px 16px 20px 0; } .column_a #messaging_a, .column_a #messaging_b { margin-left: 17px; } .column_a #messaging_b { margin: 20px 0 0 17px; } .column_a #messaging_b #foodforgood_callout { display: block; margin-bottom: 10px; } .column_a #messaging_b #btn_stayin { position: relative; left: -26px; margin-bottom: 10px; } .column_a .messaging p { color: #623a13; font-size: 12px; margin-bottom: 7px; } #people_fed_count { position: absolute; top: 455px; left: 51px; width: 238px; height: 126px; background: url(../images/people_fed_count_bg_sm.gif) no-repeat top left; } #people_fed_count h1 { font-family: "Georgia", "Times New Roman", Times, serif; font-size: 38px; color: #fff; margin-left: 73px; } #people_fed_count p { font-family: "Georgia", "Times New Roman", Times, serif; font-size: 14px; line-height: 14px; margin-top: 4px; color: #fff; margin-left: 74px; } #people_fed_count #donate_meal { display: block; width: 170px; height: 45px; margin-left: 64px; } #people_fed_count #donate_meal span { display: none; } /* Column B */ #tier_1 .column_b { float: left; width: 430px; padding: 132px 0 0 0; } #video_player { padding: 0 8px 0; } #video_player .video_nav { height: 18px; text-align: right; } #video_player .video_nav #view_all_photos { } #video_player .video_nav #view_all_videos { } #tier_1 #status_feed { background: #f3f2ec url(../images/status_feed_title.gif) no-repeat top left; padding-top: 31px; } #tier_1 #status_feed li { padding: 8px 18px; } #tier_1 #status_feed li.row_a { background-color: #fff; } #tier_1 #status_feed li.row_b { background-color: #f3f2ec; } #tier_1 #status_feed .column_1 { width: 50px; height: 35px; float: left; } #tier_1 #status_feed .column_2 { width: 340px; float: left; } #tier_1 #status_feed .column_2 p { font-size: 13px; line-height: 16px; margin-bottom: 4px; } #tier_1 #status_feed .timestamp em { font-size: 11px; color: #666; font-style: normal; } #status_feed #more_btn { cursor: pointer; display: block; background: #fff; font-size: 14px; font-weight: bold; padding: 5px 0; text-align: center; } /* Modal Styles */ #modal_mask { position: absolute; left: 0; top: 0; z-index: 99; background-color: #000; display: none; } .modal { z-index: 100; position: absolute; padding: 20px; width: 428px; height: 230px; background-color: #fff; border: 1px solid #eee; } .modal .modal_content { padding: 10px 12px; } .modal .modal_content #character_count { color: #28668e; } .modal .modal_content textarea { width: 380px; height: 60px; margin-bottom: 14px; padding: 4px; font-family: arial, helvetica, verdana, san-serif; font-size: 14px; color: #666; } .modal .modal_content label { display: block; margin-bottom: 5px; } .modal .modal_content label span { font-size: 12px; color: #7c7c7c; } #social_tools .divider { display: block; width: 211px; height: 4px; margin: 5px 0 5px 20px; background: url(../images/share_divider.gif) no-repeat top left; } #social_tools .twitter { display: block; margin-left: 20px; width: 211px; height: 37px; background: url(../images/share_twitter.gif) no-repeat top left; } #social_tools .facebook { display: block; margin-left: 20px; width: 211px; height: 37px; background: url(../images/share_facebook.gif) no-repeat top left; } #social_tools .flickr { display: block; width: 232px; height: 73px; background: url(../images/share_flickr.jpg) no-repeat top left; } #social_tools .flickr span, #social_tools .twitter span, #social_tools .facebook span { display: none; } #social_tools p { line-height: 16px; margin-bottom: 5px; } #social_tools form .submit { display: block; float: left; width: 73px; height: 22px; background: url(../images/btn_share.gif) no-repeat top left; cursor: pointer; } #social_tools form .submit span { display: none; } #social_tools form .cancel { float: left; line-height: 20px; } #facebook_modal { } #facebook_modal h3 { width: 420px; height: 44px; background: url(../images/modalhdr_facebook.gif) no-repeat top left; } #facebook_modal h3 span { display: none; } #facebook_modal h4 { font-size: 14px; color: #1c1c1c; margin: 0 0 2px 0; } #facebook_modal p { font-size: 12px; color: #7c7c7c; } #facebook_modal .modal_content textarea { color: #365d96; } #twitter_modal h3 { width: 420px; height: 44px; background: url(../images/modalhdr_twitter.gif) no-repeat top left; } #twitter_modal h3 span { display: none; } #twitter_modal h4 { font-size: 14px; color: #1c1c1c; margin: 0 0 2px 0; } #twitter_modal p { font-size: 12px; color: #7c7c7c; } #twitter_modal .modal_content textarea { color: #1f92a0; } #flickr_modal h3 { width: 420px; height: 44px; background: url(../images/modalhdr_flickr.gif) no-repeat top left; } #flickr_modal h3 span { display: none; } #flickr_modal h4 { font-size: 20px; color: #ff1f82; margin: 0 0 2px 0; } #flickr_modal p { font-size: 14px; color: #4e4d4d; margin-bottom: 20px; line-height: 19px; } #flickr_modal .modal_content { padding: 10px 12px 10px 0; } #flickr_modal #upload_button_id { margin: 0 auto; width: 258px; height: 44px; cursor: pointer !important; background: url(../images/btn_flickrupload.gif) no-repeat top left; } #flickr_modal #upload_button_id span { display: none; } #flickr_modal #upload_button_id.loading { margin: 0 auto; width: 208px; height: 20px; background: url(../images/loading.gif) no-repeat top left; } #flickr_modal #upload_button_id.hover { cursor: pointer !important; } #flickr_modal .cancel { display: block; width: 100px; text-align: center; margin: 8px auto; color: #006cdb; cursor: pointer; } /* Footer */ #footer { padding: 30px 0 30px 0; } #footer * { font-family: verdana, arial, helvetica, san-serif; font-size: 10px; } #footer .footerLinks { margin: 10px 0; } #footer .footerLinks a { color: #000 !important; text-decoration: underline; } #footer .copyright { } #footer .credit { font-size: 12px !important; margin-bottom: 10px; } #footer .credit b, #footer .credit a { font-size: 12px !important; font-family: verdana, arial, helvetica, san-serif; }