/* -------------------------------------------------------------- 
   
CSS menus and rounded-corner boxes based with gratitude on examples at Stu Nicholls' CSS Play: http://www.cssplay.co.uk

  -------------------------------------------------------------- */
   
body { font-size: 75%;  color: #222; font-family: Verdana, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; margin-top:1em;} 

/* Grid 
-------------------------------------------------------------- */
body { margin:0; }
/* Border on right hand side of a column. */
div.border {
border-right: 2px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  border-right: 2px solid #b9cf98;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;   color: #111;   font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1,h2 { font-size: 1.4em; padding: 5px 0 10px 27px; text-transform:lowercase; letter-spacing:2px; border-bottom:2px; border-color:black; background:url(http://www.studio34yoga.com/art/common/tinybug.gif); background-repeat: no-repeat; background-position: center left; }
h1 {font-weight:bold;}
h3 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; font-weight: bold;}  

hr {
  background: #aaa; 
  color: #aaa;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}

/* Text elements
-------------------------------------------------------------- */ 

p.last    { margin-bottom: 0; }

img, p img         {margin: 0 0 1.5em 0; padding: 0; border: 1px solid #666666;}
img.right       { float: right; clear:right; margin-left:1.5em;}
img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img.left {float:left; margin-right:1em;}

img.noborder {border:0}
img.border {border: 1px solid #666666;}
img { -ms-interpolation-mode:bicubic; }


a, a:link           {text-decoration: none;}
a:focus, a:hover     {text-decoration: underline;}

.bold {font-weight: bold;}

.event { font-size: 1.2em; font-weight: bold;}
.date {font-size:1em; font-weight: bold; text-transform:uppercase; margin-left:10px;}
.details {font-weight: normal; text-transform:none;}
.more {font-size: 1em; font-weight: bold; text-transform:uppercase;}
.small {font-size:.75em;}
.tight {margin-bottom:0;}

#events li {list-style:none;}
#events p.type {font-size:.8em; font-weight:bold; color:#666; text-transform:uppercase; margin: 0; background:url(http://www.studio34yoga.com/art/common/orangeblocksmall.gif) no-repeat left center; padding: 0 0 0 15px;}
#events p.title {font-size: 1.3em; font-weight: bold; margin: 0;}
#events p.subtitle {font-size: 1em; margin: 0 0 0 20px;}
#events p.date {font-size:.8em; font-weight: bold; text-transform:uppercase; margin: 5px 0 5px 20px;}
#events p.detail {font-weight: normal; text-transform:none; margin:0 0 15px 0px;}
#events p.form {margin:-15px 0 0 0;}
#events form {padding:0; margin: 0 0 25px 0; font-size:12px;}

#events li.normal {list-style:disc; border:0; margin:0; padding:0;}
#events ul.normal {margin-top:-10px; margin-bottom: 10px;}
#events hr {width:50%; color:silver; margin:0 0 3px 0px; padding:0;}

#footer {clear: both;}
#footer p {text-align:center; font-size: 10px;}
#footer img {display: block;
    margin-left: auto;
    margin-right: auto;}

#leftbar p {margin:0; width:130px; padding: 2px 10px 2px 10px; font-size:10px; border-top:1px solid #aaa; }
#leftbar p.first {padding-top:5px; border-top:0; background:url(http://www.studio34yoga.com/art/nav/leftnavbarcornertop.gif); background-repeat: no-repeat; }
#leftbar p.last {margin-bottom:1.5em;padding-bottom:4px; background:url(http://www.studio34yoga.com/art/nav/leftnavbarcornerbottom.gif); background-repeat: no-repeat; background-position: bottom left; }

#leftbar p.first {background-color:#b9cf98;} 
#leftbar p {background-color:#b9cf98;}
#leftbar p.last {background-color:#b9cf98; }

#leftbar img {width:130px; margin: 5px 0 5px 0;}
#leftbar ul {margin:0; padding: 0 10px 0 25px; font-size:10px; background-color:#b9cf98; margin-bottom:0}
#leftbar form {background-color:#b9cf98; width:130px; padding: 2px 10px 2px 10px; margin-top:-25px;}
#leftbar input {font-size:10px; padding:0;}
#leftbar p.norule {border-top:none; width:130px}


#leftbar p.paleyellow {background-color:#ffe9ba;}
#leftbar p.golden {background-color:#FFB90F;}



/* Photos with captions */

div.figure {
width:350px;
padding: 10px; 
margin: 0 0 1em 10px; /* needed to support centering of almost-full-width figures */
border: thin solid silver;
/* width: 98%;  margin-left: 2%; */
float: right; 
}

div.figure img {margin:0; padding:0 0 5px 0;} 

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
/*padding-left: 1%;
padding-right: 1%; */
line-height: 1.2;
margin: 0; padding:0;
font-size: 95%;
}

div.trolley {
padding: 10px; 
margin: 0 0 1em 0px; /* needed to support centering of almost-full-width figures */
border: thin solid silver;
width: 98%;  margin-left: 2%;
float: right; 
}

div.trolley img {margin:0; padding:0;} 

div.trolley p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
padding-left: 1%;
padding-right: 1%;
line-height: 1.2;
margin: 0; padding:0;
font-size: 95%;
}

/* end photos and captions */


/* Table for class schedules */

table#classes {padding: 10px; border:none;}
table#classes td {  
  border-top: 1px solid #C0C0C0;
  padding: 0 3px 0 3px;
  margin: 0px;
  vertical-align: top;}
table#classes td.space {border-top:none;}
/* End table for class schedules */


/* round-corner boxes */

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#000;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent;}
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
/* end hack for IE5.5 */

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #183394; border-right:1px solid #183394;}

.xb1 {margin:0 8px; background:#183394;}
.xb2 {margin:0 6px; background:#183394;}
.xb3 {margin:0 4px; background:#183394;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;}

.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#fff; border:3px solid #183394; border-width:0 3px;}


/* end round-corner boxes */