/* Sahaja Yoga March 2006 /* Design and Code by Guy Jeffrey /* Sol Design www.sol.com.au /* Last modified: March 10, 2006 /* basics ----------------------------------------------- */ body { font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif; color: #eeefff; margin: 0; padding: 0; background: #b8b8a8 url(../images/bg.jpg) center top; } div.clearer {clear: both; line-height: 0; height: 0} .grey { color: #b8b8a8; } .divider { margin-top: 15px; padding-top: 0; padding-bottom: 0; border-top: 2px dotted #ccc; } #statusdiv { position: absolute; padding: 2px; left: -300px; background-color: lightyellow; border: 1px solid gray; visibility: hidden; } /* basic links ----------------------------------------------- */ a:link { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; } a:visited { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; } #a:hover { font-weight : bold; color: #af3900; background: #fff6db; text-decoration: none; padding-bottom: 1px; } a:active { font-weight : bold; text-decoration : none; color: #1b1b55; background: transparent; } /* layout ----------------------------------------------- */ #wrapper { width: 708px; margin: 0 auto; padding: 0; background-color: #f4d9e0; text-align: center; } #mainwrapper { width: 700px; margin: 0 auto; border: 0; padding: 0; background: #fff; } #sidebar { float: right; display: inline; text-align: left; position: relative; margin: 0 0 0 20px; width: 200px; padding-top: 0; padding-right: 0; padding-bottom: 2em; } #video { background-color: #f00; text-align: left; display: inline; margin: 20px 0 10px 50px; position: relative; width: 400px; height: 350px; padding: 8px; border: solid 1px #dc8a6f; } #masthead { width: 700px; height: 155px; padding: 0; margin: 0 auto; border-right: 4px solid #f4d9e0; border-left: 4px solid #f4d9e0; } #leftcontent { float: left; display: inline; text-align: left; position: relative; padding: 0 0 2em; width: 480px; } #fullpage { float: left; display: inline; text-align: left; position: relative; padding: 0 0 2em; width: 700px; } #rightcontent { float: left; display: inline; text-align: left; position: relative; padding: 0 0 2em; margin: 0; width: 220px;} #header { border: 0; margin: 0; padding: 0; } /* Left side Content ----------------------------------------------- */ #leftcontent p { font-size: 11px; line-height: 1.5em; text-align: left; margin: 0 10px 1em; color: #555555; font-weight: normal; padding-top: 10px; } #leftcontent p.intro { font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 2.5; text-align: left; margin: 1em 10px; }#leftcontent ul { color: #424242; margin: 10px 10px 10px 15px; padding: 0 ; } #leftcontent li { font-size: 11px; line-height: 18px; margin-left: 15px; list-style: square; padding: 0 5px 0 0 } #leftcontent a:link { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; padding-bottom: 2px; } #leftcontent a:visited { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; padding-bottom: 2px; } #leftcontent a:hover { font-weight : bold; color: #af3900; background: #fff6db; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; } #leftcontent a:active { font-weight : bold; text-decoration : none; color: #b70000; background: transparent; } /* Right side Content ----------------------------------------------- */ #rightcontent p { color: #212121; font-size: 11px; line-height: 15px; margin: 10px 10px 5px; padding-top: 0; padding-bottom: 0; } #rightcontent ul { color: #424242; text-align: left; margin: 0; padding: 0 0 0 10px; border: 0 } #rightcontent li { font-size: 10px; line-height: 12px; list-style-type: disc; margin: 0 10px; padding-top: 0; padding-bottom: 0; } #rightcontent h1 {color: #733e3a; font-size: 24px; font-weight: bold; line-height: 36px; margin: 15px 10px 10px; padding-top: 0; padding-bottom: 10px; ; border-bottom: 1px dotted #7e7e7e ; } #rightcontent h2 {color: #705130; font-size: 12px; font-weight: bold; line-height: 14px; margin: 15px 10px 10px; padding-top: 0; padding-bottom: 10px; ; border-bottom: 1px dotted #7e7e7e ; } #rightcontent h3 { color: #dc8a6f; font-size: 14px; font-weight: bold; line-height: 16px; margin: 30px 10px 15px; padding-top: 0; padding-bottom: 1px; border-bottom: 1px dotted #7e7e7e ; } #rightcontent h4 { color: #416fc1; font-size: 12px; font-weight: normal; line-height: 12px; margin: 10px 10px 0; padding-top: 0; padding-bottom: 1px; } #rightcontent a:link { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; padding-bottom: 2px; } #rightcontent a:visited { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; padding-bottom: 2px; } #rightcontent a:hover { font-weight : bold; color: #af3900; background: #fff6db; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; } #rightcontent a:active { font-weight : bold; text-decoration : none; color: #b70000; background: transparent; } /* Fullpage Content ----------------------------------------------- */ #fullpage h3 { font-size: 14px; font-weight: normal; color: #dc8a6f; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 15px; margin-bottom: 5px; margin-left: 0; } #fullpage h4 { font-size: 14px; font-weight: normal; color: #dc8a6f; font-family: Georgia, "Times New Roman", Times, serif; margin: 30px 10px 10px; padding-bottom: 4px; border-bottom: 1px dotted #999; } #fullpage form { background-color: #dfdfd8; margin-top: 15px; padding: 0 10px 10px 0; border: solid 1px #999; } #fullpage table.small { font-size: 9px; line-height: 10px; background-color: #fcc; margin: 0; padding: 0; } #fullpage table.rego { font-size: 10px; line-height: 11px; margin: 10px 0; padding: 2px; } #fullpage td.small { font-size: 10px; line-height: 1; text-align: center; color: #555555; font-weight: normal; padding: 1px; } #fullpage td.centercell { color: #555555; font-size: 11px; font-weight: normal; line-height: 1.5em; text-align: center; padding: 1px; } #fullpage td { color: #555555; font-size: 11px; font-weight: normal; line-height: 1.5em; text-align: left; padding: 1px; } #fullpage th { color: #555555; font-size: 11px; font-weight: normal; line-height: 1.5em; text-align: center; padding: 1px; background: #FFFF00;} #fullpage td.titles { font-size: 11px; line-height: 1.5em; text-align: left; color: #333; padding-top: 10px; padding-left: 10px; } #fullpage p { color: #555555; font-size: 11px; font-weight: normal; line-height: 1.5em; text-align: left; margin: 0 10px 1em; padding-top: 10px; } #fullpage ul,ol { color: #424242; margin: 10px; padding: 0 } #fullpage ul li { font-size: 11px; line-height: 18px; margin-left: 15px; list-style: disc; padding: 0 5px 0 0 } #fullpage ol li { font-size: 11px; line-height: 18px; margin-left: 15px; padding: 0 5px 0 0 } #fullpage a:link { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; padding-bottom: 2px; } #fullpage a:visited { color: #733e3a; font-weight: bold; background: transparent ; text-decoration: none; padding-bottom: 2px; } #fullpage a:hover { font-weight : bold; color: #af3900; background: #fff6db; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; } #fullpage a:active { font-weight : bold; text-decoration : none; color: #b70000; background: transparent; } /* Tables */ #leftcontent td.right { font-size: 12px; line-height: 1.5em; text-align: right; color: #555555; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 10px 2em; padding: 2px 20px 2px 2px; } #leftcontent td { color: #555555; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; text-align: center; margin: 0 10px 2em; padding: 2px 2px 2px 10px; } /* typography ----------------------------------------------- */ p { font-size: 11px; font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif; line-height: 2em; text-align: left; margin: 0 10px 1em; } p.tight { font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif; color: #7e7e7e; font-size: 11px; line-height: 13px; text-align: left; margin: 0 20px 1em; } p.smaller { font-size: 9px; line-height: 13px; text-align: left; margin-left: 150px; margin-bottom: 1em; } p.address { color: #733e3a; font-size: 11px; font-style: italic; font-variant: small-caps; line-height: 19px; letter-spacing: 0.3em; margin: 10px 10px 5px; padding-top: 0; padding-bottom: 0; } h1 { color: #733e3a; font: 1.5em/1.4em Georgia, "Times New Roman", Times, serif; margin: 30px 15px 0 10px; padding: 0; } h2 { font-size: 17px; color: #733e3a; font-family: Georgia, "Times New Roman", Times; font-weight: normal; margin: 10px; padding-top: 15px; } h3 { color: #dc8a6f; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-top: 30px; margin-bottom: 10px; margin-left: 10px; } h4 { font-size: 14px; font-weight: normal; color: #dc8a6f; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 30px; margin-bottom: 10px; margin-left: 10px; padding-bottom: 4px; border-bottom: 1px dotted #999; } h5 { color: #555; font-size: 11px; font-style: italic; line-height: 11px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; } strong { font-weight: bold; color: #af3900; } /* Images ----------------------------------------------- */ img.std { display: block; padding: 0; border: 0; } img.ctr { float: center; margin-top: 10px; border: 0; } img.left { float: left; margin-top: 3px; margin-right: 15px; border: 0; } img.b-left { display: block; margin: 3px 15px 0 0; padding: 4px; float: left; border: solid 1px #999 } img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #999; } img.rchero { display: block; margin: 10px; padding: 4px; border: solid 1px #999 } img.hero { display: block; margin: 10px 0; padding: 4px; border: solid 1px #999; } .mainimage img { padding: 3px; border: solid 1px #dc8a6f; margin: 15px 5px 30px; } .banner img { margin: 0; padding: 0; } .thumbno { float: left; display: inline; width: 40px; padding: 0; margin: 0 0 16px 3px; } .thumb { float: left; display: inline; padding: 2px; border: solid 1px #ccc; margin: 5px; } img.rc { margin-bottom: 15px; padding: 3px; border: solid 1px #dc8a6f; } img.greyborder { float: left; margin-top: 15px; margin-bottom: 15px; padding: 0; border: solid 1px #ccc; }img.rcl { padding-right: 10px; float: left; padding-top: 0; border-style: none; } /* Nav */ #nav { background-color: #dc8a6f; margin: 0 auto; width: 700px; height: 1.5em ; } #nav ul {margin: 0; padding: 0; list-style-type: none; text-align: center;} #nav ul li { float: left; } #nav ul li a { width: 100px; font-size: 11px; font-weight: normal; height: 2.2em; line-height: 2em; text-align: center; color: #733e3a; font-style: normal; text-decoration: none; display: block; } #nav ul li a.larger { width: 99px; } #nav ul li a.largerhere { background-color: #c60; width: 107px; } #nav a:hover { color: #fff; background-color: #dc8a6f; } #nav a.here { color: #733e3a; background-color: #fcc; } /* SubNav */ #subnav { background-color: #fcc; margin: 0 auto; width: 700px; height: 1em ; padding: 8px 0 5px; } #subnav ul { list-style-type: none; overflow: hidden; margin: 0; padding: 0; } #subnav ul li { float: left; } #subnav ul li a { font-size: 11px; color: #733e3a; font-weight: normal; text-align: center; text-decoration: none; padding: 0 15px; border-bottom: medium none; border-right: 1px solid #dc8a6f; } #subnav ul li a.last { border-right: none; } #subnav a:hover { color: #af3900; } #subnav a:active { color: #dc8a6f; } #subnav #onhere a { color: #af3900; font-weight: bold; } /* footer /**************************/ #footer { width: 700px; height: 30px; margin: 0 auto; padding: 0; text-align: center; background: #733e3a center bottom; border-right: 4px solid #f4d9e0; border-bottom: 4px solid #f4d9e0; border-left: 4px solid #f4d9e0; border-top-color: #f4d9e0; border-top-width: 0; } #footer p { color: #fff; font-size: 9px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; text-align: center; margin: 0; padding: 10px 6px 0; } #footer a:link { color: #fcc; text-decoration: none; border: none; } #footer a:visited { color: #fcc; text-decoration: none; border: none; } #footer a:hover { color: #fff; text-decoration: none; border: none; } #footer a:active { color: #c03; text-decoration: none; margin-left: 10px; border-style: none; }