/* HBL HOME PAGE Redesign | Harry: July 5, 2010--took out excerpt style*/ /* LAYOUT */ ul.navbar { position: absolute; top: 160px; left:1px; max-width:160px; } /* Harry PHOTO */ /* Photo with simple 1px gray border. HB: Altered 8/12/06 */ img.hb { width: 140px; float: left; border: 3px solid #999; border-top: 1px solid #0CC; border-left: 2px solid #0CC; padding: 6px; background: #BDD;; margin-right: 12px; margin-bottom: 8px; } /*img.hb { width: 135px; float: left; background: #FFF url(http://www.hblist.com/p/bg_img.gif) bottom right no-repeat; padding: 8px; padding-bottom: 14px; padding-right: 14px; margin-right: 12px; margin-bottom: 8px; } */ body { font-size: 100.01%; font-family: Verdana,Arial,sans-serif; color: #222; line-height: 1.5; background: #7fafaf; margin-left: 0em; margin-right: 0em; padding: 0; margin-top: 0; margin-bottom: 0; } * html body { text-align: center; } /*Hack for IE5.x*/ * html body #wrap, * html body #wrap-hdr, * html body #wrap-footer { text-align: left; } #wrap { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; background: #e7EFE0; border-left: 12px solid #BCBFB6; border-right: 12px solid #BCBFB6; margin: 0 auto; } #wrap-hdr { width: 100%; font-size: .5em; background: #154363; line-height: 1.8; min-width: 400px; font-family: verdana,arial,sans-serif; margin-left: 0em; margin-right: 0; margin-top: 0; margin-bottom: 0; } .page-hdr { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; font-size: 6em; font-weight: bold; color: #FFF; text-align: left; letter-spacing: -2px; background: #285F80; border-left: 12px solid #18354F; border-right: 12px solid #18354F; margin: 0 auto; } .page-hdr span { font-size: .32em; color: #FFF; font-weight: normal; letter-spacing: 4px; } * html body #wrap-hdr { text-align: center; } #nav { font-size: .8em; line-height: 1.2; padding-bottom: 10px; border-bottom: 2px solid #0CBFB6; margin-bottom: 2em; } #wrap-footer { width: 100%; font-size: 1em; background: #214363; line-height: 1; min-width: 400px; font-family: verdana,arial,sans-serif; } .footer { width: 60%; min-width: 400px; max-width: 700px; padding: 20px; font-size: 1.1em; color: #A6A6A6; background: #285F80; border-left: 12px solid #18354F; border-right: 12px solid #18354F; margin: 0 auto; } .footer a { color: #ff9; } /* TYPOGRAPHY */ h1, h2, h3, h4, p { padding: 0; margin: 0; margin-bottom: 10px; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } p { margin-bottom: .5em; } p, ul, ol, li { font-size: 1em; line-height: 110%; } /* RECENT POSTS LISTING */ h3.recent { color: #5F5F22; } ul.recent { list-style: none; float: left; color: #5F5F22; padding-left: 0; margin-left: 0; } ul.recent span { display: block; width: 4em; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; clear: left; color: #5F5F22; } /* LINKS */ a { color:#00d; } a:hover { color: #0f4; } /* CLEARING FLOATS */ div.clearer { clear: both; height: 0; line-height: 0; padding: 0; margin: 0;