/*************************** 
	The Living Seed 
	Author: Ray Blackford 
	Main CSS
****************************/

/********************
Colors used in layout 
*********************
Olive Green - #c7cba9
Gray - #999
Moss Green (darker) - #7f8849
Dark Grey - #808285 (text)
Orange - #e08a18
*********************
Filters (if needed)
*********************
IE6 filter: * html #foo { new: value; }
IE7 filter: *+html #foo { new: value; }
*********************/

body 
{ 
text-align:center;
margin:0px;
padding:0px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#808285;
padding-bottom:100px;
}

.wrapper 
{
margin:10px auto 0px auto;
width:720px;
text-align:left;
border:1px solid #999;
background:url(/graphics/leaf.gif) bottom right no-repeat;
/* Use to absolute position an object within wrapper */
position:relative; 
}
/* Applies to all elements */
* 
{
margin:0px;
padding:0px;
list-style:none;
text-decoration:none;
border:none;
}
/********************
	basic styles
*********************/
p
{
line-height:16px;
text-align:justify;
}

h1,h2,h3,h4,h5,h6
{
color:#7f8849;
}

/* Subsection Headers, Profile Headers */
h4
{
font-size: 13px;
}

a
{
color:#7f8849;
}

a:hover 
{
color:#c7cba9;
}

/* Section Title Images */
.header 
{
margin:20px 0px 6px 15px;
}
/********************
	Side Column
*********************/
.side_col
{
float:left;
width:159px; /* 159px (left column) + 1px (left border on main_col) + 560px (main_col) */
}
/********************
	Main Column
*********************/
.main_col
{
float:left;
width:560px;
border-left:1px solid #999;
}

.main_col h4, .main_col p, .main_col h3
{
margin:0px 15px 0px 16px;
} 

.main_col p 
{
margin-bottom:20px;
}
/***************************
 Inside Left/Right Columns
***************************/
.main_col .left
{
float:left;
width:280px;
border-right:1px solid #999;
/*border-top:1px solid #999;*/
height:350px;
padding:0px;
}

.main_col .right
{
/*border-top:1px solid #999;*/
margin-left:280px;
}

.main_col .left img, .main_col .right img
{
padding:20px 0px 0px 20px;
}

.main_col .left h4, .main_col .right h4
{
padding:8px 0px 8px 5px;
}

.main_col .left p, .main_col .right p
{
text-align:left;
padding:0px 20px 0px 5px;
line-height:16px;
}

.main_col .left p img, .main_col .right p img
{
padding:8px 0px 0px 0px;
}

.main_col .left p span, .main_col .right p span
{
font-weight:bold;
font-size:13px;
}
/********************
	Clear
*********************/
#clear 
{
clear:both; 
margin-left:159px;
border-left:1px solid #999;
}

#clear hr 
{
display:none;
}
/**************************
Email (Absolute Positioned)
**************************/
#email
{
position:absolute;
bottom:0px;
left:0px;
background:url(/graphics/img_email.gif) #c7cba9 no-repeat;
width:159px;
text-align:center;
padding-top:210px;
}

* html #email
{
bottom:-1px;
}

#email #input
{
width:122px;
border:1px solid #ccc;
color:#808285;
padding:1px;
}

#email #submit
{
background-image:url(/graphics/send.gif);
width:40px;
height:15px;
/* IE 6/7 background image quirk */
/* http://forums.digitalpoint.com/showthread.php?t=873398 */
border:0px solid #fff; 
margin:7px 0px 7px 0px;
}
/********************
	Footer
*********************/
#footer 
{
margin:0px auto;
width:720px;
}


/********************
	Section Specific
*********************/


/***********************
Yoga / Dance Instructors
************************/

.main_col .instructors 
{
margin:0px 15px 20px 16px;
} 

.main_col .instructors img
{
float:left;
}

.main_col .instructors p, .main_col .instructors h4 
{
margin-left:120px;
}

.main_col .instructors p a
{
color:#e08a18;
font-size:10px;
}

.main_col .instructors p a:hover
{
color:#c7cba9;
font-size:10px;
}
/******************************
Yoga / Dance / Health Profiles
******************************/
#profile 
{
margin:0px 15px 0px 16px;
}

#profile img 
{
float:left;
}

#profile p, #profile h4
{
margin-left:245px;
}

#profile ul 
{
margin-left:262px;
}

#profile li
{
list-style:url(/graphics/orange_arrow.jpg);
}

#profile span
{
text-decoration:underline;
}
/******************************
Boutique / Products 
******************************/
#gallery
{
margin:0px;
padding:0px;
}

#gallery p
{
float:left;
width:98px;
margin:0px 0px 20px 20px;
padding:0px;
text-align:center;
}

#gallery img 
{
border:1px solid #999;
display:block;
}

/******************************
Contact / Directions 
******************************/

.main_col iframe
{
margin:25px 0px 0px 16px;
}

#contactForm
{
padding:0px 15px 0px 16px;
line-height:30px;
}

#contactForm input, #contactForm textarea
{
border:1px solid #999;
}

#contactForm #submit
{
background-image:url(/graphics/send.gif);
width:40px;
height:15px;
/* IE 6/7 background image quirk */
/* http://forums.digitalpoint.com/showthread.php?t=873398 */
border:0px solid #fff; 
margin:7px 0px 7px 0px;
}

/******************************
Calendar 
******************************/
#calendar
{
font-size:10px;
}

#calendar th, #calendar td
{
width:80px;
border-bottom:1px solid #999;
}

#calendar th
{
text-align:center;
border-top:1px solid #999;
background:url(/graphics/block.gif) #c7cba9 top right repeat-y;
color:#fff;
font-size:10px;
font-weight:bold;
}

#calendar td
{
background:url(/graphics/block.gif) top right repeat-y;
height:80px;
vertical-align:top;
padding:2px;
color:#000;
}

#calendar .lastCol
{
background-image:none;
}

.classTitle, .classLevel, .classInstructor
{
color:#000;
font-size:11px;
}

.classTitle
{
font-weight:bold;
}

.classTime
{
font-size:9px;
}

.morning
{
background:#fffdea;
}

.afternoon
{
background:#d9e9c1;
}

.evening
{
background:#f5d8b2;
}