html { width: 100%; height: 100%; } body{ margin:0px; padding:0px; min-height: 100%; background-image:url('images/body_background.jpg'); background-repeat:repeat-x; background-color:#dfdfdf; font-family:Arial, Helvetica, sans-serif; font-size:13px; } /* generic styles */ p{ font-size:15px; } a{ font-weight:bold; text-decoration:none; color:#006; } a:hover{ text-decoration:underline; } img{ border:0px; } #kj-container{ width:950px; margin:0px auto; position:relative; } #maphead{ position:absolute; top:-29px; right:4px; z-index:5; width:98px; height:116px; background-image:url('images/homepage-maphead.png'); } .promo{ padding-right:90px; } #featured-book{ background-image: url("/assets/images/homepage-100places.png"); height: 107px; position: absolute; right: 5px; top: -29px; width: 95px; z-index: 5; } /* Homepage specific styles */ #kj-homepage{ background-image:url('images/homepage-background-918x445.jpg'); width:918px; height:445px; margin:7px 16px 0px 16px; position:relative; } #kj-homepage-content{ width:376px; float:right; margin-right:25px; padding-top:26px; } .kj-homepage-content-box{ background-image:url('images/homepage-content-box-background.png'); background-repeat:repeat-y; color:#FFF; position:relative; } .kj-homepage-content-box a{ color:#FFF; text-decoration:underline; } .kj-homepage-content-box h3{ margin:0px; font-family: 'Brawler', serif; font-size:18px; font-weight:normal; color:#fff; text-align:center; } .kj-homepage-content-box h2{ margin:0px; font-family: 'Brawler', serif; font-size:22px; font-weight:normal; color:#fff; text-align:center; } .kj-homepage-content-box-top{ background-image:url('images/homepage-content-box-top.png'); background-repeat:no-repeat; height:11px; } .kj-homepage-content-box-bottom{ background-image:url('images/homepage-content-box-bottom.png'); background-repeat:no-repeat; height:11px; margin-bottom:18px; } /* Secondary pages specific styles */ #kj-page-top{ width:918px; margin:7px 16px 0px 16px; height:15px; background-image:url('images/page-content-top.png'); background-repeat:no-repeat; background-position:top center; } #kj-page-bottom{ width:918px; margin:0px 16px; height:17px; background-image:url('images/page-content-bottom.png'); background-repeat:no-repeat; background-position:top center; } #kj-page{ margin:0px 0px 0px 16px; padding:0px 0px 0px 0px; background-image:url('images/page-content-background.png'); background-repeat:repeat-y; } #kj-page h1{ margin:0px 0px 5px 28px; padding-top:5px; font-family: 'Brawler', serif; font-size:30px; font-weight:bold; color:#000; } .kj-section-plain{ padding:15px 60px 50px 35px; margin-left:18px; } .kj-section{ background-image:url('images/kj-divider.png'); background-repeat:no-repeat; padding:5px 60px 50px 35px; margin-left:18px; } .kj-blog-section{ width:600px; margin-left:241px; background-image:url('images/kj-divider.png'); background-position:top right; background-repeat:no-repeat; padding:5px 60px 50px 35px; } #kj-blog-left{ float:left; margin-top:4px; margin-left:29px; width:190px; border:0px solid #bbb; } .kj-blog-left-section{ margin:0px; background-color:#835250; } .kj-blog-left-section .menu{ background-color:#ddd; border:2px solid #eee; padding:0px 10px; margin-bottom:10px; } .kj-blog-left-section .menu h2{ color:#888; font-size:15px; } .kj-section-no-title{ background-image:url('images/kj-divider.png'); background-repeat:no-repeat; padding:40px 60px 50px 35px; margin-left:18px; } .kj-section img, .kj-section-no-title img, .kj-section-plain img, .kj-blog-section img{ padding:10px 20px 20px 20px; background-color:#FFF; } .kj-section p, .kj-section-no-title p, .kj-section-plain p{ font-size:15px; padding:0px; margin:10px 0; } .kj-section h2, .kj-blog-section h2{ font-family: 'Brawler', serif; margin-top:0px; margin-bottom:0px; padding-bottom:15px; font-size:16px; color:#FFF; line-height:20px; } .left-link{ float:left; } .right-link{ float:right; } .smallmaplink { margin-left: 30px; font-size:13px; } .smallermaplink { margin-left: 60px; font-size:12px; } /* header & nav styles */ #kj-header{ height:131px; } #kj-header a.h1{ font-family: 'Brawler', serif; font-size:60px; font-weight:normal; color:#fff; float:left; padding:0px; margin:52px 0px 0px 0px; text-decoration:none; }#kj-header a.h1:hover{ text-decoration:none; } #kj-header-nav{ float:right; font-size:12px; margin-top:98px; color:#799AA5; } #kj-header-nav a{ position:relative; font-size:13px; color:#fff; padding:5px 2px; } #kj-header-nav a:hover{ color:#ddd; text-decoration:none; } #kj-header-nav a.highlight{ color:#bbb; } #kj-header-nav a.highlight:hover{ color:#bbb; top:0px; text-decoration:none; } .book-column{ padding:10px 30px; } .book-column p{ padding-left:15px; padding-right:15px; } .book-column img{ padding:0 25px 10px 25px; } /* footer styles */ #kj-footer{ width:900px; margin:0px 25px; color:#999; } #kj-footer p#copyright{ margin:0px 500px 0px 0px; color:#999; font-size:11px; } #kj-footer-links{ float:right; } #kj-footer #kj-footer-links a{ color:#999; font-size:11px; font-weight:bold; } #accordion h3 a,#accordion2 h3 a{ font-size:14px; color:#006; } #accordion div,#accordion2 div{ font-size:12px; } .clear{ clear:both; } h3{ font-family: 'Brawler', serif; font-size:18px; color:#001822; margin-top:30px; margin-bottom:10px; } .post .meta{ font-size:11px; color:#666; } .storytitle a{ font-size:16px; color:#006; } p.review_quote{ font-style:italic; color:#666; } p.reviewer{ font-size:11px; margin:0px 0px 30px 40px; color:#333; } .attention{ padding:15px; background-color:#BDCDD2; border:1px solid #7999A4; } .praise p{ margin-top:20px; margin-bottom:0px; font-size:12px; } .praise h5{ font-size:12px; margin-top:5px; margin-bottom:15px; margin-left:100px; } #footnotes{ border-top:1px solid #666; padding-top:5px; margin-top:10px; margin-bottom:20px; color:#666; } .divider_light{ background-color:#ccc; height:1px; margin:0px 10px; } .divider_dark{ background-color:#999; height:5px; } #wrap{ padding:10px 0px; } #wrap img{ background:none; padding:0px; } iframe { margin: -8px 10px 0 10px; } #twitter_update_list{ min-height:212px; position:relative; left:10px; } #custom-twitter-link-surround{ background-image:url('images/homepage-background-918x445.jpg'); background-position: 220px 200px; height: 25px; width: 150px; top:0px; left:10px; } #custom-twitter-link{ height: 25px; padding-left:10px; font-size:18px; display:block; font-family: 'Brawler', serif; display:block; background-image: url("images/homepage-content-box-background.png"); }