/* ----------------------------------------------------------------------- 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:#fff url(/images/bg.png) repeat-x;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} 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:#000;} a {color:#368332;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:950px;margin:0 auto; position: relative} .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;} /**************************** HEADER ****************************/ #header {height:135px; margin-top: 10px} #logo {position:relative; left: 20px; top:0px; margin: 0; float:left} #logo a {text-indent: -9999px; height:86px; width:254px; display:block; background: url(/images/logo-gaiatri.gif) no-repeat} 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} #login {margin: 20px 0 0 0px} #become_a_member {margin: 0 0 0 20px} #become_a_member label {font-size: 1.25em; } #become_a_member input { width:350px; font-size: 1.75em} #become_a_member .name_field {float:left; padding: 0 20px 10px 0; color:#999} #become_a_member .name_field label {font-size: 1em; } #become_a_member .name_field input { width:160px} #become_a_member p {clear:left; margin: 10px 0 0 0} #become_a_member input#submit {width:200px; font-size: 2.5em; padding: 5px} ul#why_join {padding: 1em 0 2em 0} ul#why_join li {margin: .5em 0 0 3em; font-size: 1.25em; font-weight: bold; list-style: circle} /**************************** MENU ****************************/ #menuWrapper{ display: block; height:42px; position:absolute; top:96px; left:0; width:100%; vertical-align: bottom; padding-left: 1em; z-index: 100; } #menu {margin:0 auto 0 auto; width:890px; position:relative;} #search {position:absolute; top: 8px; right:1em; z-index: 10} #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;} /**************************** MAIN SECTION ****************************/ #homeWrapper { background: url(/images/gaiatri-home1.jpg) top center no-repeat; position:absolute; top:138px; left:0; height:300px; width:100%; vertical-align: bottom; padding-left: 1em; z-index: 0; } #homeText {position:relative; z-index:10; width:890px; height: 200px; margin:27px auto 0 auto; padding:0; color:#f7fbd5} #homeText h1 {margin:0; padding:0 0 4px 420px; color:#f7fbd5; background: none; font-size: 3.5em; display: block; border-bottom: none} #homeText p {margin:0; padding:0 0 0 425px; color:#f7fbd5; font-size: 1.5em} .homespacer {height: 276px; width: 100%; display: block} #homeText #buttons {width:484px; height:47px; display: block; bottom:-48px; right: 0px; position: absolute} #homeText #buttons a {height:47px; display: block; text-indent: -9999px; float: left} #homeText #buttons a#find-event:link, #homeText #buttons a#find-event:visited {width:161px; background: url(/images/home-buttons.png) no-repeat} #homeText #buttons a#find-event:hover, #homeText #buttons a#find-event:active {width:161px; background: url(/images/home-buttons.png) 0 -50px no-repeat} #homeText #buttons a#for-students:link, #homeText #buttons a#for-students:visited {width:140px; background: url(/images/home-buttons.png) -161px 0px no-repeat} #homeText #buttons a#for-students:hover, #homeText #buttons a#for-students:active {width:140px; background: url(/images/home-buttons.png) -161px -50px no-repeat} #homeText #buttons a#for-teachers:link, #homeText #buttons a#for-teachers:visited {width:142px; background: url(/images/home-buttons.png) -301px 0 no-repeat} #homeText #buttons a#for-teachers:hover, #homeText #buttons a#for-teachers:active {width:142px; background: url(/images/home-buttons.png) -301px -50px no-repeat} .entry-home {background-color:#eee; padding-top:14px; padding-bottom:0; margin-top:1px !important; margin-bottom:1px !important} .tickerstyle {width:372px; height:20px; border:1px solid #ccc; border-top:none !important; background:#eee; padding:8px; overflow:hidden; } .messagediv {display: none; } #feed {border: 1px solid #ccc; border-top: none; background-color: #fafaf3} .feed-left {width:182px; float:left; padding:15px 10px 10px 0;} .feed-left #mail {padding:0 0 0 50px; background: url(/images/icons-subscribe.gif) 0 -228px no-repeat} .feed-right {width: 168px; float:left; padding:15px 4px 10px 0; border-left:1px solid #ccc;} .feed-right ul {list-style: none; margin: 0} .feed-right li {list-style: none; display: inline; margin: 0} .feed-right li a {padding:0 0 0 50px; margin: 0 0 10px 10px; font-size: 11px; display: block; text-transform: uppercase; height:36px; color: #75735a; line-height: 12px; text-decoration: none} .feed-right li a span {font-size: 14px; text-transform: uppercase; color: #373626; line-height: 16px; text-decoration: none; display: block} .feed-right li a:hover, .feed-right li a:active {color:#000} .feed-right li a#newsletter {background: url(/images/icons-subscribe.gif) no-repeat} .feed-right li a#rssfeed {background: url(/images/icons-subscribe.gif) 0 -47px no-repeat} .feed-right li a#feedpodcast {background: url(/images/icons-subscribe.gif) 0 -136px no-repeat} .feed-right li a#facebooklink {background: url(/images/icons-subscribe.gif) 0 -183px no-repeat} .feed-right li a#feedtwitter {background: url(/images/icons-subscribe.gif) 0 -95px no-repeat} #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; padding: 0 0 10px 0; border-bottom: 1px dotted #ddd; position:relative} .col-entry h4 {margin:0 0 0px 15px;} .col-entry h5 {margin:0 0 0px 0px;} #breadcrumbs {padding: 0em 0 .5em .5em; margin: 0 0 1em 0; border-bottom: 1px solid #eee} h2 {size: 1.25em; color: #000; background-color: #e4eede; border-bottom: 1px solid #999; padding: .3em .5em .15em .5em; position: relative} h3, h4, h5, p {margin-left: 15px;} h5 {font-weight: normal; text-transform: capitalize; margin: -10px 0 10px 15px; color: #666} ul {margin-left: 30px;} h2 a {text-decoration: none; color: #000} h2.heading-events-510 {background: url(/images/headers-bg.png);} h2.heading-events-470 {background: url(/images/headers-bg.png) 0px -45px no-repeat} h2.heading-events-390 {background: url(/images/headers-bg.png) 0px -90px no-repeat} h2.heading-events-350 {background: url(/images/headers-bg.png) 0px -136px no-repeat} h2.heading-blog-470 {background: url(/images/headers-bg.png) 0px -272px no-repeat} h2.heading-blog-390 {background: url(/images/headers-bg.png) 0px -227px no-repeat} h2.heading-blog-350 {background: url(/images/headers-bg.png) 0px -273px no-repeat} h2.heading-facilitator-510 {background: url(/images/headers-bg.png) 0px -319px no-repeat} h2.heading-facilitator-470 {background: url(/images/headers-bg.png) 0px -779px no-repeat} h2.heading-facilitator-350 {background: url(/images/headers-bg.png) 0px -365px no-repeat} h2.heading-facility-390 {background: url(/images/headers-bg.png) 0 no-repeat} h2.heading-facility-350 {background: url(/images/headers-bg.png) 0 no-repeat} h2.heading-register-470 {background: url(/images/headers-bg.png) 0 -411px no-repeat} h2.heading-where-350 {background: url(/images/headers-bg.png) 0 -457px no-repeat} h2.heading-details-470 {background: url(/images/headers-bg.png) 0 -503px no-repeat} h2.heading-wall-470 {background: url(/images/headers-bg.png) 0 -549px no-repeat} h2.heading-contact-350 {background: url(/images/headers-bg.png) 0 -595px no-repeat} h2.heading-category-310 {background: url(/images/headers-bg.png) 0 -641px no-repeat} h2.heading-category-350 {background: url(/images/headers-bg.png) 0 -825px no-repeat} h2.heading-category-390 {background: url(/images/headers-bg.png) 0 -871px no-repeat} .reg_now {position:relative; top:10px; right:15px; float:right;} .reg_now a.but-learn-more, .reg_now a.link_to_reg {width:175px; height:47px; display: block; text-indent: -9999px} .reg_now a.but-learn-more:link, .reg_now a.but-learn-more:visited {background: url(/images/but-learn-more.png) 0 -48px no-repeat} .reg_now a.but-learn-more:hover, .reg_now a.but-learn-more:active {background: url(/images/but-learn-more.png) no-repeat} .reg_now a.link_to_reg:link, .reg_now a.link_to_reg:visited {background: url(/images/but-register.png) 0 -48px no-repeat} .reg_now a.link_to_reg:hover, .reg_now a.link_to_reg:active {background: url(/images/but-register.png) no-repeat} .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, #sponsors {background: url(/images/icons.gif) 0 -214px no-repeat} #blog_categories{background: url(/images/icons.gif) 0 -333px no-repeat; margin-bottom: 20px} #blog_roll{background: url(/images/icons.gif) 0 -333px no-repeat;} #upcoming_events {background: url(/images/icons.gif) 0 -333px no-repeat;} .upcoming_events {border-bottom:1px dotted #ccc; padding: 6px 6px 6px 0px; margin: 0} #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} #contact_form {border-bottom:1px solid #ccc; background: #eee; padding-bottom: 10px; position: relative} #contact_form p {margin-bottom: 5px} #contact_form #contact_firstname, #contact_form #contact_lastname {width: 180px !important; margin-right: 4px} #contact_phone, #contact_email, #contact_occup, #contact_comments {width: 370px !important} #contact_comments {height: 90px !important} .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: 0px 0 10px 15px; border: 1px solid #ccc; background-color: #eee; padding:20px 10px 10px 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:-15px 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} .pagination a {padding:3px 5px 3px 5px;} .pagination a:link, .pagination a:visited {border: 1px solid #ccc; background-color: #eee; color:#000} .pagination a:hover, .pagination a:active {border: 1px solid #333; background-color: #666; color:#fff} /**************************** 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;height:300px;margin:60px 0px 0px 0px;padding-bottom: 40px;color:#fff;background: #47473d url(/images/footer-bg.png) repeat-x;} #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 {color: #fff;} #footer a:hover, #footer a:active {color: #000;background-color: #fff;} .center{text-align:center;} #copy {text-align:center;padding: 10px 0 50px 0;} /*** 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: 20em; /* 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.8em; /* 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: 20em; /* 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.2em; display: block; } .sf-menu a {padding: 1.1em 1em .8em 1em; text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#fff;} .sf-menu li {background:inherit;} .sf-menu li a { border-right: 1px solid #999;} .container .sf-menu li a:last_item {border-right: none;} .sf-menu li li {background: #669966;} .sf-menu li li a { border-top: 1px solid #90a990; border-left: 1px solid #90a990; padding: 1em .5em .7em .5em;} .sf-menu li li li {background:#669966;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #669966; 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:#336633;outline:0;} /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; 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; } /*** 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'); }