/*
    screen.css: SCREEN stylesheet
    ------------
    Job:               Yoga in You
    Produced by:       www.heidiworld.co.uk
    Start date:        12/11/2007
    ------------
    COLOUR SPEC:
    Biege 1:        	e2dcbc
    brown:        		51473d
    orange:      		c4792f
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	sIFR
    8.	hacks
*/
/* =1. type selectors */
* {margin:0;padding:0;border:none;font-size: 1em;}

a img {border: none;}

body {
	font: normal 90%/1.3 "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	text-align:center;	
	color:#111;
    }
h2
	{
	font-size:1.7em;
	margin-bottom:.8em;
	}
div.news h3
	{
	font-size:1.5em;
	margin-bottom:.5em;
	}
p, blockquote
	{
	margin-bottom:1em;
	}
cite
	{
	display:block;
	}
/* =2.structural */

div.headerwrap
	{
	background:#396106 url(/_common/img/bg-header.jpg) repeat-x bottom;
	border-bottom:5px solid #bed761;
	}
div.header
	{
	background:transparent url(/_common/img/leaves-header.png) no-repeat center bottom;
	margin:auto;
	width:780px;
	padding:1.2em 0;
	}
div.header h1 a
	{
	background:transparent url(/_common/img/logo.png) no-repeat  0 0;
	display:block;
	width:336px;
	height:73px;
	margin:auto;
	}
div.header h1 a span, div.header p
	{
	position:absolute;
	left:-10000px;
	}
div.main
	{
	background:#fff url(/_common/img/leaves-main.gif) no-repeat center top;
	margin:auto;
	width:780px;
	}
div.main a
	{
	color:#8dae0a;
	text-decoration:none;
	border-bottom:1px solid #cbef3a;
	}
div.main a:hover
	{
	color:#5f8d0c;
	border-bottom:1px solid #92c531;
	}
body.classes div.main 
{
padding:3em 0 0 30px;
}
div.sub
	{
	width:360px;
	padding:3em 0 0 30px;
	float:left;
	text-align:left;
	}
div.sub img
	{
	border:4px solid #e7f3bb;
	display:block;
	}

div.footer
	{
	background:#fff url(/_common/img/leaves-footer.gif) no-repeat 0 1em ;
	clear:both;
	text-align:center;
	padding:6em 0 1em 0; 
	margin-top:1em;
	font-size:.7em;
	}

div.news, div.poem
	{
	background:#f8fbef url(/_common/img/bg-news.gif) repeat-x 0 0;
	padding:.5em 1em;
	border-top:1px solid #b3d918;
	border-bottom:1px solid #ccdf88;
	font-size:.8em;
	}
div.news h4, .details h3, .content h3, div.poem h4
	{
	color:#8dae0a;
	font-size:1.2em;
	}
.details 
{
font-size:.8em;
}
a.credit
	{
	font-size:.7em;
	}

/* =3.navigation */
div.nav
	{
	background:#5f8e0d;
	border-top:1px solid #69970e;
	margin:auto;
	width:780px;
	}
div.nav ul
	{
	margin:auto;
	width:40em;
	}
div.nav ul li
	{
	float:left;
	list-style:none;
	}
div.nav ul li a
	{
	color:#ced9bb;
	display:block;
	font-weight:bold;
	padding:.7em 1.5em;
	text-decoration:none;
	text-transform:uppercase;
	}
div.nav ul li a:hover
	{
	background:#547b1c;
	color:#fff;
	}
div.nav ul li.here a
	{
	background:#719b2a;
	color:#fff;
	}
/* =5. tables */
table
	{
	border-collapse: collapse;
	border: 1px #cfce80 solid;
	width:100%;
	margin-bottom:1em;
	text-align:left;	font-size:.8em
	}
tr.odd {
	background:#f8fbef;
}
td
	{
	border-top:1px solid #E7F3BB ;
	padding: 5px 8px;
	vertical-align:top;
	}
.nowrap
	{
	white-space:nowrap;
	}
th
	{
	background:#f8fbef  url(/_common/img/bg-news.gif) repeat-x 0 0;
	padding: 5px 8px;
	white-space:nowrap;
	
	}
/* =6. specific templates */

/* =7. sIFR - These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced  */
.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/* =8. hacks */
.cf:after, .nav ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

ul.list {margin: 1em 0 0 1.3em;}