html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0 none;
   font-family: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   padding:0;
   margin:0;
   vertical-align: baseline;
   outline: 0;
   background: transparent;

}


/*
||
|| Colours Used
|| On the yoga pose menu backgrounds
|| brownish #816D41 (129,109,65)
|| greenish #c1af20 (193,175,45)
||
|| On the background
|| base green/brown #5D540E (93,84,14)
|| base green/brown #5C530C (92,83,12)
|| darkest #443F00 (68, 63, 0)
|| just a bit lighter #4D4603 (77, 70, 3)
|| lightest #AA972E (170,151,46)
*/

body {
   margin: 0px 0px 1px 0px;
   zcolor: #C0BA8D;
   color: #FFCC26;
   
   background: #63492D;
   background: url(../images/anahata_background.gif) center top repeat;
    
   font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   
   
   font-size: 1.0em;
}

p.float-right {
   float: right;
   padding: 5px;
}

div.wrapper {
   max-width: 50em; /* 800/16 */
   margin: 20px auto;
}

#header {
   padding: 20px;
   height: 60px;
  
   font-style: normal;
   font-size: 0.9em;
   color: #443f30;

   background: rgba(170,151,46,.5);
   background: url(../images/bg_greenish.png) 0 0 repeat;
   
   /* CSS3 */
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   
   -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
      
}

#header img {
   display: block;
   margin: auto;
}

a {
   text-decoration: none;
   color: black;
}

div.post a {
   color: #ffcc26;
}

div.post a:hover {
   color: #816D41;
}


.nav {
   font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

#nav {
   
   line-height: 1.5em; 
   font-size: 1.25em; /* = 20/16 */
   letter-spacing: 0.075em;
   margin: .2em;
}


#nav ul li {
   display: inline-block;
   float: left;
}


#nav ul li a {
   color: #fff;
   padding: 0 .5em 0 .5em;
   text-shadow: 0 -1px 0 rgba(0,0,0,.8); 
   border-right: 2px solid #AA972E;
   
}

#nav ul li a:hover {
   color: #816D41;
}


.content {

   clear: both;
   background: url(../images/content_bg.png) 0 0 repeat;
  
   min-height: 400px;
 
   /* CSS3 */
   box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6);   
}

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

#home_content {
   background: url(../images/donna_ubud_2011.jpg) 0 0 no-repeat;
   height: 400px;
   width: 558px;
}

#home_content p {
   color: black;
   font-size: 0.82em;
   padding: 5px;
}

.content div.post {  
   float: left;
   padding: 20px;
   width: 600px;
}

#image_menu {
   float: right;
   margin: -1px;
}


#image_menu a {
   position: relative;
   display: block;
   color: white;
   text-shadow: 0 -1px 0 rgba(0,0,0,.8);
   width: 154px;
   height: 134px;
}

#image_menu a span {
   position: absolute;
   width: 100%;
   bottom: 0px;
   left: 0px;
   font-size: 1.25em;
   font-style: normal;
   letter-spacing: 0.075em;
   text-align: center;
}

#image_menu a:hover {
   background-position: -154px 0; /* rollover via shift of background image - all are the same width */
   color: #c1af2d;
   text-shadow: 0 -1px 0 rgba(0,0,0,.8); 
}


#yoga_classes a {
   background: transparent url(../images/asana_01.png) 0 0 no-repeat;
}

#yoga_workshops a {
   background: transparent url(../images/asana_02.png) 0 0 no-repeat;
}

#yoga_retreats a {
   background: transparent url(../images/asana_03.png) 0 0 no-repeat;
}

#yoga_classes_front a {
   background: transparent url(../images/asana01.png) 0 0 no-repeat;
}

#yoga_workshops_front a {
   background: transparent url(../images/asana02.png) 0 0 no-repeat;
}

#yoga_retreats_front a {
   background: transparent url(../images/asana03.png) 0 0 no-repeat;
}

#soulsong_logo a {
   display: block;
   width: 220px;
   height: 100px;
   background: transparent url(../images/soulsong_logo.png) 0 0 no-repeat;
}

#bottom {
   color: black;   
   font-size: 0.82em;
   
}

#footer {
   clear: both;
   height: 3em;
   padding: 10px;
   
   background: url(../images/bg_greenish.png) 0 0 repeat;
     
   border-bottom-left-radius: 10px; 
   border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   
   box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
   -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
}


#bottom a:hover {
   color: white;
}

#bottom p {
   text-align: center;
   padding: 10px;
}

.default_button {
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background-color: #c60;
   color: #ffe;
   border:medium none;
   cursor:pointer;
   font-size:14px;
   font-weight:bold;
   padding:5px;
}

/* Sign up newsletter */
form input {
   background-color: transparent;
   border: none;
   border-bottom: 1px dashed #ccc;
   font-family: "Courier New", Courier, monospace;
   font-style: normal;
   font-weight: bold;
   font-size: 100%;
   margin: 0 0.5em;
}

form input#httltd-httltd {
   width: 14.0625em;
}

form input#name {
   width: 13.75em;
}

form label {
   cursor: pointer;
}

form input:focus {
   border-bottom: 1px solid #ccc;      /* 1px */
}

form button {
   padding: 0 1px 0 1px;
   font-weight: bold;
   line-height: 1.4286;    /* 20px */
   background-color: #c60;
   color: #ffe;
   border: none; 
   cursor: pointer;
}
form button:hover,
form button:focus {
   color: #930;
   background-color: #fed;
   border: 3px single #ffe;
}


#timetable_content {
   background: url(../images/timetable_bg.jpg) 0 0 no-repeat;
   height: 565px;
}

#timetable_div {
   width: 498px; /* width of image minus padding */
   padding: 5px;
   
}

#table_timetable {
   background: url(../images/mudra_hand_timetable_bg.jpg) 0 0 no-repeat;
	
}

#class_info {
   margin: 10px 0 10px 0;
   text-align: center;
}

.class_detail p {
   font-size: 0.8em;
   
}

.yoga_class_label {
	font-size: 1.0em;
   color: #FFFFFF;
   border-bottom: 1px solid #ffe;
}

h1 {
   font-size: 1.25em;
   
}

.top_header {
   font-size: 1.25em;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
   padding: 0 0 5px;
   
}

.subheader {
   font-size: .875em;
   font-weight: bold;
   text-transform: uppercase;
   padding: 5px 0;
}

div.yoga_workshop {
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border:thin solid;
   margin-bottom: 5px;
   height: 1%;
   xmin-height: 320px;
}

.yoga_workshop h1 {
   font-size: 1.25em;
   font-weight: normal;
   text-align: center;
   padding-top: 20px;
}

.yoga_workshop img {
   float: left;
   xmargin: 10px;
   padding: 10px;
   height: 300px;
   width: 212px
}

.yoga_workshop p.workshop_subheader {
   font-size: .875em;
   font-weight: normal;
   text-transform: uppercase;
   text-align: center;
} 

.yoga_workshop p.workshop_detail {
   font-family: Constantia,Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
   padding: 10px;
}

.post p {
   font-size: .875em;
   padding: 5px 0;
}

table.timetable {
   
   width: 100%;
   font-style: normal;
   font-size: 0.8em;
   line-height: 0.9em;
   
   text-align: center;
   border-style: none;
   border-color: white;
   border-width: 1px;
  
}

.timetable tr {
   height: 3em;  
}

.timetable tr.timetable_top {
   height: 1.5em;
}

.timetable td {
   padding: 1px 2px 1px 2px;
   vertical-align: middle;
}

.timetable td.classtime {
   width: 100px;
}

td.classdetail_beg {
   background-color: #6d5b59;
   background: rgba(109, 99, 89, .75);
}

td.classdetail_restorative {
   background-color: #574946;
   background: rgba(87,73,70,.75);
   
}

td.classdetail_preg {
   color: black;
   background-color: #feb9fe; 
   background: rgba(254,185,254, .75);
}

td.classdetail_med {
   background-color: #87766e; 
   background: rgba(135,118,110, .75);
}

td.classdetail_high {
   background-color: #483a37;
   background: rgba(72,58,55,.75);
}


.tooltip {
	display: none;
	background: transparent url(../tools/img/tooltip/black_arrow_big.png);
	font-size: .9em;
	height: 166px;
	width: 320px;
	padding: 25px;
	color: #fff;	
}

ul.unordered_list {
   padding: 0 15px;
   xlist-style-position: inside;
}

ul.unordered_list li {
   font-size: 0.875em;
}

img.img_right {
   float: right;
   margin: 10px 0px 10px 10px;
}

img.img_left {
   float: left;
   margin: 10px 10px 10px 0px;
}