/* ------------------------------------------------------------
Client:       ATEA PRINT
Author:       jon@oomphdesign.co.uk
Last update:  24th Feb 2007
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #000;
	background: #fff;
	}

/* links */

a:link, a:visited {
	color: #268CCD;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

/* ------------------------------------------------------------
HIDE ELEMENTS WHEN PRINTING
------------------------------------------------------------ */

#nav {
   display: none;
   }

/* ------------------------------------------------------------
Structure
------------------------------------------------------------ */
#wrap {	
	margin: 0;
	padding: 20px 0;
	}
#wrap-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 5px;
	font-size: 95%;
	text-align: left;
	}
#container {
	clear: both;
	margin: 0;
	padding: 0;
		}

#content {
	float: left;
	width: 550px;
	margin: 0;
	}
#sidebar {
	float: right;
	width: 150px;
	margin: 20px 10px 20px 0;
	}
	
#calltoaction {
margin: 1px 0 20px 0;
}
#calligraph {
margin: 20px 0;
text-align: center;
}

/* ------------------------------------------------------------
	header
------------------------------------------------------------ */

#header {
	margin: 0 0 20px 0;
	font-size: 95%;
	text-align: left;
	background: #000;
	height: 225px;
	border-top: 4px solid #FF0000;
	}
#subpageheader {
	margin: 0 0 20px 0;
	font-size: 95%;
	text-align: left;
	background: #000;
	border-top: 4px solid #FF0000;
	}
#subpagelogo {	
	margin: 0;
	padding: 0;
	height: 70px;
	}
#logo {	
	margin: 0;
	float: left;
	padding: 0;
	}
#graphic {	
	margin: 0;
	float: right;
	padding: 0;
	height: 225px;
	}


/* -----------------------------------------------------------
typography
------------------------------------------------------------ */

p  {
	font-size: 100%;
	line-height: 1.4em;
	margin: 0 0 .6em 0;
	padding: 0;
	}

h2	{  /*main headings*/

	font-size: 180%;
	line-height: 1em;
	color: #FF0000;
	font-weight: normal;
	margin: 0 0 .8em 0;
	}
.lessons {
color: #FF0000;
padding: 0;
margin-top: 10px;
font-weight: bold;
}

/* -----------------------------------------------------------
navigation
------------------------------------------------------------ */

#nav ul {
margin: 0;
padding: 0;
}

#nav li {
	margin-bottom: 2px;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
	color: #902;
	list-style: none;
	}
#nav li a {
	margin-left: 25px;
	text-decoration: none;
	color: #999;
	}
#nav li a:hover {
	color: #FF0000;
	background: none;
	border-bottom: 1px solid;
	}

/* you are here */

body#home #nav li#link-home,
body#about #nav li#link-about,
body#kungfu #nav li#link-kungfu,
body#chikung #nav li#link-chikung,
body#taichi #nav li#link-taichi,
body#yoga #nav li#link-yoga,
body#shiatsu #nav li#link-shiatsu,
body#classes #nav li#link-classes,
body#contact #nav li#link-contact {
	padding: 0;
	background: url(../i/star.gif) no-repeat left 50%;
	color: #FF0000;
}

body#home #nav li#link-home a,
body#about #nav li#link-about a,
body#kungfu #nav li#link-kungfu a,
body#chikung #nav li#link-chikung a,
body#taichi #nav li#link-taichi a,
body#yoga #nav li#link-yoga a,
body#shiatsu #nav li#link-shiatsu a,
body#classes #nav li#link-classes a,
body#contact #nav li#link-contact a {
	padding: 0;
	color: #FF0000;
}

/* ------------------------------------------------------------
Sidebar
------------------------------------------------------------ */

#sidebar p {	
	margin: 3px 0 15px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.4em;
	}
#sidebar h4 {
	margin: 10px 0 0 0;
	padding: 7px 0 18px 0;
	font-family: Georgia;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: center;
	color: #663;
	border-top: 1px solid #E0D0B1;
	background: url(../img/hr-bg-tan.gif) no-repeat 50% 100%;
	}
#sidebar h4 span {
	font-style: italic;
	}

	
/* ------------------------------------------------------------
Footer
------------------------------------------------------------ */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	}
#footer-inner {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 90%;
	background: #000;
	border-bottom: 4px solid #FF0000;


	}
#footer p {
	margin: 0;
	padding: 2px 15px;
	color: #fff;
	font-size: 85%;
	}


/* self-clearing floats */

#wrap-inner:after, 
#header:after,
dl.profile:after,
#content div.vcard:after,
dl.comment:after,
#searchoptions:after,
#content p.page:after,
#content #ad-content:after,
#mini-lists:after,
form#find.find-welcome:after,
div.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	
/* home page image gallery */

#myGallery
{
	text-align: left;
	margin: 0 auto;
}


/* Product price lists
----------------------------------------------- */
.classtimes {
margin-bottom: 1.5em;
}

.classtimes table {
position: relative;
top: -3px;
left: -2px;
width: 100%;
border: 1px solid #000;
background: #fff;
line-height: 1em;
}
.classtimes table th, .classtimes table td {
margin: 0;
padding: 3px 5px;
text-align: left;
border-bottom: 1px solid #b5b5b5;
border-right: 1px solid #b5b5b5;
font-size: 85%;
}
.classtimes table .description {
text-align: left;
width: 30%;
}
.classtimes table th {
color: #000;
background: #CAC3C1;
font-size: 85%;
font-weight: normal;
}
.classtimes table caption {
margin: 0;
padding: 6px 12px;
text-align: left;
border: 1px solid #000;
border-bottom: none;
background: #ff0000;
font-size: 110%;
color: #fff;
font-weight: bold;
}
.classtimes {
background: #919191;
margin: 20px 0;
}
.classtimes table .notes {
padding: 2px 12px;
text-align: left;
color: #fff;
background: #333;
font-size: 80%;
border: none;
}
.classtimes table .coldark {
background: #fff3db;
width: 30%;
}
.classtimes table .location {
width: 40%;
}