/*
--------------------------------------------------------
Title: Puma Yoga - Main Style Sheet
Author: Bradford Dielman - www.braddielman.com
Last Updated: March 5, 2010
--------------------------------------------------------
*/

@import url(reset.css);

/*
--------------------------------------------------------
=GENERAL STYLES
--------------------------------------------------------
*/

body {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4em;
font-size: 62.5%;
background: #f8f78f;
}
a:link, a:visited {text-decoration: none;}
a img {border: 0;}
.hide {display: none;}
a {color: #5d126c;}
a:hover {text-decoration: underline;}
a:active {color: #666;}
#footer a {color: #fff;}

/*
--------------------------------------------------------
=LAYOUT
--------------------------------------------------------
*/

html {text-align: center;}
body {
position: relative;
text-align: left;
color: #333;
}
div#banner {
height: 212px;
margin: 0 auto;
padding: 30px 10px 0 10px;
width: 940px;
}
body#schedule div#banner {display: none;}
#main-content {
overflow: hidden;
width: 940px;
margin: 0 auto;
padding: 0 10px;
background: #f8f78f;
}
div#content {
float: left;
width: 540px;
margin: 30px 20px 30px 0;
}
body#about div#content, body#tips div#content {width: 460px;}
body#blog div#content {width: 620px;}
body#blog div#sidebar {width: 300px;}
body#prenatal div#content, body#workshops div#content, body#contact div#content, body#instructors div#content, body#testimonials div#content {width: 940px;}
div#sidebar {
float: left;
width: 380px;
margin: 30px 0;
}
body#about div#sidebar, body#tips div#sidebar {width: 460px;}
body#prenatal div#sidebar, body#instructors div#sidebar {display: none;}
#prenatal-intro {
width: 940px;
margin: 0 auto;
}
div#pre-1, div#pre-2, div#pre-3 {
float: left;
width: 300px;
margin: 30px 0 0 0;
}
div#pre-1, div#pre-2 {margin-right: 20px;}
#footer {
clear: both;
padding: 30px 0;
color: #5d126c;
height: 8em;
}
#footer-inner {
overflow: hidden;
width: 940px;
margin: 0 auto;
padding: 0 10px;
}

/*
--------------------------------------------------------
=HEADER and LOGO
--------------------------------------------------------
*/

#header {
height: 17em;
background: #f8f78f url(../img/header-bg-grad.gif) repeat-x top;
border-top: 7px solid #5d126d;
}
#header-inner {
position: relative;
width: 940px;
margin: 0 auto;
padding: 0 10px;
height: 17em;
z-index: 2;
}
#header h1 {
position: absolute;
top: -10px;
left: -10px;
width: 246px;
height: 192px;
}
#header h1 a {
text-indent: -5000px;
border-style: none;
display: block;
width: 246px;
height: 192px;
overflow: hidden;
background: url(../img/puma-yoga-logo-2.png) no-repeat;
}
#header p {
font-size: 1.6em;
font-weight: bold;
font-style: italic;
/*text-transform: uppercase;*/
color: #6a6350;
position: absolute;
top: 88px;
right: 0;
}
body#home #header h1 a:hover {cursor: default;}

/*
--------------------------------------------------------
=BANNER STYLES
--------------------------------------------------------
*/

div#banner img {
padding: 6px;
background: #f8ffbf;
border: 1px solid #af9837;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div#banner img.left, div#banner img.middle {margin-right: 17px;}

/*
--------------------------------------------------------
=UTILITY AND MAIN NAVIGATION
--------------------------------------------------------
*/

/* Utility Navigation */

ul#utility-nav {
position: absolute;
top: 0px;
right: 10px;
background: #5d126c;
padding: 0px;
}
ul#utility-nav li {
float: left;
font-size: 1.6em;
line-height: 1em;
padding: 8px 10px 10px 10px;
}
ul#utility-nav li.first {
background: url(../img/utility-nav-lc.gif) no-repeat bottom left;
margin-right: -10px;
}
ul#utility-nav li#tips_nav, ul#utility-nav li#testimonials_nav {margin-right: -10px;}
ul#utility-nav li.last {
background: url(../img/utility-nav-rc.gif) no-repeat bottom right;
padding-left: 0;
}
ul#utility-nav li a {
color: #fff;
text-decoration: none;
}
ul#utility-nav li a:hover {color: #f8f78f;}

/* Main Navigation */

ul#main-nav {
position: absolute;
bottom: 24px;
right: 10px;
}
ul#main-nav li {
float: left;
font-size: 1.8em;
margin-left: .8em;
padding-left: .8em;
border-left: 2px solid #5d126c;
text-transform: lowercase;
}
ul#main-nav li.first {border: none;}
ul#main-nav li a {
color: #5d126c;
padding-bottom: .2em;
text-decoration: none;
}
/* ul#main-nav li a:hover {border-bottom: 3px solid #5d126c;} */

/* Active Page Marker for Navigation */

body#home #home_nav a,
body#tips #tips_nav a,
body#testimonials #testimonials_nav a,
body#about #about_nav a,
body#contact #contact_nav a, 
body#blog #blog_nav a {
color: #f8f78f;
cursor: default;
}
body#schedule #class_nav a,
body#descriptions #class_nav a,
body#pricing #class_nav a,
body#workshops #workshops_nav a,
body#prenatal #prenatal_nav a,
body#instructors #instructors_nav a {
/* border-bottom: 3px solid #5d126c; */
cursor: default;
}	

/*-----------------------------------------------
=DROP DOWN MENUS
-----------------------------------------------*/

/* Level One */
ul.dropdown {position: relative; z-index: 3;}
ul.dropdown a:hover {color: #000;}
ul.dropdown a:active {color: #ffa500;}
ul.dropdown li:last-child a {border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
color: #000;
position: relative;
}
ul.dropdown li.hover a {color: #000;}

/* Level Two */
ul.dropdown ul {
background: #f8ffbf;
border: 1px solid #af9837;
width: 185px;
visibility: hidden;
position: absolute;
top: 2em;
left: .7em;
font-size: .4em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul#main-nav.dropdown ul li {
background: url(../img/dd_li_border.gif) no-repeat bottom;
border-left: none;
font-weight: normal;
display: block;
color: #000;
float: none;
margin: .3em 0;
padding: .3em .8em .4em;
}
ul#main-nav.dropdown ul li:last-child {background: none;}
ul.dropdown ul li a {
border-right: none;
width: 98%;
padding: .2em;
display: inline-block;
}
ul.dropdown ul li a:hover {background: #f3e772;}

/* Level Three */
ul.dropdown ul ul {
left: 100%;
top: 0;
}
ul.dropdown li:hover > ul {visibility: visible;}

/*
--------------------------------------------------------
=CONTENT STYLES
--------------------------------------------------------
*/

body#home #content h2#welcome {
font-size: 2.4em;
margin-bottom: .4em;
text-indent: -9999px;
background: url(../img/welcome-title.gif) no-repeat;
width: 162px;
height: 27px;
border: none;
}
#content h2, body#blog #sidebar h2 {
font-size: 2em;
margin-bottom: .5em;
border-bottom: 1px solid #5d126c;
padding-bottom: .5em;
}
#content p {
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: 1em;
}
#content p.intro {
font-size: 1.8em;
color: #444;
margin-bottom: 1em;
}
#content blockquote {margin-bottom: 2em;}
#content blockquote p {
font-style:  italic;
font-size: 1.8em;
color: #af9837;
padding: 0 40px 0 0;
}
#content blockquote p.author {
margin-top: -.5em;
font-size: 1.4em;
}
#content img {
display: block;
margin-bottom: 2em;
padding: 6px;
background: #f8ffbf;
border: 1px solid #af9837;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
body#home #content ul.style-list {
list-style: square;
padding-left: 15px;
}
body#home #content ul.style-list li {padding-bottom: .2em;}

/*
--------------------------------------------------------
=SIDEBAR STYLES
--------------------------------------------------------
*/

#sidebar h2 {
font-size: 2em;
margin-bottom: .5em;
border-bottom: 1px solid #5d126c;
padding-bottom: .5em;
}
body#home #sidebar h3 {
border: none;
color: #333;
text-transform: none;
}
#sidebar p {
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: 1em;
}
#sidebar img {
padding: 6px;
background: #f8ffbf;
border: 1px solid #af9837;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
#sidebar p img.thumbnail {
float: right;
margin: 0 0 .5em .5em;
}
#sidebar p.more, div#map p.more, div.vcard p.more {margin-bottom: 2em;}
#sidebar p.more a, div#map p.more a, div.vcard p.more a {
padding: 4px 5px 2px 5px;
background: #f8ffbf;
border: 1px solid #af9837;
text-decoration: none;
color: #444;
margin-top: .5em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#sidebar p.more a:hover, div#map p.more a:hover, div.vcard p.more a:hover {background: #f6f3ad;}
body#about #sidebar img {
display: block;
margin-bottom: 2em;
}
div.teaser {
background: url(../img/corner-gradient.gif) no-repeat top left;
padding: 20px 0 10px 20px;
}
div.teaser table {
border-bottom: 1px dotted #999;
font-size: 1.4em;
margin-bottom: 1.5em;
}
div.teaser table caption {
font-size: 1.1em;
font-weight: bold;
margin-bottom: .2em;
}
div.teaser table tr {
border-top: 1px dotted #999;
padding: .4em 0;
}
div.teaser table td {
padding: .4em .2em .2em;
width: 50%;
}
body#levels div#teaser, body#descriptions div#teaser {padding-bottom: 1.5em;}
body#schedule div#sidebar ul, body#levels div#sidebar ul, body#descriptions div#sidebar ul, body#pricing div#sidebar ul {margin-bottom: 2em;}
body#schedule div#sidebar li, body#levels div#sidebar li, body#descriptions div#sidebar li, body#pricing div#sidebar li {font-size: 1.6em;}
body#schedule div#sidebar li a, body#levels div#sidebar li a, body#descriptions div#sidebar li a, body#pricing div#sidebar li a {
padding: 8px 0px 8px 24px;
background: url(../img/sidebar-nav.gif) no-repeat left center;
color: #af9837;
text-decoration: none;
display: block;
}
body#schedule div#sidebar li a:hover, body#levels div#sidebar li a:hover, body#descriptions div#sidebar li a:hover, body#pricing div#sidebar li a:hover {
background: url(../img/sidebar-nav.gif) no-repeat left center;
color: #333;
}
body#schedule div#sidebar #schedule_nav a,
body#levels div#sidebar #levels_nav a,
body#descriptions div#sidebar #descriptions_nav a,
body#pricing div#sidebar #pricing_nav a {
background: url(../img/sidebar-nav-active.gif) no-repeat left center;
cursor: default;
color: #333;
}

/*
--------------------------------------------------------
=TABLE STYLES
--------------------------------------------------------
*/

/* Specific Styles for Schedule Page Table */


body#schedule table {
width: 100%;
line-height: 1.2em;
}
body#schedule table th.time {width: 30%}
body#schedule table th.style {width: 35%}
body#schedule table th.instructor {width: 35%}

/* General Styles for Tables */

h3 {
font-size: 1.6em;
line-height: 1em;
margin-bottom: .5em;
border-bottom: 1px solid #5d126c;
}
body#schedule table {
font-size: 1.4em;
margin-bottom: 1em;
border: 1px solid #af9837;
border-bottom: none;
}
body#schedule table caption {
/*text-transform: uppercase;*/
padding-bottom: .5em;
}
body#schedule table td, body#schedule table th {
padding: 10px;
border-bottom: 1px solid #af9837;
}
body#schedule table tr {background: #f8ffbf;}
body#schedule table tr:hover {background: #f6f3ad;}
body#schedule .time, body#schedule .style, body#schedule .instructor {
background: #f0dc5e url(../img/table-hd-grad.gif) repeat-x top;
font-weight: bold;
color: #444;
}
body#workshops table {
font-size: 1.4em;
margin: .5em 0 2em;
width: 460px;
}
body#pricing table {
font-size: 1.4em;
width: 100%;
margin-bottom: 2em;
}
body#pricing table tr.last td {text-align: left;}
body#pricing th, body#workshops th {
font-weight: bold;
padding: 6px;
vertical-align: middle;
width: 33%;
}
body#pricing td, body#workshops td {
text-align: right;
padding: 6px;
vertical-align: middle;
width: 34%;
}
body#workshops td.tbl-button {width: 10%;}
body#workshops td.tbl-button form {display: block;}
body#pricing tr, body#workshops tr {border-bottom: 1px dotted #af9837;}
body#workshops td.purchase {width: 33%;}
table.workshops-list tr:hover {background: #f7ffb6;}
table.workshops-list {
float: right;
width: 460px;
}

/*
--------------------------------------------------------
=TIPS STYLES
--------------------------------------------------------
*/

body#tips #main-content h2 {
border-bottom:1px solid #5d126c;
font-size: 2em;
margin: 30px 0 .5em 0;
padding-bottom: .5em;
}
body#tips #content, body#tips #sidebar {
margin-top: 1em;
}
div#tips-section ul {
margin-left: 1.4em;
}
div#tips-section li {
list-style-type: disc;
padding-bottom: .8em;
}


/*
--------------------------------------------------------
=SCHEDULE PAGE STYLES
--------------------------------------------------------
*/

body#levels dt, body#descriptions dt {
font-size: 1.2em;
line-height: 1em;
margin-bottom: .5em;
border-bottom: 1px solid #b39d3b;
/*text-transform: uppercase;*/
color: #444;
padding: 10px 0 5px 10px;
background: url(../img/corner-gradient.gif) no-repeat top left;
}
body#levels dd, body#descriptions dd, body#pricing dd {margin-bottom: 1em;}
body#levels dl, body#descriptions dl, body#pricing dl {margin-bottom: 2.5em;}
body#levels dd p, body#descriptions dd p, body#pricing dd p, body#pricing dd ul {font-size: inherit;}
body#pricing dd ul li {
font-size: 1.1em;
margin-bottom: .2em;
}
body#schedule td span {
font-size: .8em;
/*text-transform: uppercase;*/
background: #f8f78f;
border: 1px solid #af9837;
padding: 2px 2px 1px 2px;
}
body#schedule h3 {
color: #333;
border: none;
margin: 1em 0 1em 0;
}
body#descriptions #content h3 {margin-bottom: 1em;}

/*
--------------------------------------------------------
=PRICING PAGE STYLES
--------------------------------------------------------
*/

body#pricing h3 {
line-height: 1em;
margin-bottom: .8em;
border-bottom: 1px solid #b39d3b;
/*text-transform: uppercase;*/
color: #444;
padding: 10px 0 5px 10px;
background: url(../img/corner-gradient.gif) no-repeat top left;
}
body#pricing #main-content h4 {
color: #333;
font-size: 1.6em;
margin-bottom: .5em;
line-height: 1em;
text-transform: none;
}
ul#price-info {margin-left: 20px;}
ul#price-info li {
line-height: 1.5em;
list-style-type: square;
margin-bottom: .5em;
}
p.disclaimer, #content p.disclaimer {
font-size: 1em;
margin-bottom: .5em;
}
body#pricing #content table p.disclaimer {font-size: .75em;}
body#pricing p.disclaimer_last {
font-size: 1em;
margin-bottom: 2em;
}

/*
--------------------------------------------------------
=PRENATAL PAGE STYLES
--------------------------------------------------------
*/

body#prenatal h2 {
font-size: 2em;
margin-bottom: .5em;
border-bottom: 1px solid #5d126c;
padding-bottom: .5em;
}
body#prenatal p {
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: 1em; 
}
div#pre-1 img, div#pre-2 img, div#pre-3 img {
margin-bottom: 2em;
padding: 6px;
background: #f8ffbf;
border: 1px solid #af9837;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
ul.baby-profile li {
float: left;
margin-right: 20px;
overflow: hidden;
width: 220px;
}
ul.baby-profile li.last {margin-right: 0;}
body#prenatal ul.baby-profile li img {
float: left;
margin-right: 5px;
}
body#prenatal ul.baby-profile li p {
font-size: 1em;
font-style: italic;
display: inline;
margin-top: 1em;
}
body#prenatal ul.baby-profile li span {
/*text-transform: uppercase;*/
font-weight: bold;
font-style: normal;
color: #444;
display: block;
}

/*
--------------------------------------------------------
=WORKSHOP AND INSTRUCTORS PAGE STYLES
--------------------------------------------------------
*/

div.event {
margin-bottom: 3em;
overflow: hidden;
padding-top: .5em;
position: relative;
z-index: 1;
}
div.event h2 {line-height: 1.1em}
div.event h2 span {
text-transform: none;
}
div.description {
float: left;
width: 460px;
margin-right: 20px;
overflow: hidden;
}
div.additional-info {
float: left;
width: 460px;
overflow: hidden;
}
body#workshops h3, body#instructors h3 {
color: #333;
border: none;
}
body#workshops #main-content h4 {
color: #333;
text-transform: none;
font-size: 1.4em;
margin-bottom: .2em;
}
body#workshops h4.combined {
/*text-transform: uppercase;*/
margin: .5em 0 .5em;
color: #5d126c;
}
body#workshops p.event-meta {
font-size: 1.4em;
font-weight: bold;
}
body#workshops .disclaimer {font-size: 1.1em;}
div.additional-info img.split {
float: left;
margin-right: 20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
div.additional-info img.split-last {margin-right: 0;}
body#instructors div#content ul {font-size: inherit;}
body#instructors div#content li h3, body#instructors div#content li p {width: 540px;}
body#instructors div#content li {
position: relative;
margin-top: 20px;
padding-bottom: 5px;
min-height: 35em;
z-index: 1;
}
body#instructors div#content li.last {padding-bottom: 0}
body#instructors div#content ul li h3 {
width: 530px;
line-height: 1em;
margin-bottom: .8em;
border-bottom: 1px solid #b39d3b;
/*text-transform: uppercase;*/
color: #444;
padding: 10px 0 5px 10px;
background: url(../img/corner-gradient.gif) no-repeat top left;
}
body#instructors div#content li img {
position: absolute;
top: 0;
right: 0;
}
span.singfee {
font-size: 1.1em;
font-weight: bold;
/*text-transform: uppercase;*/
}
body#workshops img.thumbs {
float: left;
margin: 0 1em 1em 0;
}
h2.subs {margin-top: 1em;}
a.genBook-button {
background: url(../img/sm-book.gif) no-repeat 0 0;
display: block;
float: right;
height: 22px;
margin-bottom: .5em;
text-align: left;
text-indent: -9999px;
width: 65px;
}
a.purchase-btn {
background: url(../img/sm-paypal.gif) no-repeat 0 0;
display: block;
float: right;
height: 22px;
text-align: left;
text-indent: -9999px;
width: 65px;
}
body#workshops h3.callout {
background: url(../img/corner-gradient.gif) no-repeat top left;
margin-bottom: 1em;
border-bottom: 1px solid #b39d3b;
padding: 10px 0 5px 10px;
}

/*
--------------------------------------------------------
=CONTACT PAGE STYLES
--------------------------------------------------------
*/

body#contact iframe {
display: block;
padding: 6px;
background: #f8ffbf;
border: 1px solid #af9837;
margin-bottom: 2em;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
z-index: 1;
}
body#contact #content div.vcard {
float: left;
width: 460px;
margin-right: 20px;
font-size: 1.6em;
line-height: 1.3em;
}
body#contact div.profile {
float: left;
width: 300px;
overflow: hidden;
margin-bottom: 1em;
}
body#contact div.vcard span.type {display: none;}
body#contact div.vcard a.fn {font-weight: bold;}
body#contact h3 {
color: #333;
text-transform: none;
font-size: 1em;
margin-bottom: .2em;
border: none;
}
body#contact #content div.vcard div.adr {clear: left;}
body#contact div.contact-img {
float: left;
margin-right: 20px;
margin-bottom: 0;
width: 140px;
}
body#contact div.dnld {
margin-top: .5em;
padding-left: 35px;
background: url(../img/icon-hcard-add.gif) no-repeat 0 0;
}
div#map {
float: left;
width: 460px;
}
body#contact h3 {margin-top: 1em;}
body#contact p#parking {font-size: .9em;}

/*
--------------------------------------------------------
=FOOTER STYLES
--------------------------------------------------------
*/

ul#sub-nav {
overflow: hidden;
margin-bottom: 1em;
}
ul#sub-nav li {
float: left;
margin-right: 7px;
padding-right: 7px;
font-size: 1.2em;
/*text-transform: uppercase;*/
border-right: 1px solid #5d126c;
}
ul#sub-nav li.last {border: none;}
ul#sub-nav li a {color: #5d126c;}
p#copyright {
font-size: 1.2em;
padding: 27px 0 27px 65px;
background: url(../img/puma-logo-footer.gif) no-repeat center left;
}
div#footer-left {
float: left;
width: 82%;
}
div#footer-right {
float: right;
width: 15%;
}
div#footer div.vcard {
font-size: 1.3em;
line-height: 1.3em;
text-align: right;
}
div#footer div.vcard h4 {
margin-bottom: .2em;
}

/*
--------------------------------------------------------
=TESTIMONIAL STYLES
--------------------------------------------------------
*/

blockquote.testimonial-content {
background: url(../img/testimonial_bq_bg.gif) no-repeat top left;
float: left;
margin-right: 20px;
padding: 20px;
width: 420px;
}
blockquote.last {margin-right: 0;}
#content blockquote.testimonial-content p {padding-right: 0;}

/*
--------------------------------------------------------
=MISCELLANEOUS
--------------------------------------------------------
*/

caption.xmas {
background: url(../img/xmas-tbl-img.gif) no-repeat 0 0;
padding-left: 30px;
}
caption.xmas em {
font-size: .9em;
font-style: normal;
text-transform: none;
}
caption.nyrs {
background: url(../img/newyrs-tbl-img.gif) no-repeat 4px 0;
padding-left: 30px;
}
div#holiday-schedule {
border-bottom: 1px solid #af9837;
margin-bottom: 2.5em;
padding-bottom: 1em;
}
a.return {
position: absolute;
right: 0;
top: 10px;
background: url(../img/return-icon.gif) no-repeat;
height: 16px;
width: 16px;
display: block;
text-indent: -9999px;
}
a.pdf {
background: url(../img/acrobat.gif) no-repeat 0 0;
padding-left: 20px;
line-height: 1.2em;
}

/*
--------------------------------------------------------
=BLOG STYLES
--------------------------------------------------------
*/

body#blog div.article {overflow: hidden;}
body#blog div.article h3, body#blog div.article h2, body#blog div.article h4, body#blog h3 {
color: #333;
border: none;
text-transform: none;
line-height: 1.2em;
}
body#blog div.article h3 {
font-size: 1.8em;
margin-bottom: .2em;
}
body#blog div.article h2 {
font-size: 2em;
padding-bottom: 0;
}
body#blog div.article h4 {
font-size: 1.6em;
margin-bottom: .5em;
}
body#blog div.article blockquote p {
font-size: 1.4em;
font-style: normal;
padding: 0 1em;	
}
body#blog div.article p img.image-left {
float: left;
margin: 0 1em 1em 0;
}
body#blog div.article p img.image-right {
float: right;
margin: 0 0 1em 1em;
}
body#blog div.article cite {font-style: italic;}
body#blog div.article li {
margin-left: 2.5em;
line-height: 1.2em;
padding-bottom: .3em;
}
body#blog div.article ul {list-style-type: disc;}
body#blog div.article ol {list-style-type: decimal;}
body#blog div#sidebar li {
font-size: 1.4em;
padding-bottom: .3em;
line-height: 1.2em;
}
body#blog div#sidebar ul {margin-bottom: 2em;}
body#blog p.article-meta {margin-bottom: 1em;}
body#blog div#recent-articles p {margin-bottom: 2em;}
body#blog div#recent-articles p.article-meta {
font-size: 1.2em;
margin-bottom: .5em;
}

/*
--------------------------------------------------------
=COMMENT STYLES
--------------------------------------------------------
*/

/* Comments */

div#comments {
border-top: 1px solid #333;
padding-top: 2em;
margin-top: 2em;
margin-bottom: 2.5em;
}
div#comments dl {
padding: .8em .5em;
margin-bottom: .5em;
}
div#comments dl.even {
background: #f8ffbf;
border-top: 1px solid #af9837;
border-bottom: 1px solid #af9837;
}
dt span.comment-meta {
font-size: .8em;
color: #555;
margin-left: .8em;
}
div#comments dd p {font-size: 1em;}

/* Comment Form */
body#blog ol label {display: block}
body#blog ol input, body#blog ol textarea {
border: 1px solid #444;
padding: .3em;
font-size: 1em;
font-family: Helvetica, Arial, sans-serif;
color: #333;
width: 23em;
}
body#blog ol input, body#blog ol textarea {
display: block;
margin-bottom: 1em;
}
body#blog ol img {
border: none;
margin-bottom: .5em;
padding: 0;
}

/*
--------------------------------------------------------
=GENERAL TYPOGRAPHY
--------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
/*text-transform: uppercase;*/	
color: #5d126c;
line-height: 1em;
font-weight: bold;
}
em {font-style: italic;}
strong {font-weight: bold;}
abbr {border-bottom: 1px dotted #333;}
div#content ul, div#content ol {
font-size: 1.4em;
margin-bottom: 1em;
line-height: 1.4em;
}
body#workshops div.additional-info ul {margin: 1em 0;}
body#workshops div.additional-info ul li {
margin-left: 15px;
list-style-type: square;
}
dl {
font-size: 1.4em;
margin-bottom: 1em;
line-height: 1.4em;
}
dt {font-weight: bold;}
a.newsltrbtn, a.twitterbtn, a.facebookbtn {
display: block;
text-indent: -9999px;
height: 50px;
width: 250px;
margin-top: 20px;
}
a.newsltrbtn {background: url(../img/newsletterbtn.gif) no-repeat top left;}
a.twitterbtn {background: url(../img/twitterbtn.gif) no-repeat top left;}
a.facebookbtn {background: url(../img/facebookbtn.gif) no-repeat top left;}
a.newsltrbtn:hover {background-position: bottom left;}
a.twitterbtn:hover {background-position: bottom left;}
a.facebookbtn:hover {background-position: bottom left;}
input.paypal {
display: block;
height: 30px;
width: 90px;
margin-top: -1em;
margin-bottom: 2em;
}
.announcement {
padding: 10px;
background: #f8ffbf;
border: 1px solid #af9837;
margin-bottom: 2em;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
table {line-height: 1.2em;}
p.print-note {
background: url(../img/print_icon.gif) no-repeat 0 0;
padding: 8px 0 8px 35px;
color: #af9837;
font-style: italic;
}

/* =Clearfix (all browsers)
--------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE6 */ 
* html .clearfix {height: 1%;}

/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}