/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.8 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} a {outline: none;} /* typography.css */ body {font-size:75%;color:#222;background:#dd95dd url(/images/bg.png) repeat-x;font-family: Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family: Georgia, serif; color: #993399;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:1.75em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:red;} a {color:#993399;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* grid.css */ .container {width:946px;margin:0 auto; position: relative; background-color: #fff; border: 1px solid #4a114a} .showgrid {background:url(src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin:0;} input.span-1, textarea.span-1, select.span-1 {width:30px!important;} input.span-2, textarea.span-2, select.span-2 {width:50px!important;} input.span-3, textarea.span-3, select.span-3 {width:90px!important;} input.span-4, textarea.span-4, select.span-4 {width:130px!important;} input.span-5, textarea.span-5, select.span-5 {width:170px!important;} input.span-6, textarea.span-6, select.span-6 {width:210px!important;} input.span-7, textarea.span-7, select.span-7 {width:250px!important;} input.span-8, textarea.span-8, select.span-8 {width:290px!important;} input.span-9, textarea.span-9, select.span-9 {width:330px!important;} input.span-10, textarea.span-10, select.span-10 {width:370px!important;} input.span-11, textarea.span-11, select.span-11 {width:410px!important;} input.span-12, textarea.span-12, select.span-12 {width:450px!important;} input.span-13, textarea.span-13, select.span-13 {width:490px!important;} input.span-14, textarea.span-14, select.span-14 {width:530px!important;} input.span-15, textarea.span-15, select.span-15 {width:570px!important;} input.span-16, textarea.span-16, select.span-16 {width:610px!important;} input.span-17, textarea.span-17, select.span-17 {width:650px!important;} input.span-18, textarea.span-18, select.span-18 {width:690px!important;} input.span-19, textarea.span-19, select.span-19 {width:730px!important;} input.span-20, textarea.span-20, select.span-20 {width:770px!important;} input.span-21, textarea.span-21, select.span-21 {width:810px!important;} input.span-22, textarea.span-22, select.span-22 {width:850px!important;} input.span-23, textarea.span-23, select.span-23 {width:890px!important;} input.span-24, textarea.span-24, select.span-24 {width:940px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box { padding:1em;margin-bottom:1.5em;background:#E5ECF9; font-size: 1em;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .space {clear:both} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .no-top-margin {margin-top: 0 !important} /**************************** HEADER ****************************/ #logo {margin: 20px 0 20px 40px; float:left; text-indent: -9999px; width:259px; height:61px; background: url(/images/radiant-mind-logo.jpg) no-repeat; position: relative} #logo span {text-indent: -9999px; height:86px; width:254px; position: absolute; top:0; left:0;z-index: 2} #announcement {font-size: 17px; font-family: Georgia, serif; display: block; width:404px; height:50px; float:right; padding: 5px 0 0 0px; margin: 30px 40px 0 0; background: url(/images/icon_calendar_head.gif) no-repeat; } #announcement span {display: block; width:26px; height:50px; float:left; font-size: 22px; margin: 5px 14px 0 8px; text-align: center} #announcement a:link, #announcement a:visited {color:#af97bb; text-decoration: none} #announcement a:hover, #announcement a:active {color:#993399; text-decoration: none} ul#topnav {list-style: none; position: relative; float:right; right:1em; top:20px;} #topnav li {display: inline; color: #c2c2b1; border-right: 1px solid #c2c2b1} #topnav li a {display: inline; margin: 0 0 10px 0; padding: 3px 6px;} #topnav li a:link, #topnav li a:visited {color: #c2c2b1} #topnav li a:hover, #topnav li a:active {color:#000; background-color: #c2c2b1; text-decoration: none} /**************************** MENU ****************************/ #menuWrapper {margin:0 0 0 0px; padding: 1px 0 0 20px; background: url(/images/bg-head.jpg) no-repeat; height:140px; width:926px; clear:both;} #menuWrapper_home {margin:0 0 0 0px; padding: 1px 0 0 20px; background: url(/images/home-image-1.jpg) no-repeat; height:324px; width:926px; clear:both; display: block} #testimonials_home {clear: both; color:#fff; width:948px; padding: 0; font-size: 1.3em; font-weight: bold} #testimonials_home p.author {font-size: .75em; text-align: right; margin-right: 20px} #menu {margin:0px auto 0 auto; width:906px; position:relative;} #search {margin: 10px 0 20px 10px; position: absolute; top: 0px; right:50px} #search form, #search input {margin:0; padding:0} input#keywords {color:#999; background-color: #eee; width: 120px; font-size: 1em; padding:3px} #search .submit {text-transform: uppercase; background-color: #ccc; padding:3px;} #flags {margin: 15px 0 30px 10px; position: absolute; top: 0px; right:50px} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.6em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 20em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; font-size: 1.4em; display: block; } .sf-menu a { padding: .9em .6em .8em .6em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #993399; } .sf-menu li { background: inherit; } .sf-menu li a {} .container .sf-menu li a:last_item { border-right: none; } .sf-menu li li { background: #ffef8e; font-size: 14px; } .sf-menu li li a { border-top: 1px solid #fff6c0; border-left: 1px solid #fff6c0; padding: 1em .5em .7em .5em; } .sf-menu li li li { background: #ffef8e; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #ffef8e; outline: 0; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #fff6c0; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 1.15em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 15px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -96px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -96px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -96px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 4px; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 4px; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 4px; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /**************************** MAIN SECTION ****************************/ .leader {width:870px; margin: 0; padding: 0 0 0 20px} #main {clear:both; width: 904px; padding: 20px; } .col-2 {width: 594px; margin-left: 0px; margin-right: 15px; float: left; } .col-2 .box {background: url(/images/crnrs-2-col-bot.gif) bottom left no-repeat; padding:0 0 8px 0; width: 594px} .col-2 .box .top {background: url(/images/crnrs-2-col-top.gif); height:10px } .col-2 .box .in {background: url(/images/crnrs-2-col-mid.gif); padding: 10px 20px 0px 20px; font-size: 1.2em} .col-2 h2, .col-1 h2 {font-size: 22px; border-bottom: 1px solid #993399} .col-2 h3, .col-1 h3 {font-size: 18px;} h2 a {text-decoration: none} .intro {height:210px; overflow-y: hidden; overflow-x: hidden} .intro p {font-size:15px; margin: 0 0 0px 0; padding: 0;} .home-col {height: 950px; overflow-y:auto; overflow-x: hidden} .home-col-yel { overflow-y:hidden; overflow-x: hidden; height: 950px} .profile {} .more {text-align: right} .more a:link, .more a:visited {color:red} ul.toc, ul.toc li {list-style: circle; margin: 0 0 0 15px} .col-video {width: 283px; float: left; height: 231px; margin:5px 0 10px 0; border: 1px solid #999} .col-1 {width: 286px; margin-right: 18px; float: left} .col-1 .box {background: url(/images/crnrs-1-col-bot.gif) bottom left no-repeat; padding:0 0 10px 0; width: 286px} .col-1 .box .top {background: url(/images/crnrs-1-col-top.gif); height:10px } .col-1 .box .in {background: url(/images/crnrs-1-col-mid.gif); padding: 10px 20px 0px 10px; font-size: 1.2em} .col-1-yel {width: 286px; float: left} .col-1-yel .box {background: url(/images/crnrs-1-col-yel-bot.gif) bottom left no-repeat; padding:0 0 10px 0; width: 286px} .col-1-yel .box .top {background: url(/images/crnrs-1-col-yel-top.gif); height:10px } .col-1-yel .box .in {background: url(/images/crnrs-1-col-yel-mid.gif); padding: 10px 20px 0px 10px;} .category-list li {display: inline} .category-list li a {display: block; padding: 4px} .col-1-yel h2 {font-family: Arial, Helvetica, sans-serif; color:red; font-weight: bold; color:red} .col-1-yel h3 {font-size: 18px; margin: 45px 0 10px 0; font-family: Arial, Helvetica, sans-serif; color:red; font-weight: bold} .col-1-yel h4 {font-size: 14px; margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; color:red; font-weight: bold} .col-1-yel .location, .col-1-yel .date {margin: 0; font-size: 11px} .col-1-yel h2 a, .col-1-yel h3 a {text-decoration: none; ; color:red} .col-1-yel #SignUp p {margin: 0; clear:both} .col-1-yel #SignUp label.mainlabel {display: block; width:80px; font-size: 11px; float: left} .col-1-yel #SignUp .input_field {width:100px; font-size: 11px; float: left} .col-1-yel #SignUp span.required {color:red; font-size: 11px} .telecall {margin-bottom: -10px} .telecall a.b-register {width:190px; height:68px; display: block; text-indent: -9999px; float:left; margin-right: 5px} .telecall a.b-register:link, .telecall a.b-register:visited {background: url(../images/but-free-telecall.png) no-repeat} .telecall a.b-register:hover, .telecall a.b-register:active {background: url(../images/but-free-telecall.png) 0 -67px no-repeat} .telecall a.b-calendar {width:60px; height:100px; display: block; text-indent: -9999px; float:left; background: url(../images/calendar.gif) no-repeat} .entry-home {background-color:#eee; padding-top:14px; padding-bottom:0; margin-top:1px !important; margin-bottom:1px !important} table#whichcourse {border:1px solid #000} #whichcourse td, #whichcourse th {padding:4px} #course_structure {width:100%} #course_structure td {color: #fff; padding: 4px} #course_structure td a:hover {color:#fff; text-decoration: none} #course_structure td a {color:#fff} #feed {border-bottom: 1px solid #9955a8; margin-bottom: 20px} .facebook a { background: url(/images/facebook-icon.png) no-repeat; display: block; padding: 3px 0 0 56px; height:60px; text-align: left; line-height: 1.6em; text-decoration: none; color:#3e5ba9} .facebook a span {font-size: 1.5em; display:block} .newsletter a { background: url(/images/newsletter-icon.png) no-repeat; display: block; padding: 3px 0 0 56px; height:60px; text-align: left; line-height: 1.6em; text-decoration: none; color:#333} .newsletter a span {font-size: 1.5em; display:block} #testimonial {font-style: italic; padding:1em;margin-bottom:1.5em;background:#a7ffa7; font-size: 1.5em;} #testimonial p {margin:0} .col-entry {margin:0 0 10px 0; border-bottom: 1px dotted #ddd; position:relative} .col-entry h4 {margin:0 0 0px 15px;} #breadcrumbs {padding: 0em 0 .5em .5em; margin: 0 0 1em 0; border-bottom: 1px solid #eee} .coltitle {text-transform: uppercase;font-size:1em;line-height:22px;font-weight:bold;padding:0 0 2px 20px;margin: 0 0 10px 0;border-bottom: 1px solid #ccc;} #twitter {background: url(/images/icons.gif) 0 -47px no-repeat} #delicious {background: url(/images/icons.gif) 0 -69px no-repeat} #google_reader {background: url(/images/icons.gif) 0 -214px no-repeat} #blog_categories{background: url(/images/icons.gif) 0 -333px no-repeat;} #titlearea {padding-top:1em; padding-left:1em} #titlearea h1 {margin-top:0} #titlearea h4.date_location, #titlearea h4.author, #titlearea p.author {padding: 0 0 .5em 0; margin-left: 0em;} .addthis {padding: 0 0 -10px 20px; width: 220px; float:right} .entry {margin:0 0 15px 0; border-bottom: 1px solid #ddd; position:relative} .entry h3.blogtitle {font-size: 2em} .entry ul {list-style: none;} .entry li {list-style-type: none} .entry ul.details {list-style: none; margin: 0 0 .5em 1.25em} .main-photo {float:left; margin:0 10px 0 0; padding:3px; border:1px solid #ccc} .full {position: absolute; top: -4px; left: 20px; background: url(/images/full.gif) no-repeat; width:126px; height:66px; z-index: 200 } #register {border-bottom:1px solid #ccc; background: #eee; padding-bottom: 10px; position: relative} #register p {margin-bottom: 5px} #register h3 {margin-top: 15px; padding-top: 10px;} #register .full {left: 10px; top:10px} #cost, #deposit, #reg_deadline {font-size: 1.2em; list-style: none} #reg_form, #login_form {display: none} #reg_form form, , #login_form form {margin:10px} #reg_form textarea {height:50px; width: 400px} #reg_form #terms {height:250px; width: 408px; border:1px solid #ccc; background-color: #fff; padding: 6px 0 0 0; overflow: auto; margin: 0 0 10px 15px} #reg_form #terms ul, #reg_form #terms ol {margin: 10px 0 10px 25px} #login_form input {} #creditcardform {margin: 0 0 10px 15px; border: 1px solid #ccc; background-color: #eee; padding:10px} #creditcardform td {padding: 0 5px 5px 0} #creditcardform td.left {width:100px; text-align: right} .thumbnail img {padding:3px; border:1px solid #ccc; margin: 4px 8px 2px 14px; float:left} .comment1, .comment2 {position:relative; display: block; padding: 10px 0 0 0; margin: 0 0 10px 0} .comment1 {background-color:#dafffa; border:1px solid #b7ded9; } .comment2 {background-color:#c0f0e8; border:1px solid #a9d6ce; } .comment1 .c_arrow, .comment2 .c_arrow {width:14px; height:10px; position:absolute; bottom:-10px; left:30px} .comment1 .c_arrow {background: url(/images/c_arrow1.gif) no-repeat} .comment2 .c_arrow {background: url(/images/c_arrow2.gif) no-repeat} .comment1 p, .comment2 p { margin: 0 0 5px 10px} #wall textarea {color:#666; height:20px; width:95%; background-color:#eee} .rightcol li {margin-left: 2em} #category_list ul {list-style: none; margin:0 0 2em 0} #category_list li {list-style: none; margin:0 0 1px 0} #category_list ul a {display:block; padding: .75em .5em .25em 1em; color:#fff; font-size: 1.2em; text-decoration: none} #category_list ul a:link, #category_list ul a:visited {background-color: #eaeac2; color:#000} #category_list ul a:hover, #category_list ul a:active {background-color: #b2ceb2} #when ul, #when li {list-style: none; margin:0} #when a { margin: 0 0 10px 0; padding: 0 8px 0px 20px; height: 17px; display: block} #add_to_google_cal {background: url(/images/icons.gif) 0 -216px no-repeat} #add_to_ical {background: url(/images/icons.gif) 0 -264px no-repeat} #add_to_yahoo_cal {background: url(/images/icons.gif) 0 -242px no-repeat} #map { border: 1px solid #ccc; margin: 0 0 20px 10px; width: 325px; height:300px} .facility_details {float:left; padding: 1em; border: 1px solid #ddd; margin: 0 1em .5em 0} .search h3 {margin:0 0 .4em .75em} .search p {margin:0 0 .4em 1.25em} .testimonials {} .author {text-align: right; margin:0 10px 20px 102px} .groups h2 {padding-left: 20px} .groups ul {margin-left: 40px} .group {margin-bottom:10px; padding:20px;} .groupcontact {padding:20px 20px 0 20px; background-color: #eee; border: 1px solid #666; position: relative; left:-20px; width:510px} /**************************** COURSES ****************************/ .reg_now {position:relative; top:10px; right:15px; float:right;} .reg_now a {width:150px; height:50px; display: block; text-indent: -9999px; margin: 0 0 0 40px} .reg_now a:link, .reg_now a:visited {background: url(/images/but_register.png) no-repeat} .reg_now a:hover, .reg_now a:active {background: url(/images/but_register.png)0 -49px no-repeat} .reg_now-rt {margin-bottom: 10px} .reg_now-rt a {width:258px; height:68px; display: block; text-indent: -9999px} .reg_now-rt a:link, .reg_now-rt a:visited {background: url(/images/register-now-but-rt.png) no-repeat} .reg_now-rt a:hover, .reg_now-rt a:active {background: url(/images/register-now-but-rt.png)0 -67px no-repeat} #registration-form p {clear:left; margin-bottom: 5px; font-weight: bold} #registration-form label {display: block; width:160px; float:left; text-align: right; padding: 0 10px 0 0 } #registration-form input.textbox {display: block; width:340px; float:left; margin-bottom: 10px; font-size: 14px; padding:3px 3px 0 3px} #registration-form textarea {display: block; width:500px; height:60px; margin-bottom: 10px; font-size: 14px; padding:3px} /**************************** BLOG ****************************/ img.avatar {float:left;margin: 0 10px 0 0;} .post h2 {background: none;border: none;font-size: 2em;} .post h3 {background: none;border: none;font-size: 1.5em;color: black;} .post .post-body .author { padding-bottom: 0} .post-footer {padding: 4px 0 10px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd} .tweet .author {text-align:center; float:left; margin: 0 7px 0 0; border: 1px solid #ccc; padding:2px; } .tweet .date {display: inline} p.audio {margin:0 0 1em 1em} p.audio span {display:block; margin: 0 0 5px 0} .mp3 a {background: url(/images/icons.gif) 0 -311px no-repeat; padding:4px 0 4px 22px; margin: 0 0 5px 10px} .podcast a {background: url(/images/icons.gif) 0 -287px no-repeat; padding:4px 0 4px 22px; margin: 0 0 5px 10px} /**************************** FOOTER ****************************/ #footer {clear: both;text-align: center; margin:60px 0px 0px 0px;} #footer ul {padding: 20px 0 20px 0;} #footer li {list-style-type: none;display: inline;border-right: 1px solid #999;padding: 0 10px 0 10px;} #footer a {passing:3px} #footer a:link, #footer a:visited {} #footer a:hover, #footer a:active {} .center{text-align:center;} #copy {text-align:center;padding: 10px 0 50px 0;} /*** Facebox ***/ #facebox .b { background:url(/images/b.png); } #facebox .tl { background:url(/images/tl.png); } #facebox .tr { background:url(/images/tr.png); } #facebox .bl { background:url(/images/bl.png); } #facebox .br { background:url(/images/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }