/* ----------------------------------------------- Dr. Reed || Main Style Sheet Author: Freshthrills, llc Date: 2/17/09 ----------------------------------------------- */ /* Global Tag Styles */ body { font-family: arial, helvetica, verdana; background-color: #f5f5f5; color: #333; margin: 0; padding: 0; text-align: center; } p { margin: 0; padding: 0; font-size: 12px; line-height: 18px; } p em { font-style: normal; font-weight: bold; } a { text-decoration: none; font-size: 12px; color: #203d6f; } a:hover { text-decoration: underline; } :focus { outline: none; } ul, li { list-style: none; margin: 0; padding: 0; } strong { color: #cc0000; } /* Typography Styles */ h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; } .type_title { font-family: "Times New Roman", "Times", serif; } .type_subtitle, .type_page_header { font-family: "Georgia", serif; } .type_page_header { font-size: 20px; color: #152843; } .type_body { padding-bottom: 15px; } .type_caption { font-size: 11px; padding-bottom: 8px; line-height: 16px; } .type_paraheader { font-size: 14px; font-weight: bold; color: #203d6f; } /* Layout Structure */ .clear { height: -1px; clear: both; } #wrapper { width: 928px; text-align: left; margin: 0 auto; background-color: #fff } #container { } #header { } #logo_hitarea { } #content { } #tier_1, #tier_2 { } #tier_1 .column_a { float: left; width: 294px; margin-right: 68px; } #tier_1 .column_b { float: left; width: 506px; margin-bottom: 30px; } #footer { padding: 10px 35px; border-top: 1px solid #f5f5f5; background-color: #fff; } #footer #copyright { font-size: 11px; } /* Navigation */ #header { position: relative; height: 94px; background: #fdfdfd url('../images/nav_bg.jpg') repeat-x top left; } #header #logo_hitarea { position: absolute; top: 16px; left: 32px; display: block; width: 268px; height: 52px; background: url('../images/nav_logo.jpg') no-repeat top left; } #main_navigation { position: absolute; top: 42px; left: 387px; } #main_navigation ul { } #main_navigation li { float: left; } #main_navigation li a { display: block; height: 26px; } #main_navigation li a span { display: none; } #nav_about_dr_reed a { width: 81px; background: url('../images/nav_dr_reed.jpg') no-repeat top left; } #nav_about_hair_loss a { width: 90px; background: url('../images/nav_hair_loss.jpg') no-repeat top left; } #nav_services a { width: 81px; background: url('../images/nav_services.jpg') no-repeat top left; } #nav_book a { width: 129px; background: url('../images/nav_book.jpg') no-repeat top left; } #nav_press a { width: 62px; background: url('../images/nav_press.jpg') no-repeat top left; } #nav_contact a { width: 72px; background: url('../images/nav_contact.jpg') no-repeat top left; } #main_navigation ul li a:hover { background-position: 0px -26px !important; } #main_navigation ul li a.selected { background-position: 0px -26px !important; } /* Corner Box */ .corner_box, .content, .header, .header h2 { background: transparent url('../images/corner_box.jpg') no-repeat bottom right; } .corner_box { padding-right: 15px; margin-bottom: 15px; } .header { background-position: top right; margin-right: -15px; padding-right: 10px; } .header h2 { background-position: top left; margin: 0; border: 0; padding: 5px 0 5px 10px; height: auto !important; height: 1%; } .content { background-position: bottom left; margin-right: 0; padding: 5px 0 15px 15px; } /* ----------------------------------------------- Page Styles ----------------------------------------------- */ /* Home Page */ #home #tier_1 { } #home #tier_1 #main_feature { padding-top: 38px; width: 928px; height: 236px; background: url('../images/home_hero_photo.jpg') no-repeat top left; } #home #tier_1 #main_feature h1 { width: 340px; color: #fff; font-size: 24px; margin: 0 0 0 30px; } #home #tier_1 #main_feature h2 { width: 400px; line-height: 20px; color: #fff; font-size: 14px; margin: 23px 0 0 30px; } #home #tier_2 { padding: 50px 0 0 20px; background: url('../images/home_hero_divider.jpg') no-repeat top left; } #home #tier_2 #press { width: 390px; float: left; margin-right: 25px; } #home #tier_2 #press .content { height: 161px; } #home #tier_2 #press h2.type_subtitle { color: #152843; font-size: 14px; margin-bottom: 5px; clear: both; } #home #tier_2 #press p { margin-bottom: 12px; } #home #tier_2 #press #press_msnbc { display: block; float: left; width: 122px; height: 56px; margin: 15px 0px; border-right: 1px solid #eee; background: url('../images/video_icon_msnbc.jpg') no-repeat top left; background-position: 31px 5px; } #home #tier_2 #press #press_abcnews { display: block; float: left; width: 122px; height: 56px; margin: 15px 0px; border-right: 1px solid #eee; background: url('../images/video_icon_abcnews.jpg') no-repeat top left; background-position: 16px 5px; } #home #tier_2 #press #press_theview { display: block; float: left; width: 122px; height: 56px; margin: 15px 0px; background: url('../images/video_icon_theview.jpg') no-repeat top left; background-position: 36px 5px; } #home #tier_2 #book_promo { position: relative; width: 440px; float: left; margin-bottom: 30px; } #home #tier_2 #book_promo .content { height: 161px; } #home #tier_2 #book_promo h4 { color: #152843; font-size: 14px; } #home #tier_2 #book_promo h2.type_subtitle { color: #152843; font-size: 20px; margin-bottom: 5px; } #home #tier_2 #book_promo p { width: 230px; margin-bottom: 8px; } #home #tier_2 #book_promo a { font-weight: bold; } #home #tier_2 #book_promo #book_cover { position: absolute; top: -22px; left: 285px; width: 171px; height: 223px; background: url('../images/home_book_cover.jpg') no-repeat top left; } #home #tier_2 #book_promo #book_cover span { display: none; } /* About Dr. Reed */ #about_dr_reed #tier_1 { padding: 20px 0 0 34px; } #about_dr_reed #tier_1 .type_page_header{ margin-bottom: 20px; } #about_dr_reed .column_a img { padding: 3px; background-color: #eaeaea; } #about_dr_reed #book_promo { position: relative; width: 279px; } #about_dr_reed #book_promo .content { min-height: 140px; _height: 140px; width: 180px; } #about_dr_reed #book_promo .content h2 { font-size: 16px; color: #203d6f; margin-bottom: 8px; } #about_dr_reed #book_promo .content h4 { font-size: 14px; color: #203d6f; } #about_dr_reed #book_promo #book_cover { display: block; position: absolute; width: 93px; height: 163px; top: 6px; left: 200px; background: url('../images/about_book_cover.jpg') no-repeat top left; } #about_dr_reed #book_promo #book_cover span { display: none; } /* About Hair Loss */ #about_hair_loss #tier_1 { padding: 20px 0 0 34px; } #about_hair_loss #tier_1 .type_page_header { margin-bottom: 20px; } #about_hair_loss .column_a img { } #about_hair_loss .column_a h2.type_subtitle { font-size: 16px; color: #14336b; margin-bottom: 15px; } #about_hair_loss .column_a .corner_box a { font-weight: bold; } #about_hair_loss .column_a .corner_box img { margin-bottom: 8px; } #about_hair_loss .column_a .corner_box .content { padding-top: 11px; padding-left: 23px; } #about_hair_loss .column_a #video_desc { width: 279px; } #about_hair_loss .column_a .type_caption a { font-size: 11px; } #about_hair_loss .column_b h1.type_subtitle { font-size: 18px; color: #14336b; margin-bottom: 15px; } #about_hair_loss .column_b h2.type_subtitle { font-size: 16px; color: #12181d; margin-bottom: 30px; } #about_hair_loss .column_b .definitions.type_body { line-height: 22px; } #about_hair_loss .column_b .corner_box .type_subtitle { font-size: 16px; color: #14336b; margin-bottom: 5px; } #about_hair_loss #goodnews { width: 470px; } #about_hair_loss .column_b #goodnews p { font-family: "Georgia", serif; font-size: 14px; color: #25394d; } /* Services */ #services #tier_1 { padding: 20px 0 0 34px; } #services #tier_1 .type_page_header { margin-bottom: 20px; } #services .column_b h2.type_subtitle { font-size: 16px; margin-bottom: 15px; } #services #tier_1 ul { margin-bottom: 20px; margin-left: 20px; } #services #tier_1 ul li { font-size: 12px; padding-bottom: 5px; } #services #book_promo { position: relative; width: 279px; } #services #book_promo .content { min-height: 140px; _height: 140px; width: 180px; } #services #book_promo .content h2 { font-size: 16px; color: #203d6f; margin-bottom: 8px; } #services #book_promo .content h4 { font-size: 14px; color: #203d6f; } #services #book_promo #book_cover { display: block; position: absolute; width: 93px; height: 163px; top: 6px; left: 200px; background: url('../images/about_book_cover.jpg') no-repeat top left; } #services #book_promo #book_cover span { display: none; } #services #press { width: 279px; } #services #press .content { } #services #press h2.type_subtitle { color: #152843; font-size: 14px; margin-bottom: 5px; } #services #press p { } #services #press #press_msnbc { display: block; float: left; width: 75px; height: 56px; margin: 15px 0px; border-right: 1px solid #eee; background: url('../images/video_icon_msnbc.jpg') no-repeat top left; background-position: 13px 5px; } #services #press #press_abcnews { display: block; float: left; width: 100px; height: 56px; margin: 15px 0px; border-right: 1px solid #eee; background: url('../images/video_icon_abcnews.jpg') no-repeat top left; background-position: 7px 5px; } #services #press #press_theview { display: block; float: left; width: 80px; height: 56px; margin: 15px 0px; background: url('../images/video_icon_theview.jpg') no-repeat top left; background-position: 10px 5px; } /* Press */ #press #tier_1 { padding: 20px 0 0 34px; } #press #tier_1 .type_page_header { margin-bottom: 20px; } #press h2.type_subtitle { font-size: 16px; color: #203d6f; margin-bottom: 15px; } #press .column_b h2.type_subtitle { font-size: 16px; color: #203d6f; margin-bottom: 35px; } #press .column_b { width: 491px; } #press .column_a a.video { display: block; margin-bottom: 2px; font-weight: bold; } #press .press_row { clear: both; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dce1ea; } #press .press_row .video_info { float: left; width: 230px; margin-right: 20px; } #press .press_row .video_info .type_subtitle{ font-size: 14px; color: #203d6f; margin-bottom: 5px; } #press .press_row .video_info a { font-weight: bold; } #press .press_row .video_photo { display: block; float: left; width: 250px; } #press #msnbc .video_photo { width: 239px; height: 182px; background: url('../images/video_msnbc_photo.jpg') no-repeat top left; } #press #the_view .video_photo { width: 239px; height: 182px; background: url('../images/video_theview_photo.jpg') no-repeat top left; } #press #abc .video_photo { width: 239px; height: 182px; background: url('../images/video_abc_photo.jpg') no-repeat top left; } #press #abc { border: 0; } #press #book_promo { position: relative; width: 279px; } #press #book_promo .content { min-height: 140px; _height: 140px; width: 180px; } #press #book_promo .content h2 { font-size: 16px; color: #203d6f; margin-bottom: 8px; } #press #book_promo .content h4 { font-size: 14px; color: #203d6f; } #press #book_promo #book_cover { display: block; position: absolute; width: 93px; height: 163px; top: 6px; left: 200px; background: url('../images/about_book_cover.jpg') no-repeat top left; } #press #book_promo #book_cover span { display: none; } /* Contact */ #contact #tier_1 { padding: 20px 0 0 34px; } #contact #tier_1 .type_page_header { margin-bottom: 20px; } #contact h2.type_subtitle { font-size: 16px; color: #203d6f; margin-bottom: 15px; } #contact .info_row { clear: both; } #contact .info_row .name { font-weight: bold; width: 130px; float: left; } #contact .info_row .value1 { width: 85px; float: left; } #contact .info_row .value2 { width: 282px; float: left; } /* Book */ #book #tier_1 { padding: 20px 0 0 34px; } #book #tier_1 .type_page_header { margin-bottom: 20px; } #book h1.type_subtitle { font-size: 20px; color: #203d6f; margin-bottom: 15px; } #book h2.type_subtitle { font-size: 16px; color: #203d6f; margin-bottom: 15px; } #book #tier_1 ul { margin-bottom: 20px; margin-left: 20px; } #book #tier_1 ul li { list-style-image: url('../images/icon_bullet.gif'); font-size: 12px; padding-bottom: 5px; } #book #book_coming_soon { color: #203d6f; font-weight: bold; font-size: 16px; margin-bottom: 3px; } #book .column_a h1 { font-size: 20px; font-weight: bold; font-family: "Georgia", serif; color: #203d6f; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #e5e8ef; } #book #a_tricho h2 { margin-bottom: 0px; } #book #a_tricho .type_caption { font-size: 11px; color: #313a43; } #book #a_tricho #book_cover { margin-left: -10px; width: 172px; height: 230px; background: url('../images/book_large_photo.jpg') no-repeat top left; } #book #a_tricho #order_book { display: block; margin: 10px 0px; width: 156px; height: 26px; background: url('../images/btn_order_book_now.jpg') no-repeat top left; } #book #a_tricho #order_book span { display: none; } #book #a_tricho p.book { color: #203d6f; font-weight: bold; padding-bottom: 2px; } #book #table_of_contents .type_paraheader { font-size: 12px; } #book #table_of_contents .type_body { width: 210px; }