/* ====================== YOGA INSTITUTE by JAZE DIGITAL ============================= */

/* =============== GLOBAL RESET ================== */

html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

/* =============== LAYOUT ================== */

body {
	font: 13px Arial,"Lucida Grande", Tahoma, sans-serif;
	color: #000000;
	line-height: 1.3em;
	background: #E7E7E7 url('/Resources/YogaInstitute/Sites/YI/Layout/bg_site.jpg') top left repeat-x; 
}

#wrapper {
	width: 910px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#layout_area_header {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/bg_header.jpg') top left repeat-x;
	position: relative;
	height: 98px;
	margin: 0px 5px;
}

#layout_area_nav {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/bg_body.png') top left repeat-y;
	position: relative;
	height: 55px;
	padding: 0px 5px;
}

#layout_area_body {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/bg_body.png') top left repeat-y;
	position: relative;
	padding: 0px 5px;
	overflow: hidden;
	zoom: 1;
}

.is_ie6 #layout_area_body { zoom: 1; }

#body_col_right_container {
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

#body_col_left_container {
	float: left;
	width: 100%;
	position: relative;
	right: 270px;
}

#body_col_left {
	float: left;
	width: 610px;
	position: relative;
	left: 270px;
	padding: 20px 0px 20px 20px;
}

#body_col_right {
	float: left;
	width: 210px;
	position: relative;
	padding: 20px;
	left: 290px;
}

.is_ie6 #layout_area_body { padding-left: 0px; z-index: -1; }
.is_ie6 #layout_area_nav { z-index: -1; }

.is_ie7 #layout_area_body { z-index: -1; }
.is_ie7 #layout_area_nav { z-index: -1; }


#layout_area_copyright {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/bg_footer.png') top left repeat-x;
	padding: 15px;
	margin: 0px 4px;
}


/* =============== GENERAL ================== */

h1, h2, h3, h4, h5, h6 { font-family: "Calibri", "Lucida Grande", Arial, Tahoma, sans-serif; line-height: 1.1em;}

h1 { font-size: 24px; margin: 0px 0px 10px 0px; }

#body_col_left h1, #body_col_right h1 { margin: 30px 0px 10px; }
#body_col_left h2, #body_col_right h2 { margin: 10px 0px 0px; font-weight: normal; }
#body_col_left h4 { font-size: 14px; margin-bottom: 10px; color: #666666; }

ul {
	list-style-type: none;
	font: 13px Arial, Tahoma, sans-serif;
	margin: 10px 0px 0px 20px;
	zoom: 1;
}

ul li {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/icon_plus.jpg') 0px 3px no-repeat;
	padding: 0px 0px 10px 20px;
}

#body_col_right ul li a { color: #000000; }
#body_col_right ul { margin: 20px 0px; }

ul.jumpNav { position: relative; overflow: hidden; margin: 0px; padding: 0px; border-bottom: 1px dotted #dedede; }
ul.jumpNav li { float: left; margin-right: 30px; }
ul.jumpNav li a { color: #000000; }
.top { float: right; display: inline-block; margin-top: 35px; }

h2 { font-size: 18px; margin-bottom: 30px; line-height: 1.4em; font-weight: bold; }

a { text-decoration: none; color: #dd4b2b; }
a:hover { text-decoration: underline; }

p { padding: 10px 0px 5px; color: #333333; line-height: 1.4em; }

.bttn-gradient {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/bttn-gradient-h30.jpg') top left repeat-x;
	padding: 5px 10px;
	height: 19px;
	color: #FFFFFF;
	display: inline-block;
	margin-right: 10px;
	zoom: 1;
}

.image-align-right img { padding: 5px; background: white; border: 1px solid #C0C0C0; margin: 10px 0px 10px 20px; }
 
.bttn-gradient:hover { text-decoration: none; }

.red  { background-position: 0px 0px; }
.grey { background-position: 0px -58px; }

.hide { display: none; }

.u { text-decoration: underline; }
.u:hover { text-decoration: none; }

.i {font-style: italic; }
.b { font-weight: bold; }
.orange { color: #dd4b2b;  }

/* =============== HEADER ================== */

#layout_area_header h1 { position: absolute; top: 0; left: 0; }
#layout_area_header h2 {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/tagline.jpg') top left no-repeat;
	width: 260px;
	height: 68px;
	float: right;
}

#layout_area_header .logo {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/logo_yoga_institute.jpg') top left no-repeat;
	width: 330px;
	height: 98px;
	display: block;
}

#layout_area_header .header_buttons { float: right; margin: 35px 0px 0px 0px; }

#layout_area_header .header_buttons a { background: #000000; color: #FFFFFF; padding: 5px 10px; display: inline-block; margin-left: 10px; }
#layout_area_header .header_buttons a:hover { text-decoration: none; background: #e96224; }
#layout_area_header .header_buttons .on { background: #e96224; } 


#layout_area_header #signUp {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/signUp_box.png') top left no-repeat;
	width: 157px;
	height: 100px;
	padding:10px 15px;
	display: block;
	position: absolute;
	right: -4px; bottom: -83px;
	z-index: 999;
}

.is_ie6 #layout_area_header #signUp { background: #E85E23; }

#form_signup .input_field { background-color: #FFFFFF; border: none; padding: 5px 3px; width: 150px; height: 15px; margin: 0px 0px 6px; font: 11px Lucida Grande, Arial, Tahoma, sans-serif; color: #999999; font-style: italic; }
#cancel {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/close.png') 0px 2px no-repeat;
	color: #FFFFFF;
	font: 11px Lucida Grande, Arial, Tahoma, sans-serif;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	top: -5px;
	padding-left: 12px;
}
#form_signup_success { font: 11px Lucida Grande, Arial, Tahoma, sans-serif; color: #FFFFFF; font-style: italic;  }
.is_ie6 #cancel { zoom: 1; z-index: 9999; }

#layout_area_header .social { position: absolute; right: 0; top: 0; font-size: 11px; color: #000000; }


/* =============== SITE NAVIGATION ================== */

#siteNav {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/bg_nav_inner.jpg') top left repeat-x;
	position: relative;
	height: 58px;
	padding: 6px 0px 6px 10px;
}

#siteNav a {
	font: 11px "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #EFEFEF;
	text-transform: uppercase;
	margin-right: -5px;
}

#siteNav a span { display: inline-block; }

#siteNav a:hover { color: #FFFFFF; text-decoration: none; }

#siteNav a .wrap1 { padding-left: 10px; }
#siteNav a .wrap2 { padding: 15px 10px 21px 0px; }
.is_ie6 #siteNav a .wrap2 { padding-bottom: 21px; }

#siteNav .selected { color: #000000; }

#siteNav .selected .wrap1 {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/nav_selected_left.png') top left no-repeat;
}

#siteNav .selected .wrap2 {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/nav_selected_right.png') top right no-repeat;
}

#siteNav .selected:hover { color: #000000; }

/* =============== SITE SECONDARY NAVIGATION ================== */

#subNav {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/bg_secondary_nav.jpg') bottom left repeat-x;
	padding: 20px 10px 10px 10px;
}

.is_ie6 #subNav { zoom: 1; position: relative; left: 5px; width: 880px; }

#subNav a {
	font: 12px "Lucida Grande", Arial, Tahoma, sans-serif;
	color: #666666;
	padding: 10px 10px 12px;
	margin-right: 10px;
}

#subNav a:hover { color: #000000; text-decoration: none; }

#subNav a.selected { color: #DD4B2B; font-weight: bold; background: #FFFFFF;  }
#subNav a.selected:hover { text-decoration: none;  }

#sideNav { padding: 40px 0px; }

#sideNav a {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/icon_plus.jpg') 0px 3px no-repeat;
	padding: 0px 0px 10px 20px;
	font: 12px "Lucida Grande", Arial, Tahoma, sans-serif;
	color: #000000;
	display: block;
}

/* =============== I HEART YOGA ================== */

.i_heart_yoga {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Backgrounds/i_heart_yoga.jpg') top left no-repeat;
	width: 265px;
	height: 50px;
}

#posts { margin: 10px 0px; zoom: 1; }

#posts .post {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/heart.jpg') top left no-repeat;
	padding: 0px 0px 10px 40px;
	margin: 20px 0px 20px 20px;
	border-bottom: 1px dotted #dedede;
	font: 13px Georgia, Arial, Tahoma, sans-serif;
	color: #333;
	font-style: italic;
}

#posts .post p { padding-top: 0px }

/* =============== NEWS ================== */

#stories { margin: 0px 0px; }
#stories .story {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #C0C0C0;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

#stories img { background: #FFFFFF; padding: 3px; border: 1px solid #C0C0C0; float: right; margin: 10px 0px 20px 20px; }

#stories .story .top { position: relative; clear: right; float: right; }

.pdf-file { background-image: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/pdf.gif'); background-position: left center; background-repeat: no-repeat; display: inline-block; height: 16px; padding-left: 20px; vertical-align: bottom; }

/* =============== BOOKSHOP ================== */

#books { position: relative; overflow: hidden; padding-top: 10px; }

.book { position: relative; overflow: hidden; padding: 10px 0px 10px 0px; margin-top: 10px; border-top: 1px solid #C0C0C0; }
.book h2 { font-size: 22px; }
.book h3 { margin-bottom: 20px; font-size: 16px; color: #666666; }
.book_image { float: left; width: 180px; }
.book_image img { background: #FFFFFF; padding: 3px; border: 1px solid #C0C0C0; }
.book_description { margin: 0px 0px 0px 180px; }
.book_description ul { margin-left: 0px; }

/* =============== CONTACT FORM ================== */

#form-contact { margin: 20px 0px; position: relative; overflow: hidden; }
#form_contact label { width: 150px; float: left; padding: 5px 0px; }
#form_contact input, #form_contact textarea { background-color: #FFFFFF; border: 1px solid #C0C0C0; width: 400px; padding: 6px; margin-bottom: 5px; font-size: 13px; }
#form_contact select { margin: 5px 0px 10px; font: 12px Arial, Tahoma, sans-serif; padding: 0px; width: 200px; }
#form_contact textarea { height: 200px; }
#form_contact input:hover, #form_contact textarea:hover, #form_contact input:focus, #form_contact textarea:focus { border-color: #DD4B2B; }
#form_submit { background:url('/Resources/YogaInstitute/Sites/YogaInstitute/Images/Buttons/bttn_send.jpg') top left no-repeat; display: block; margin-left: 150px; width: 117px; height: 39px;}

/* Form hints, validations */

.aurora-field-invalid {
	border-color: #EC1D24;
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/form_invalid.jpg') top right no-repeat;
}

.aurora-field-valid {
	background: #FFF url('/Resources/YogaInstitute/Sites/YI/Images/Icons/form_valid.jpg') top right no-repeat
}

.aurora-overtext { padding: 6px 30px 6px 6px; color: #666; font-style: italic; }

/* =============== COPYRIGHT ================== */

.is_ie6 #layout_area_copyright { zoom: 1; }

#layout_area_copyright .text { color: #000000; padding: 10px 0px 0px 0px; font-size: 11px; }

#layout_area_copyright a {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}

#layout_area_copyright a:hover {
	text-decoration: underline;
}

#layout_area_copyright .logo-jaze {
	background: url('/Resources/YogaInstitute/Sites/YI/Layout/logo_jaze.png') top right no-repeat;
	float: right;
	display: block;
	color: #000000;
	height: 25px;
	padding: 10px 60px 0px 0px;
}

#layout_area_copyright .logo span { display: none; }

.social {
	background: url('/Resources/YogaInstitute/Sites/YI/Images/Icons/icon_social.png')  no-repeat;
	padding: 3px 0px 3px 25px;
	margin-left: 20px;
}

.twitter { background-position: 0px 0px; }
.facebook { background-position: 0px -18px; }

.is_ie6 .social { zoom: 1; padding-bottom: 0px; }

/* =============== IE6 PNG FIX ================== */

.is_ie6 .layout_area_nav, .is_ie6 .layout_area_body, .is_ie6 .layout_area_copyright, .is_ie6 #siteNav .selected .wrap1, .is_ie6 #siteNav .selected .wrap2, .is_ie6 #layout_area_copyright .logo-jaze, .is_ie6 #layout_area_copyright .social, .is_ie6 #layout_area_header .social, .is_ie6 #layout_area_header #cancel, .is_ie6 .ribbon { behavior: url("/Resources/YogaInstitute/Sites/YI/Scripts/iepngfix.htc") }