
/*************************************************
Print CSS
Iyengar Yoga Association
Created by Matt Tibbits 
matt@tibbits.ca
April 2007
**************************************************/
body {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: "Trebuchet MS", "Lucida Grande", arial, sans-serif;
	}

.clear {
	clear: both;
	}

.center {
	text-align: center;
	}

hr {
	width: 80%;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid #ccc;
	}
/**************************************
HEADER
**************************************/
#header {
	padding: 15px 0 10px 0;
	text-align: center;
	background-color: #069;
	}
	
/**************************************
NAVBAR (nav to different site sections
**************************************/
#nav {
	display: none;
	}

/**************************************
RIGHT COLUMN 
**************************************/
#rightcol {
	display: none;
	}

/**************************************
CONTENT 
**************************************/
#content, #gal {
	margin: 15px;
	padding: 0 10px;
	width: 6.5in;
	text-align: left;
	font-size: 10pt;
	color: #000;
	background: #fff;
	}	
	
/*********Headings*********/	
#content h1, #gal h1 {
	margin-top: 1em;
	font-size: 1.4em;
	color: #f90;
	}

#content h2 {
	margin-bottom: 0;
	font-size: 1em;
	color: #f90;
	}	

/*********Lists***********/
ol.alpha_sm {
	list-style-type: lower-alpha;
	}
	
ul li {
	margin: 1em 0 0 1em;
	}

ol li {
	margin: 1em 0;
	}
	
/*********Images***********/
#content #photobox {
	float: left;
	width: 170px;
	margin: 1em 1em 0 0;
	}	

#content #photobox p {
	margin: 0;
	text-align: center;
	font-size: .8em;
	color: #666;
	}

#content div.left {
	float: left;
	width: 350px;
	margin: 1em 0 0 3em;
	}

#content div.left p {
	margin-top: 0;
	}	
	
#content div.photo_blurb {
	float: left;
	margin: 1em 0 0 10px;
	}

.shop {
	float: left;
	width: 100px;
	margin: 1em;
	}	

.newsphoto {
	margin: 1em 0;
	}
/***********Links**********/
#content a, #footer a, #gal a{
	color: #069;
	}

#content a:hover, #footer a:hover, #gal a:hover {
	color: #f90;
	}

#content a img {
	border: 0;
	}

/************Tables**********/
table.main {
	width: 100%;
	margin: .5em 0;
	padding: 0;
	table-layout: fixed;
	border: 1px solid #ccc;
	text-align: left;
	border-collapse: collapse;
	font-size: .9em;
	}

tr.t {
	background: #e6f2fe;
	}
		
table.main th {
	border: 1px solid #ccc;
	padding: 3px;
	background: #e6f2fe;
	}

table.main th.a {
	width: 20%;
	}

table.main th.b {
	width: 15%;
	}

table.main th.c {
	width: 35%;
	}	

table th.d {
	width: 25%;
	}
	
table.main td {
	border: 1px solid #ccc;
	padding: 3px;
	vertical-align: top;
	}	

table.main td.head {
	font-weight: bold;
	background: #eee;
	}

table.main td.b {
	font-weight: bold;
	}

table.main p {
	margin-top: .5em;
	font-weight: normal;
	}

/****FORMS******/	
#content form {
	width: 80%;
	}
	
#content form fieldset {
	margin : 1.5em 0 1.5em 0;
	padding : 0 0 0 10px;
	border-color: #ccc;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	}

#content form fieldset legend {
	clear: both;
	margin: 0;
	font-size: 1.2em;
	}
	
/****form inputs*****/
#content form label {
	float: left;
	width: 125px;
	margin: 0.5em 0 0 0;
	text-align: right;
	clear: left;
	}	

#content form input, #content form textarea {
	width: 200px;
	margin: 0.5em 0 0 10px;
	text-align: left;
	border: 1px solid #999;
	}

#content form input.button {
	width: 100px;
	text-align : center;
	}

#content form br {
	clear : both;
	}

/***form paragraph styles****/
#content form p.comment {
	width: 350px;
	margin: 0.5em 0 0 10px;
	}
	
/**************************************
FOOTER 
**************************************/
#footer {
	display: none;
	}
