/* CSS generated by SiteManager at 09:51am 22/04/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Karma Nirvana - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved Created: 19/03/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #c7c7c7 url(/templatefiles/body_bg.jpg) repeat-x 0 0; font: 70% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: bold 1.4em tahoma, arial, verdana, helvetica, sans-serif; color: #128CB4; padding: 10px; margin: 0; margin: 0; } h2 { font: bold 1.4em tahoma, arial, verdana, helvetica, sans-serif; color: #128CB4; margin: 10px 0; } h3 { font: bold 1.3em tahoma, arial, verdana, helvetica, sans-serif; color: #128CB4; margin: 20px 0 10px; } p, li { font-size: 1.0em; line-height: 1.5em; color: #333; } #home p, #home li { line-height: 1.3em; } a, a:visited { text-decoration: none; color: #128CB4; } a:hover, a:active { color: #96A864; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } legend { color: #128CB4 } .widthwrapper { width: 100%; } .padding { padding: 15px 10px; } .right { float: right; } .left { float: left; } .clear { clear: both; } #accessibility { display: none; } .messagebox { font-weight: bold; font-family: tahoma,arial,verdana,helvetica,sans-serif; background-color: #EEEEEE; font-size: 140%; } .messagebox p { color: #BD0000; padding: 0 20px; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 995px; background-color: #828287; text-align: left; margin: 0 auto 20px; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { height: 185px; position: relative; background: #809052 url(/templatefiles/header_bg.jpg) repeat-x left bottom; margin: 0 10px; } #header #mainlogo { display: block; } #header p#strapline { position: absolute; top: 45px; right: 20px; font-weight: bold; font-size: 1.6em; line-height: 1.5em; text-align: right; color: #000; padding: 0; margin: 0; } #header p#strapline span { color: #fff; } #mainnav { float: left; position: relative; list-style: none; padding: 0; border-width: 1px 0; margin: 0 15px; } #mainnav table { border-collapse: collapse; width: 0; height: 0; margin: -3px -10px; } #mainnav li { float: left; list-style: none; line-height: 1.5em; border-top: 1px solid #57574E;} #mainnav li a { display: block; float: left; background-color: #57574E; text-decoration: none; color: #fff; padding: 5px 20px; border-left: 1px solid #42453D; border-right: 1px solid #6B7065; } #mainnav li a:hover { background: #9FB06D url(/templatefiles/mainnav_li_bg.jpg) repeat-x 0 0; } #mainnav ul { width: 945px; height: 24px; position: absolute; left: -9999px; top: 27px; z-index: 10; background: #57574E; list-style: none; padding: 8px 15px; border: 1px solid #fff; border-width: 1px 0; margin: 0 0 0 -15px; } #mainnav ul li { font-size: 1.0em; } #mainnav ul li a { color: #fff; padding: 5px 15px; } #mainnav ul li a:hover { background: transparent; color: #9FB06D; } #mainnav :hover ul { left: 0; } #mainnav li.current ul { left: 0; z-index: 1; } #mainnav li.current a { background: #9FB06D url(/templatefiles/mainnav_li_bg.jpg) repeat-x 0 0; } #mainnav li.current ul li a { background: transparent; color: #fff; padding: 3px 15px; } #mainnav li.current ul li a:hover { color: #9FB06D; } #mainnav li.current ul li a.current_sub { color: #9FB06D; } #mainnav li.current ul li a.current_sub:hover { color: #fff; } #search input { width: 150px; height: 13px; background: #fff; padding: 3px; border: 1px solid #859D31; } #search input.button { width: 51px; height: 19px; background: #B0C462 url(/templatefiles/button_bg.jpg) no-repeat 0 0; font-weight: bold; font-size: 0.7em; text-transform: uppercase; text-align: center; color: #fff; padding: 0 5px; border: 0; } #header #search { } #header #search input { position: absolute; top: 5px; right: 70px; } #header #search input.button { position: absolute; top: 6px; right: 10px; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #contentwrapper { min-height: 400px; background: #F7F7F1 url(/templatefiles/contentwrapper_bg.jpg) repeat-x 0 0; padding: 15px 15px 50px; margin: 0 10px; } #content { } .row { width: 100%; float: left; clear: both; margin-bottom: 14px; } .contentimg { width: auto; float: left; position: relative; background: #fff; padding: 2px; border: 1px solid #D8D8D8; } .contentimg img { display: block; } .contentimg p { width: 600px; background: transparent url(/templatefiles/trans-bg.png); position: absolute; bottom: 0; left: 0; font-weight: bold; font-size: 1.4em; text-align: right; color: #000; padding: 15px 10px; margin: 0 2px; } .imgright { float: right; padding: 2px; border: 1px solid #ccc; margin: 0 0 10px 15px; } .imgleft { float: left; padding: 2px; border: 1px solid #ccc; margin: 0 15px 10px 0; } .box { width: 304px; min-height: 440px; background: #EEEEEE url(/templatefiles/box_bg.jpg) repeat-x 0 0; border: 1px solid #fff; margin: 0; } .right { float: right; } .left { float: left; margin-right: 13px; } .wide { width: 622px; } .last { margin-right: 0; } .box h2 { color: #879858; padding: 10px 10px 14px; margin: 0; } .box .padding { padding: 5px 10px; } .box .padding h2 { padding-left: 0; padding-right: 0; } .box hr { height: 2px; background-color: #fff; color: #fff; border-top: 1px solid #D5D5D5; padding: 0; margin: 0; } #box1 { min-height: 200px; position: relative; margin-bottom: 14px; } #home #box1 { min-height: 258px; margin-bottom: 0; } #box1 p#phone { font-weight: bold; font-size: 2.0em; letter-spacing: 1px; color: #4E5149; padding: 6px 10px 0; margin: 0; } #box1 p#ringus { font-size: 1.6em; color: #128CB4; padding: 0 10px 5px; margin: 0; } #box1 .blocklink_container { width:280px; margin:10px auto 0; } #box1 .blocklink { background: #809051 url(/templatefiles/blocklink_bg.gif) repeat-x 0 0; width:130px; height:24px; font-weight: bold; font-size: 1.1em; line-height:1em; color: #fff; text-align:center; } #box1 .first { margin-right:7px; } #box1 .border { border:1px solid #D8D8D8; padding:2px; float:left; } /* #box1 .faq { left: 0; border-right: 1px solid #D9E4AF; } #box1 .livechat { right: 0; border-left: 1px solid #86983F; } */ #box1 .blocklink a, #box1 .blocklink a:visited { display: block; color: #DCE9B4; padding: 5px; } #box1 .blocklink a:hover, #box1 .blocklink a:active { color: #fff; } #box1 #donate { text-align:center; margin-top:10px; } #box2 { /*min-height: 290px;*/ border-bottom: 0; } #box2 h2 { color: #DE9D40; } #box2 ul { padding: 0; margin: 10px 0 0; } #box2 ul li { background: transparent url(/templatefiles/icon_page.jpg) no-repeat 0px 9px; list-style-type: none; padding: 5px 10px 10px 15px; border-bottom: 1px solid #fff; } #box2 ul li .date { font-size: 1.1em; } #box3 { /*min-height: 290px;*/ position: relative; border-bottom: 0; } #box3 h2 { color: #405790; } #box3 ul { padding: 0; margin: 10px 0 0; } #box3 ul li { background: transparent url(/templatefiles/icon_page.jpg) no-repeat 0px 9px; list-style-type: none; padding: 5px 10px 10px 15px; border-bottom: 1px solid #fff; } #box3 ul li .date { font-size: 1.1em; } /* #box3 ul { padding: 0; margin: 10px 0 0; } #box3 ul li { list-style-type: none; padding: 5px 10px 10px 110px; border-bottom: 1px solid #fff; } #box3 ul li .date { font-size: 1.1em; } #box3 ul li img { position: absolute; left: 10px; margin-top: 5px; } */ #box4 { /*min-height: 290px;*/ border-bottom: 0; } #box4 h2 { color: #C74579; } #box4 ul { padding: 0; margin: 10px 0 0; } #box4 ul li { background: transparent url(/templatefiles/icon_page.jpg) no-repeat 0px 9px; list-style-type: none; padding: 5px 10px 10px 15px; border-bottom: 1px solid #fff; } #box4 ul li .date { font-size: 1.1em; } /* #box4 ul { padding: 0; margin: 12px 0 0; } #box4 ul li { list-style-type: none; padding: 10px 10px 15px 20px; border-bottom: 1px solid #fff; } */ #box5 { min-height: 380px; } #home #box5 { min-height: 290px; } #box5 h2 { color: #128CB4; } #box5 div.left { width: 280px; float: left; padding: 15px; border-right: 1px solid #fff; } #box5 div.right { width: 265px; float: right; padding: 15px; } #box5 p { margin: 0 0 5px; } #box5 p.largetext { font-size: 1.1em; } #box6 { background-color: transparent; border: 0; } #box6 h2 { color: #B81616; padding-bottom: 20px; } #box6 a.button { width: 41px; height: 19px; float: right; background: #B0C462 url(/templatefiles/button_bg2.jpg) no-repeat 0 0; font-weight: bold; font-size: 0.65em; text-transform: uppercase; text-align: center; color: #fff; padding: 0 5px; border: 0; margin: 10px 0; } #box6 ul { padding: 0; margin: 0 0 0; } #box6 ul li { background: transparent url(/templatefiles/icon_plus.jpg) no-repeat 6px 7px; list-style-type: none; padding: 5px 10px 0 25px; } p#breadcrumb { font-size: 0.9em; line-height: 1.3em; color: #777; padding: 2px 10px; margin: 0; } #news { border-collapse: collapse; } #news td { padding: 10px 0 5px; border-bottom: 1px solid #e8e8e8; } #news img { padding: 2px; border: 1px solid #ccc; margin: 0 10px 5px 0; } #news h2 { font-size: 1.1em; margin-top: 0; } .date { font-weight: bold; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol { } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { margin: 30px 10px 5px; } #footer p { color: #fff; margin: 0; } #footer a, #footer a:visited { color: #fff; text-decoration: none; } #footer a:hover, #footer a:active { text-decoration: underline; }