/* John Howard Society of Canada By: Chris Lopes http://www.gocactus.com */ /* COLOURS */ .blue { color: #2272ad; } .white { color: #fff; } /* BASIC PAGE SETUP & RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font: 62.5% "Palatino Linotype", "Book Antiqua", Palatino, serif; background: url(../images/background.jpg) center repeat-y #999999; } ul { list-style: none inside; } p { font: 1.4em/1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-bottom: 1.3em; } a, a:visited { outline: none; text-decoration: none; color: #2272ad; } a:hover { color: #039; } img, a img { border: none; } /* TOOLBOX */ .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; } /* MAIN STRUCTURE */ #page-wrap { margin: 0 auto; width: 918px; } #sidebar { width: 217px; float: left; } #sidebar-bottom { background:url(../images/bg-sidebar.jpg) repeat-x; height: 230px; } #content { width: 670px; float: right; padding: 25px 0 40px 0; } #rightbar { width: 216px; float: right; margin: -25px 0 0 25px;; } #address { background: #2272ad; padding: 25px 0 10px 25px; color: #fff; } #address p { font-size: 14px; } #footer { background: #2272ad; padding: 25px 50px; color: #ffffff; } /* TYPOGRAPHY */ h1 { font-size: 19px; color: #2272ad; padding-bottom: 10px; } h1.quote { padding: 0 100px 25px 30px; } h2 { font-size: 16px; color: #000000; margin-bottom: 10px; } #content p { padding-right: 25px; } #content.faq-content p { font: 1.4em/1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-bottom: 1.3em; padding-right: 25px; } #content.faq-content ul.list li { font: 1.4em/1.4em; } #address p a { color: #fff; text-decoration: none; font-weight: bold; } ul.list { padding-left: 25px; padding-bottom: 10px; } ul.list li { font-size: 12px; padding-bottom: 8px; list-style: disc outside; } ul.list li a { color: #2272ad; } ul.list li a:hover { color: #039; } /* NAVIGATION */ ul#nav li a { display: inline-block; width: 217px; height: 37px; background: url(../images/nav.gif) no-repeat; text-indent: -9999px; float:left; margin: 0 0; } ul#nav li#home a { background-position: 0 0; } ul#nav li#about a { background-position: 0 -37px; } ul#nav li#research a { background-position: 0 -296px; } ul#nav li#services a { background-position: 0 -444px; } ul#nav li#faq a { background-position: 0 -481px; } ul#nav li#media-kit a { background-position: 0 -518px; } ul#nav li#certification a { background-position: 0 -555px; } ul#nav li#multimedia a { background-position: 0 -592px; } ul#nav li#links a { background-position: 0 -629px; } ul#nav li#policy a { background-position: 0 -666px; } ul#nav li#photo a { background-position: 0 -703px; } ul#nav li#forum a { background-position: 0 -740px; } ul#nav li#login a { background-position: 0 -777px; } ul#nav li#home a:hover { background-position: -217px 0; } ul#nav li#about a:hover { background-position: -217px -37px; } ul#nav li#research a:hover { background-position: -217px -296px; } ul#nav li#services a:hover { background-position: -217px -444px; } ul#nav li#faq a:hover { background-position: -217px -481px; } ul#nav li#media-kit a:hover { background-position: -217px -518px; } ul#nav li#certification a:hover { background-position: -217px -555px; } ul#nav li#multimedia a:hover { background-position: -217px -592px; } ul#nav li#links a:hover { background-position: -217px -629px; } ul#nav li#policy a:hover { background-position: -217px -666px; } ul#nav li#photo a:hover { background-position: -217px -703px; } ul#nav li#forum a:hover { background-position: -217px -740px; } ul#nav li#login a:hover { background-position: -217px -777px; } ul.sub-nav li a { display: inline-block; width: 217px; height: 37px; background: url(../images/nav.gif) no-repeat; text-indent: -9999px; float:left; margin: 0 0; } ul.nav-sub li#mission a { background-position: 0 -74px; } ul.nav-sub li#role a { background-position: 0 -111px; } ul.nav-sub li#organization a { background-position: 0 -148px; } ul.nav-sub li#privacy a { background-position: 0 -185px; } ul.nav-sub li#funding a { background-position: 0 -222px; } ul.nav-sub li#cert a { background-position: 0 -259px; } ul.nav-sub li#resources1 a { background-position: 0 -333px; } ul.nav-sub li#resources2 a { height: 74px; background-position: 0 -370px; } ul.nav-sub li#mission a:hover { background-position: -217px -74px; } ul.nav-sub li#role a:hover { background-position: -217px -111px; } ul.nav-sub li#organization a:hover { background-position: -217px -148px; } ul.nav-sub li#privacy a:hover { background-position: -217px -185px; } ul.nav-sub li#funding a:hover { background-position: -217px -222px; } ul.nav-sub li#cert a:hover { background-position: -217px -259px; } ul.nav-sub li#resources1 a:hover { background-position: -217px -333px; } ul.nav-sub li#resources2 a:hover { height: 74px; background-position: -217px -370px; } ul.sections { background: #b7d6e6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 375px; padding: 10px 10px 10px 25px; margin-bottom: 10px; float: left; } ul.sections li a { color: #000; font-size: 14px; line-height: 25px; } ul.sections li a:hover { border-bottom: 1px dotted #000; } /* FILTERING MENU */ li.hide { display: none; } li.title { display: block; } li.item { position: relative; cursor: pointer; } /* END FILTERING MENU */ /* FOOTER NAV */ #footer { text-align: center; clear: both; } ul#footer-links li { display: inline; font-size: 12px; } ul#footer-links li a { border-right: 1px solid #fff; color: #fff; padding: 0 10px; line-height: 30px; } ul#footer-links li a.last { border: none; } ul#footer-links li a:hover { border-bottom: 1px dotted #fff; }