/*
Theme Name: Yogalife Studios
Theme URI: http://yogalifestudios.ca/
Description: Custom theme for Yoga Life Studios
Version: 1.0
Author: Overhaul Media 
Author URI: http://overhaulmedia.com/
Tags: custom

*/
/*html {
	height: 100%;
}
*/


body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    background: #f3f5fa;
	color:#767676;
	height: 100%;
	}
	
a {text-decoration: none; outline: none; color:#42c0a6;}
a:active{  outline: none;  color:#42c0a6;}

:-moz-any-link:focus {
  outline: none;  color:#c6d7ff;
}

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

img{border: none;}
label {cursor: pointer;}

/*end basic formatting */
#logo div {
padding:5px;
	*margin-bottom: 30px; /* IE 7 and below */
   

}
 #container {   
    margin: auto;
    text-align: left;
    width: 850px;
	background:top center url(images/container-bg.jpg) repeat-y;
	height: 100%;
	overflow:hidden;
	clear:both;
	}
#header {
    padding:35px;
    position:relative;
	*margin-bottom: 30px; /* IE 7 and below */
   
    }	

.main-nav {
    float: right;
}

#secondaryContent {
	padding:20px 53px 25px 53px;
	height: 100%;
	
	}
	
#secondary_content_old_page{
	padding:0 53px 25px 53px;
		width: 87%;
	}
	
#secondaryContent table{
	float: left;
	width: 100%;
}

#secondaryContent p, td, #secondary-Content p {
	font-size:12px;
	color:#767676;
	line-height:19px;
	}

#secondaryContent h2, #secondary-Content h2 {
	font-size:14px;
	color:#767676;
	}
	
#secondaryContent h1, #secondary-Content h1 {
	font-size:18px;
	color:#767676;
	font-weight:normal;
	}
	
#secondaryContent h4, #secondary-Content h4 {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#a2a2a2;
	}
		
#secondaryContent a. #secondary-Content a {
	color:#ee9f00;
}

#secondaryContent a:hover, a:visited, #secondary-Content a:hover {
	color:#42c0a6;
	text-decoration:none;
	}

#secondaryContent ul,li, #secondary-Content ul {
	font-size:12px;
	}
	
#content-wrap {
padding:0 30px 25px 53px;
width:777px;
}

#secondary-Content {
float:left;
margin:0 20px 0 0;
width:500px;
}

#promo-wrap {
float:left;
margin:30px 0 0 0;
padding:0px;
width:243px;
}

.promo {
margin:0 0 5px 0;
padding:0px;
width:243px;
}

.promo img {
max-width:243px;
_width:243px;
padding:0px;
margin:0px;
}
		
#footer {
	width:850px;
    margin: auto;
    text-align: left;
	padding:10px 0 20px 0;
	_padding:5px 0 10px 0;
	font-size:12px;
	vertical-align:middle;
    }
	
#footmenu {
	padding:10px;
	_padding:5px;
}


#social {
	padding:10px;
	_padding:5px;
}

#footer a {
		}
#copyright {
	font-size:10px;
	color:#a9a9a9;
	padding:10px;
	}	
/* wordpress default sytles */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
.postmetadata {
	color:#999999; font-size:9px;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: none;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar {
float:right;
margin: 10px 50px 0 35px;
width:200px;
}

#sidebar h2 {
font-size:18px; 
font-weight:normal;
color:#999999;
}

#sidebar a {
color:#96acdd;
}

.stretch h3{
	color: #43b9a0;
	font-weight: 100;
	font-size: 18px;
	text-transform:uppercase;
}





/*------new sidebar styling/template-------------*/

.stretch{
	border-right-style: solid;
    border-right-color:#eee;
	border-right-width: 1px;
	width:518px;
	 
}

.banner_heading{
	position: absolute;
	margin-top: -70px;
	padding-left: 50px;
	font-size: 36px; 
	z-index: 100;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #fff;
	}

#sidebar_test{
	 float: right;
	 width: 214px;
	 background-color:#fff;
	 margin: -114px 10px 0px 0px;
	 height: 100%;
	 position: relative;
	 z-index: 100;
	 border-left-style: solid;
	 border-left-color:#eee;
	 border-left-width: 1px;
	 border-top-style: solid;
	 border-top-color:#fff;
	 border-top-width: 10px;
	 clear: both;
	 
	 
	}
	
	
	
.sidebar_content{
	padding: 15px 15px 30px 15px;
	background-image:url(images/sidebar_border.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	
	}	
	
	
.sidebar_content p{
	font-size:13px;
	font-weight:100;
	line-height: 18px;
	}	
	
.sidebar_content .bold{
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
	
}
.sidebar_content ul{
	padding-left: 0px;
	}

.sidebar_content ul li{
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 10px;
}
.sidebar_content li{
	list-style-type: none;
}

.sidebar_content a{
	font-size: 13px;
	}
.sidebar_content a:hover{
	text-decoration:none;
		
	}
.sidebar_content label{
	text-transform:capitalize;
	font-size:11px;
	color:#aaa;

}

.sidebar_content .underline{
	text-decoration:underline;
}



.new_border{
	background-image:url(images/sidebar_border_two.png);
	
}

.no_border{
	background-image:none;
}




.sidebar_content input{
	margin: 0px 0px 10px 0px;
}

.add_color{
	background-color:#f3f5fa;
	padding-top: 20px;
}
	
#sidebar_test h3{
	font-family:Arial, Helvetica, sans-serif;
	color: #43b9a0;
	font-size: 16px;
	font-weight:100;
	text-transform:uppercase;
	margin-top: 0px;
}


.sidebar_content .submit_btn, .submit_btn{
	background-color:#43b9a0;;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform:uppercase;
	border-style: none;
	
	}


/* End Entry Lists */

/* navigation with sub-menu */


#nav li.on ul, #nav li.off ul {
	margin: 0;
	padding: 0;
        _margin-top:20px;
	}

#nav a {
	color:#b2b2b2;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	text-decoration: none;
	}
	
#nav a:hover {
	color:#42c0a6;
	text-decoration:underline;
	}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-right: 20px;
        _padding-top:5px;
	}

#nav li ul {
	display: none;
	}
	
#nav li a.home {background:url(http://yogalifestudios.ca/wp-content/themes/yogalife/images/home.gif) no-repeat left top; width: 41px; text-indent:-9999px;}
#nav li a.yoga {background:url(http://yogalifestudios.ca/wp-content/themes/yogalife/images/yoga.gif) no-repeat left top; width: 41px; text-indent:-9999px;}
#nav li a.classes {background:url(http://yogalifestudios.ca/wp-content/themes/yogalife/images/classes.gif) no-repeat left top; width: 61px; text-indent:-9999px;}
#nav li a.yogalife {background:url(http://yogalifestudios.ca/wp-content/themes/yogalife/images/yogalife.gif) no-repeat left top; width: 70px; text-indent:-9999px;}
#nav li a.community {background:url(http://yogalifestudios.ca/wp-content/themes/yogalife/images/community.gif) no-repeat left top; width: 89px; text-indent:-9999px;}
#nav li a.contact {background:url(http://yogalifestudios.ca/wp-content/themes/yogalife/images/contact.gif) no-repeat left top; width: 91px; text-indent:-9999px;}
	
#nav li a:hover, #nav li#selected a, li#selected a {background-position: left bottom !important;}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
        background:#fff;
        _background:transparent;
	position: absolute;
	top: 74px;
	*top: 57px;
        _top:39px;
	left: 300px;
        _left:55px;
	margin-left:3px;
	padding-top: 20px;
	height: 30px;
	width: 500px;
	}
	
#nav li a {
	display: block;
	height: 30px;
        margin-top:-7px;
	width: 100px;
	}

#nav li.on a {
	color: #b2b2b2;
	}

#nav li.on ul a, #nav li.off ul a {
	float: left; /*ie doesn't inherit the float*/
	border: 0;
	width: auto;
	margin-right: 10px;
	}

#nav li.on ul {
	display: block;
	}

#nav li.off:hover ul {
	display: block;
	z-index: 6000;
	}

#nav li.off a:hover, #nav li:hover a {
	}


/* new nav css */

#subnav {
	height:28px;
/*    float: right;
	*/margin:0 0 0 0;
	padding:0;
	}
	
#subnav li {
	padding:0 25px 0 0;
	list-style:none;
	display: inline;
	}	

#subnav a, #subnav a:visited {
	color:#b2b2b2;
	font-size:12px;
	text-decoration:none;
	}

#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:none;
	font-size:12px;
	color:#42c0a6;
	}
/* end new nav css */


/* new nav css */

#sub-nav {
	height:28px;
/*    float: right;
	*/margin:15px 0 0 50px;
	padding:0;
	}
	
#sub-nav li {
	padding:0 14px 0 11px;
	list-style:none;
	display: inline;
	border-right:1px solid #EAEAEA;
	}	

#sub-nav a, #sub-nav a:visited {
	color:#b2b2b2;
	font-size:12px;
	text-decoration:none;
	}

#sub-nav a:hover, #sub-nav a:active,
#sub-nav li.current_page_item a,
#sub-nav li.current_page_item a:visited {
	text-decoration:none;
	font-size:12px;
	color:#42c0a6;
	}
/* end new nav css */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Home Page Columns */

#column-wrap {
clear:both;
margin-left:40px;
}

#homeColA {
background:url(images/col-a-bg.png) no-repeat;
float:left; 
width:253px;
height:149px; 
border-right: 2px solid #fff; 
padding:0; 
margin:0 2px 0 0;
position:relative;
}

#homeColA p{
font-size:12px;
position:relative;
left:16px;
top:32px;
*top:38px;
width:250px;
}

#homeColA a{
font-size:12px;
color:#ee9f00;
text-decoration:none;
}

#homeColA a:hover {
color:#767676;
}
	
.colAlink {
height:32px;
left:201px;
position:absolute;
top:108px;
width:32px;
}
	
.colAlink img {
border:0px;
height:32px;
width:32px;
}

/* end homeColA */

#homeColB {
float:left; 
width:253px;
height:188px; 
border-right: 2px solid #fff; 
padding:0; 
margin:0 2px 0 0;
position:relative;
background:url(images/col-b-bg.png) no-repeat;
}

#homeColB p {
font-size:11px;
position:relative;
left:15px;
line-height:17px;
top:32px;
*top:38px;
width:230px;
}

#homeColB a {
font-size:11px;
color:#42c0a6;
line-height:17px;
text-decoration:underline;
}	

.colBlink {
height:53px;
left:189px;
position:absolute;
top:77px;
width:55px;
}
	
.colBlink img {
border:0px;
height:53px;
width:55px;
}

/* end homeColB */

#homeColC {
float:left; 
width:253px; 
height:149px;
padding:0; 
margin:0 2px 0 0;
background:url(images/col-c-bg.png) no-repeat;
}

#homeColC p {
font-size:11px;
position:relative;
left:15px;
line-height:17px;
top:32px;
*top:38px;
width:160px;
}

#homeColC a {
font-size:11px;
color:#a1b4de;
line-height:17px;
text-decoration:underline;
}	

#column-wrap a:hover {
text-decoration:none;
}

/* End Home Page Columns */

/* styling for shopify index */

.indexProductImage{
    float: left;
    min-height: 80px;
    width: 160px;
}


/*---------------custom layout-------------------*/


.custom_container .promo_table ul{
	margin-left: 20px;
}
.holder{
	padding: 10px 0px;
}
 #secondaryContent .custom_table{
	  width:110%;
	  margin: 10px 0px;
	  
	 }
 #secondaryContent .custom_table .align_right{
	 text-align:right;
 }
 
 .custom_picture{
	 float: left;
	 margin-right: 20px;
 }
 
 .custom_info{
	 width:300px;
	 float: left;
	 font-size: 12px;
	 font-weight:100;
	 margin-bottom: 25px;
	 
	 }
	 
  .custom_info .submit_btn{
	  margin-top: 10px;
	  font-size: 10px;
  }
  
  
  
  .custom_container{
	  width: 100%;
	  margin-bottom: 50px;
	  }
	  
.btn_container{
	margin-top: 20px;
	width: 300px;
	}
	
.btn_container .submit_btn{
	color: #fff;
}
	
	
#secondaryContent .btn_container .submit_btn:hover, #secondaryContent .btn_container .submit_btn:active{
	color: #fff;
}
	
	
.custom_container table h3{
	margin-top: 50px;
	margin-bottom: 10px;
}



/*-------------new home v6 styling-----------------------*/

.top_bar_links{
	position: absolute;
	z-index: 100;
	float: left;
	margin-left:620px;
	margin-top: -13px;
	font-weight:100;
	width: 223px;
}
.top_bar_links ul li {
	list-style-type: none;
	float: left;
	color: #aaa;
	padding-bottom: 3px;
	
}
	

.top_bar_links ul li:hover{
	background-image:url(images/home_arrow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
	
	
	
.top_bar_links ul li a{
	padding: 8px 8px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: inherit;
	text-decoration:underline;
}

.top_bar_links ul li a:hover{
	color:#8592b4;
	text-decoration:none;
	background-color: #d8dff1;
	
}

#slideshow #prev{
	width: 15px;
	height: 271px;
    background-color:#b6c3e2;
    background-image:url(images/prev_arrow.png);
	background-repeat:no-repeat;
	background-position:center;
	float: left;
	
}
#slideshow #next{
	width: 15px;
	height: 271px;
    background-color:#b6c3e2;
    background-image:url(images/next_arrow.png);
	background-repeat:no-repeat;
	background-position:center;
	float: right;
	
}

#content-wrap_home {
padding:0 0px 25px 22px;
width:810px;
}

#slideshow #cycle_container{
	width: 560px;
	height: 271px;
	float: left;
}

#slideshow{
	width: 590px;
	height: 271px;
	margin-left:10px;
	float: left;
}
		  
#banner_content{
	float: left;
	width: 168px;
	height: 271px;
	padding: 0px 35px;
	color:#666666;
	font-size: 11px;
	line-height: 17px;

	
}

#banner_content .submit_btn{
	text-transform:none;
	padding: 5px 10px;
	text-decoration:none;
	background-color:#89cebf;
	color:#fff;
}

#banner_content .submit_btn:hover{
	color: #FFF;
	text-decoration:none;
}



.home_title{
	border-bottom-style: solid;
	border-bottom-color: #e9e9e9;
	border-bottom-width: 5px;
	font-size: 15px;
	text-align:left;
	color:#aaaaaa;
	font-weight:100;
}


.home_title h3{
	padding: 0px;
	margin:0px 0px 5px 0px;
	text-transform:uppercase;
}


#secondary-Content_home {
float:left;
margin:0 20px 0 0;
width:380px;
}

.calendar{
	width: 380px;
	height: 437px;
	margin-top: 50px;
	overflow-y: scroll;
	border-bottom-style: solid;
	border-bottom-color: #ffbf2d;
	border-bottom-width: 4px;
	

	}

.home_promo_wrap{
	float: left;
	width: 193px;
	height: 437px;
	margin-top:50px;
	overflow: hidden;
}
.home_promo_wrap .promo_square{
	margin-bottom: 20px;
	height: 127px;
	
}

.home_promo_wrap .promo_square h3{
	
	margin: 0px 0px 5px 0px;
	font-weight:100;
	text-transform:uppercase;
	font-size:15px;
	line-height: normal;
	
}


.green{
	color:#89cec0;
}

.green_bg{
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color:#89cec0;
}

.purple{
	color:#b6c3e2;
}

.purple_bg{
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color:#b6c3e2;
}


.yellow{
	color:#ffbf2d;
}

.yellow_bg{
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color:#ffbf2d;
}

.hidden_posts ul li a:hover{
	color:#89cec0;
}


.hidden_posts{
	width: 183px;
	position: absolute;
	z-index: 100;
	background-color:#fff;
	font-size: 13px;
	padding-right: 10px;
	overflow: hidden;
	height:0px;
	
}
.hidden_posts ul{
	padding: 0px;
	
}

.hidden_posts ul li {
	list-style-type: none;
	font-size: 13px;
	margin-bottom: 35px;
}

.hidden_posts a{
	font-weight:100;
	color:#999999;
	text-decoration:none;
}

.hidden_posts a:hover{
	text-decoration:none;
	color:#89cebf;
	}
	
.hidden_posts .submit_btn{
	text-transform:none;
	padding: 2px 8px 4px 8px;
	text-decoration:none;
	background-color:#89cebf;
	color: #fff;
	margin-top:-10px;
	
}




#latest_news_hover{
	margin-top: 27px;
	
}




#community_hover{
 margin-top:27px;
	
	
}
#register_hover{
	
	margin-top:27px;
	
	
}

#teacher_hover{
	margin-top: 27px;
	
	
}
#workshops_hover{
	margin-top:27px;
	
}

#promotions_hover{
	margin-top:27px;
	
	
}


.underline{
	width: 192px;
	height: 4px;
	margin-top:-17px;
}

.no_show{
	overflow: hidden;
}