/* from Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
/* Karma styles */
body {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:100%;background-color:#ebc3cc;}
h1 {margin:1em 0 0.5em 0;font-size:1.231em;font-weight:bold;color:#c30033;}
h2 {margin:1.5em 0 0.5em 0;font-size:1.153em;font-weight:bold;color:#c30033;}
h3 {margin:0.5em 0 0.3em 0;font-size:0.923em;font-weight:bold;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
p, address {margin:0.5em 0 1em 0;line-height:140%;}
address {font-style:normal;}
em {font-style:italic;}
strong {font-weight:bold;}
/* Layout */
#header, #torso {font-size:0.875em;background-color:#fff7f9;}
#header {padding:20px 0 0 10%;height:137px;background:#b75b70 url('header_top.jpg') repeat-x top left;}
#header #logo {display:block;height:117px;width:276px;background:transparent url('logo.png') no-repeat top left;}
#header #logo:hover {text-decoration:none;}
#content {width:90%;padding:2em 1em;margin:0 auto;background-color:#fff;border:1px solid #eee;}
#ribbon {width:90%;padding:1em;margin:0 auto;background-color:#fffadd;border:1px solid #ffe084;border-top:none;}
#ribbon a {margin:0 1em;padding-left:22px;background:transparent url('asterisk_orange.png') no-repeat center left;}
#footer {clear:both;margin:1.5em auto;padding:2em 5% 0.5em 5%;text-align:center;font-size:0.846em;font-weight:bold;word-spacing:1px;background-color:#ebc3cc;border-top:1px solid #e3abb8;color:#666;}
#features {width:86%;margin:1em auto;}
#features ul li {float:left;width:250px;margin:0 15px 10px 0;padding:10px;background-color:#fff;border:1px solid #eee;}
#features ul li.supports {padding-top:25px;background:#fff url('supports.png') no-repeat top left;}
#features ul li.event {padding-top:25px;background:#fff url('event.png') no-repeat top left;}
#features ul li.event img {border:1px solid #ccc;}
#features ul li.whatsay {padding-top:25px;background:#fff url('whatsay.png') no-repeat top left;}
#features ul li img {display:block;float:left;margin-right:10px;}
#features h4 {margin:0.2em 0 0.5em 0;font-weight:bold;color:#ccc;}
div.monocol, div.colwrap {padding:0 1em;}
div.twocol {width:45%;}
div.col60 {float:left;width:57%;}
div.col40 {float:right;width:35%;margin-right:2%;}
div.col70 {width:66%;}
div.col30 {width:27%;}
div.left_col {float:left;margin-left:1%;margin-right:2%;}
div.right_col {float:right;margin-left:2%;margin-right:1%;}
/* Navigation */
#menu {height:43px;background:#fff7f9 url('header_nav.jpg') repeat-x top left;}
#menu ul {width:90%;margin:0 auto;}
#menu li {float:left;}
#menu a {display:block;margin:0 0.2em;padding:0.5em 1em;padding-bottom:10px;font-size:0.9231em;font-weight:bold;line-height:1.538em;color:#fff;}
#menu a:hover {text-decoration:none;background:transparent url('menu_shade.png') repeat-x top left;}
#home #home_link,
#news-and-events #news-and-events_link,
#schedule #schedule_link,
#prices #prices_link,
#teachers #teachers_link,
#synchronicity-yoga #synchronicity-yoga_link,
#gallery #gallery_link,
#contact #contact_link {background:transparent url('menu_marker.png') no-repeat bottom center;}
/* New */
#news-and-events div.callout {width:60%;margin-bottom:1em;}
#news-and-events div.callout img {float:left;margin-right:1em;}
/* Schedule */
#schedule #video {float:right;margin:2em 0;border-top:2px solid #000;}
#schedule_table {margin:1em 0 2em 0;font-size:1em;}
#schedule_table th, #schedule_table td {padding:0.4em 1em;}
#schedule_table th {font-weight:bold;text-align:left;}
#schedule_table thead th {color:#666;}
#schedule_table tr.day th, #schedule_table tr.day td {padding-top:1.5em;}
#schedule_table tr.yoga td {color:#a01040;}
#schedule_table tr.meditation td {color:#666;}
#schedule_table tr.pilates td {color:#4088a0;}
#schedule_table tr.prenatal_pilates td {color:#5f00a5;}
#schedule_table tr.private td {color:#ff9900;}
#schedule_table tr.course td {color:#559900;}
#schedule_table tr.stopped td, #schedule_table tr.stopped td span {color:#777;text-decoration:line-through;}
#schedule_table tr.stopped td.plain {text-decoration:none;}
#schedule_table tr.stopped td span.why {display:block;color:#aa0000;text-decoration:none;font-size:12px;}
#schedule_table td.note {font-size:0.8125em;color:#a33!important;}
#schedule #side_photo, #schedule #studio_photo {display:block;margin:2em 0;}
#schedule ul.notes li {margin-bottom:1em;}
#schedule ul.notes li.emphasis {font-size:1.23em;color:#ff0000;}
/* Workshops */
#workshops h3 {margin:1.5em 0 0.5em 0;font-size:1.153em;font-weight:bold;color:#c30033;}
#workshops h4 {margin:0.5em 0 0.3em 0;font-size:1em;font-weight:bold;}
#workshops ol.events li {margin:1em 0;padding:1em;border:1px solid #ddd;}
#workshops ol.events li h4 span.join {font-weight:normal;color:#666;}
#workshops ol.events li span.dates {display:block;margin:0.5em 0;}
#workshop_info h1 {font-size:1.385em;}
#workshop_info h3 {margin:1em 0 0.5em 0;font-family:serif;font-size:1.5em;color:#444;}
#workshop_info h4 {margin:0.5em 0;font-size:1.153em;}
#workshop_info .tagline {margin-top:0.5em;font-size:1.153em}
#workshop_info .when {font-weight:bold;}
#workshop_info .cost {font-weight:bold;color:#555;}
#workshop_info .description {margin:1.5em 0;padding:1em 0.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#222;}
#workshop_info .action {margin-top:2em;}
#workshop_info table.schedule th, #workshop_info table.schedule td {padding:0.5em;border-bottom:1px solid #ccc;}
#workshop_info table.schedule th {font-weight:bold;}
#workshop_info dl {margin:1em 0;}
#workshop_info ol li {margin:0.5em 0;}
#adjusting-september #workshop_info {width:55%;float:left;}
#adjusting-september ul.images {float:right;}
#adjusting-september ul.images li {margin:10px;}
#adjusting-september ul.images li img {border:1px solid #ccc;}
/* Teachers */
#teachers div.teacher {clear:both;margin-top:1em;}
/* Gallery */
#gallery div.photo {float:left;margin:0.5em;}
/* Price List */
#prices p {margin:0.2em 0;}
#prices p.joiner {color:#666;}
#prices span.per {color:#999;}
#prices span.price {font-size:1.154em;color:#7d0042;font-weight:bold;}
#prices p.equivalent {font-size:0.846em;}
#prices .choices {margin:1em 0.5em;padding-left:1em;border-left:1px solid #ccc;}
/* Contact */
#map {margin:1em 0;}
/* Synchronicity */
#synchronicity-yoga div.right_col {padding-top:4em;}
#synchronicity-yoga div.darkness {margin-bottom:1.5em;padding:2%;background:#222;text-align:center;}
#synchronicity-yoga div.darkness img {margin:1em 0;}
/* Misc elements */
.clearing {clear:both;}
span.phone {white-space:nowrap;}
div.photo img {border:1px solid #999;}
div.photo_left img {float:left;margin:0 1em 0.5em 0;}
div.photo p.caption {font-weight:bold;color:#555;text-align:center;}
ul.notes li {margin:0.3em 0;font-size:0.923em;}
dl dt {margin:0.5em 0;font-weight:bold;}
dl dd {margin:0.2em 0 1em 0;}
dl.inline dt, dl.inline dd {float:left;margin:0.5em 0;}
dl.inline dt {clear:left;width:12em;}
dl.inline dd {width:60%;}
.downplay {font-size:0.846em;color:#555;}
div.banner {margin:2em 0 1em 0;text-align:center;}
p.lead {font-size:1.071em;}
div.infobox {margin:1em 0;padding:0.8em;border:1px solid #ccc;background-color:#fbf7d3;}
div.seal img {display:block;margin:1em auto;}