/*==============================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================

	My Own Yoga XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
	All associated graphics Copyright 2005, My Own Yoga.
	
	THIS DESIGN IS NOT A TEMPLATE.
	YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

	You may adapt elements of this CSS in your own projects, but the unique
	combination of images, colors, sizes, typography, and positioning ("the design")
	is Copyright 2005, My Own Yoga/Michelle Dortignac and may not be reproduced.
	
================================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================


------------------------------------------------------------------------------------------------
	Equalizing Default Behaviour of Elements for Consistant Cross-Browser Display 
------------------------------------------------------------------------------------------------

	The star selector sets rules universally for all elements in the cascade. 
	In this case we'll use it to remove inconsistent padding and margin of elements 
	applied by default by different browsers. We'll set margin and padding where we 
	want them, rather than remove them every time we don't want them. */

* { padding: 0; margin: 0; }


	/* Safari and Gecko-based browsers (such as Firefox) use padding-left to indent lists;
	Internet Explorer uses margin-left. Neither way is right nor wrong; this just equalizes list behaviors */

ul, ol { padding-left: 2em; margin-left: 0; list-style: none; }


	/* Setting consistent margin-bottom makes all elements push down on any following elements uniformly. */

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; }
 

	/* Link underlines in paragraphs tend to make hypertext less readable, because underlines 
	obscure the shapes of the lower halves of words. So instead we'll set a bottom border 
	for in-line text links if desired. IE 5.0pc doesn't display this underline technique, but oh well!
	We'll also set site-wide link, visited, active and hover colors here.   */

:link, :visited { text-decoration: none; color: #960; }
a:hover { text-decoration: none; color: #39C; }


	/* Whoever thought blue linked image borders were a good idea? */

a img, :link img, :visited img { border: 0; }   /*


------------------------------------------------------------------------------------------------
	End of Equalizing Default Behaviour of Elements
--------------------------------------------------------------------------------------------- */




/* Main Structural Elements 
-------------------------------------------- */	


body {
	background: #FFF url("img/bg_corrected_03.gif") top center repeat-y;
	text-align: center;
	font: 76%/1.5em  Verdana, Geneva, Helvetica, Arial, Sans-serif;
	color: #666;
	}

#container {
	position: relative;
	background: url("img/page_bg2.gif") top left no-repeat;
	width: 608px;
	margin: 0px auto;
	margin-top: 0px;
	padding-bottom: 23px;
	text-align: left;
	font-size: 1.0em;
	}
	
#header {
	position: relative;
	height: 235px;
	}

#footer { 
	clear: both; 
	color: #999;
	text-align: center;
	font: 10px Verdana, Geneva, Helvetica, Arial, Sans-serif;
	margin: 50px 0 0px 0px;
	}

#footer p { 
	margin-bottom: .5em;
	}





/* Main Navigation Elements 
-------------------------------------------- */		
		

#nav_bar { height: 133px; width: 114px; position: absolute; top: 24px; left: 384px; line-height: 19px; }
#nav_bar ul { margin: 0; padding: 0; width: 114px; height: 133px; position: relative; list-style: none; }
#nav_bar ul li { height: 19px; margin: 0; padding: 0; position: absolute; top: 0;}
#nav_bar a { height: 19px; display: block; border: 0px; }	
#nav_bar ul li a {text-indent: -9999px; text-decoration: none; }
	
#nav_bar ul li#nb1 { top: 0px; width: 114px; background: url("img/nb.gif") 0px 0px no-repeat; }
#nav_bar ul li#nb2 { top: 19px; width: 114px; background: url("img/nb.gif") 0px -19px no-repeat; }
#nav_bar ul li#nb3 { top: 38px; width: 114px; background: url("img/nb.gif") 0px -38px no-repeat; }
#nav_bar ul li#nb4 { top: 57px; width: 114px; background: url("img/nb.gif") 0px -57px no-repeat; }
#nav_bar ul li#nb5 { top: 76px; width: 114px; background: url("img/nb.gif") 0px -76px no-repeat; }
#nav_bar ul li#nb6 { top: 95px; width: 114px; background: url("img/nb.gif") 0px -95px no-repeat; }
#nav_bar ul li#nb7 { top: 114px; width: 114px; background: url("img/nb.gif") 0px -114px no-repeat; }

#nb1 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -133px no-repeat;}
#nb2 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -152px no-repeat;}
#nb3 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -171px no-repeat;}
#nb4 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -190px no-repeat;}
#nb5 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -209px no-repeat;}
#nb6 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -228px no-repeat;}
#nb7 a:hover { height: 19px; width: 114px; background: url("img/nb.gif") 0px -247px no-repeat;}

#nav_bar ul li#onpage1 { top: 0px; width: 114px; background: url("img/nb.gif") 0px -266px no-repeat;}
#nav_bar ul li#onpage2 { top: 19px; width: 114px; background: url("img/nb.gif") 0px -285px no-repeat;}
#nav_bar ul li#onpage3 { top: 38px; width: 114px; background: url("img/nb.gif") 0px -304px no-repeat;}
#nav_bar ul li#onpage4 { top: 57px; width: 114px; background: url("img/nb.gif") 0px -323px no-repeat;}
#nav_bar ul li#onpage5 { top: 76px; width: 114px; background: url("img/nb.gif") 0px -342px no-repeat;}
#nav_bar ul li#onpage6 { top: 95px; width: 114px; background: url("img/nb.gif") 0px -361px no-repeat;}
#nav_bar ul li#onpage7 { top: 114px; width: 114px; background: url("img/nb.gif") 0px -380px no-repeat;}





/* Main Content Section 
-------------------------------------------- */		


#inner_wrap {
	position: relative;
	margin: 0 75px;
	padding-bottom: 8px;
		}		
	
#home_squeeze { 
	margin-right: 130px;
	}

#home #inner_wrap {
	position: relative;
	background: url("img/figure_03.jpg") no-repeat;
	background-position: 100% 57%;
	}		





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


#footer a:link { color: #999; text-decoration: none; border-bottom: 0;} 
#footer a:visited {color: #999; text-decoration: none; border-bottom: 0;}
#footer a:hover { color: #39C; text-decoration: none; border-bottom: 0; }

#footer a.current:link { color: #39C; text-decoration: none; border-bottom: 0;} 
#footer a.current:visited {color: #39C; text-decoration: none; border-bottom: 0;}
#footer a.current:hover { color: #39C; text-decoration: none; border-bottom: 0; }

#footer a.kpf:link { color: #CCC; text-decoration: none; border-bottom: 0;} 
#footer a.kpf:visited {color: #CCC; text-decoration: none; border-bottom: 0;}
#footer a.kpf:hover { color: #39C; text-decoration: none; border-bottom: 0; }





/* Typography
--------------------------------------------
	Featuring the Leahy/Langridge Method of Image Replacement in header elements.
	This method contains the Box Model Hack for IE5.0 and IE5.5 PC.
	http://www.kryogenix.org/code/browser/lir/	 */

		
h1 {
	background: url("img/logo_03.gif") top left no-repeat;
	padding-top: 115px;
	overflow: hidden;
	width: 326px;
	height: 0px !important; /* for most browsers */
	height /**/:115px; /* for pre 6.0 IE Win */
	font-size: 14px;
	position: relative;
	top: 14px;
	left: 19px;
	}
	
#home h2 {
	background: url("img/h2s/home.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	font-size: 14px;
	}

#benefit h2 {
	background: url("img/h2s/benefit.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	font-size: 14px;
	}

#lesson h2 {
	background: url("img/h2s/lesson.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	font-size: 14px;
	}

#michelle h2 {
	background: url("img/h2s/michelle.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	font-size: 14px;
	}
	
#comments h2 {
	background: url("img/h2s/comments.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	font-size: 14px;
	}

#schedule h2 {
	background: url("img/h2s/schedule.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	font-size: 14px;
	}

#photos h2 {
	background: url("img/h2s/photos.gif") top left no-repeat;
	padding-top: 28px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:28px; /* for pre 6.0 IE Win */
	margin-bottom: 25px;
	font-size: 14px;
	}

h2 { 
	margin: 0 0 8px 19px;
	}  

#comments h2 { 
	margin-bottom: 20px;
	}  

h3 {
	color: #39C;
	font-size: 1.0em;
	margin-top: 20px;
	}

.indent { 
	text-indent: 5px;
	}

blockquote { 
	margin-bottom: 45px;
	margin-left: 10px;
	margin-right: 35px;
	}

blockquote p {
	font: 1.0em/130%  'Comic Sans MS', Arial, Sans-serif;
	margin-bottom: 5px;
	color: #666;
	font-size: .95em;
	}	

.quote_attribute { 
	text-align: right;
	}





/* Form Styles
-------------------------------------------- */


form dd {
	margin-bottom: 10px;
	}	
	
#name, #email, #comment {
	width: 350px;
	}	

#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 0px solid #ccc;
	padding: 10px 20px;
	}

#thisform legend {
	color: #666;
	border: 1px solid #ccc;
	padding: 4px 8px;
	}	

input:hover, textarea:hover { 
	border: 1px solid #666;
	color: #000;
	}

input:focus, textarea:focus { 
	background: #fff;
	border: 1px solid #666;
	}

input, textarea	{
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666;
	padding: 3px;
	}





/* Photo Styles
-------------------------------------------- */
	

#photos #inner_wrap img {
	border: 1px solid #000;
	display: block;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #fff;
	}

#michelle #inner_wrap img {
	position: relative;
	border: 1px solid #666;
	float: left;
	margin: 6px 20px 5px 3px;
	}





/* List Styles
-------------------------------------------- */


#schedule #content ul {
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 0px;
	}

#benefit #inner_wrap ul {
	margin-bottom: 20px;
	margin-top: 0px;
	list-style: disc;
	}

.list_head {
	margin-bottom: 10px;
	}





/* Misc
-------------------------------------------- */


#hide { display: none; }





/*
-------------------------------------------------------------------------------------------	
End of My Own Yoga Style Sheet - Copyright 2005 Michelle Dortignac
------------------------------------------------------------------------------------------- */