/* HBL HOME PAGE Redesign | Harry: July 5, 2010--took out excerpt style*/ /* LAYOUT */ ul.navbar { position: absolute; top: 160px; left: 0; max-width:125px; color: #bee; margin-left: 0; } .navbar a { color: #bee; text-decoration: none; } .navbar p { position: relative; top; -2px; } /* 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 #2BB; border-left: 2px solid #2BB; padding: 4px; background: #fff; margin-left: 14px; margin-right: 21px; margin-bottom: 28px; } body { font-size: 100.01%; font-family: Verdana,Arial,sans-serif; color: #222; line-height: 1.5; background: teal; margin: 0; padding: 0; } * html body { text-align: center; } /*Hack for IE5.x*/ * html body #wrap, * html body #wrap-smaller * html body #wrap-hdr, * html body #wrap-footer { text-align: left; } li {margin: .25em 0} #excerpt { border: 6px; border-color: #0A8; border-style: double; margin-left: 4em; margin-right: 5em; margin-top: .2em; padding-top: 12px; padding-bottom: 6px; padding-left: 0px; padding-right: 0; font-size: 13px; } #wrap { width: 60%; min-width: 400px; max-width: 700px; padding: 10px 20px 0 20px; background: #e7EFE0; border-left: 12px solid #88BFB6; border-right: 12px solid #88BFB6; margin: 0 auto; } #wrap-hdr { width: 100%; font-size: .5em; background: #154363; line-height: 1.5; 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-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; font-size: 7em; font-weight: bold; color: rgb(0%,94%,92%); text-align: left; letter-spacing: -3px; background: rgb(16%,35%,52%); text-shadow: -2px -2px black, 3px 3px #a72; border-left: 12px solid rgb(9%,21%,34%); border-right: 12px solid #18354F; margin: 0 auto; padding-left: 16px; } /* Middle blue top, with both strips as borders */ .page-hdr span { font-size: .42em; color: #07EFE0; font-weight: normal; letter-spacing: 2px; } * html body #wrap-hdr { text-align: center; } /*#nav { font-size: .8em; line-height: 1.5; 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: 17px; line-height: 1.3; margin-right: 24px; margin-left: 14px; font-family: Arial,Verdana,Helvetica,Sans-Serif;} /* 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;