/*
Theme Name: Bikram's Yoga Metrotown Theme
Theme URI: http://bikramsyogametrotown.com/
Description: Bikram's Yoga Metrotown
Version: 1.0
Author: Jordan Milev
Author URI: http://jordanmilev.com/

*/



@charset "UTF-8";

/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
/* ////////////////////////////////////////  FONTS  /////////////////////////////////////////  */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
@font-face {
	font-family: 'DroidSerif-Regular';
	src: url('fonts/DroidSerif-Regular.eot');
	src: local('DroidSerif-Regular'), local('DroidSerif-Regular'), url('fonts/DroidSerif-Regular.woff') format('woff'), url('fonts/DroidSerif-Regular.ttf') format('truetype'), url('fonts/DroidSerif-Regular.svg#DroidSerif-Regular') format('svg');
}

@font-face {
	font-family: 'DroidSerif-BoldItalic';
	src: url('fonts/DroidSerif-BoldItalic.eot');
	src: local('DroidSerif-BoldItalic'), local('DroidSerif-BoldItalic'), url('fonts/DroidSerif-BoldItalic.woff') format('woff'), url('fonts/DroidSerif-BoldItalic.ttf') format('truetype'), url('fonts/DroidSerif-BoldItalic.svg#DroidSerif-BoldItalic') format('svg');
}


@font-face {
	font-family: 'DroidSerif-Bold';
	src: url('fonts/DroidSerif-Bold.eot');
	src: local('DroidSerif-Bold'), local('DroidSerif-Bold'), url('fonts/DroidSerif-Bold.woff') format('woff'), url('fonts/DroidSerif-Bold.ttf') format('truetype'), url('fonts/DroidSerif-Bold.svg#DroidSerif-Bold') format('svg');
}

@font-face {
	font-family: 'DroidSerif-Italic';
	src: url('fonts/DroidSerif-Italic.eot');
	src: local('DroidSerif-Italic'), local('DroidSerif-Italic'), url('fonts/DroidSerif-Italic.woff') format('woff'), url('fonts/DroidSerif-Italic.ttf') format('truetype'), url('fonts/DroidSerif-Italic.svg#DroidSerif-Italic') format('svg');
}


/*
@font-face {
	font-family: 'DroidSerif-Regular';
	src: url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Regular.eot');
	src: local('DroidSerif-Regular'), local('DroidSerif-Regular'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Regular.woff') format('woff'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Regular.ttf') format('truetype'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Regular.svg#DroidSerif-Regular') format('svg');
}

@font-face {
	font-family: 'DroidSerif-BoldItalic';
	src: url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-BoldItalic.eot');
	src: local('DroidSerif-BoldItalic'), local('DroidSerif-BoldItalic'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-BoldItalic.woff') format('woff'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-BoldItalic.ttf') format('truetype'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-BoldItalic.svg#DroidSerif-BoldItalic') format('svg');
}


@font-face {
	font-family: 'DroidSerif-Bold';
	src: url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Bold.eot');
	src: local('DroidSerif-Bold'), local('DroidSerif-Bold'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Bold.woff') format('woff'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Bold.ttf') format('truetype'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Bold.svg#DroidSerif-Bold') format('svg');
}

@font-face {
	font-family: 'DroidSerif-Italic';
	src: url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Italic.eot');
	src: local('DroidSerif-Italic'), local('DroidSerif-Italic'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Italic.woff') format('woff'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Italic.ttf') format('truetype'), url('http://www.bikramsmetrotown.com/wordpress/wp-content/themes/yoga/fonts/DroidSerif-Italic.svg#DroidSerif-Italic') format('svg');
}
*/


/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
/* ////////////////////////////////////////  GENERAL CONTAINERS /////////////////////////////////////////  */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
*	{
	margin: 0;
	padding: 0;
	font-family: 'DroidSerif-Regular', Georgia;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	}

body	{
		margin: 0px 0px 20px 0px;
		padding: 0;
		background: #ff6400 url(images/body-grad.gif) 0% 0% repeat-x;
		}

a	{text-decoration: none;}

img {border: 0px}

img, div, input {behavior: url(scripts/iepngfix.htc)}

.clear	{clear: both;}

a.top	{
		position: relative;
		clear: both;
		display: block;
		width: 100px;
		height: 13px;
		margin: 0px 0px 0px 0px;
		padding: 5px 4px 2px 27px;
		font-family: 'DroidSerif-Bold', Georgia;
		font-size: 9px;
		color: #621400;
		text-transform: uppercase;
		background: #ffeccc url(images/button-top.png) no-repeat 0% 0%;
		text-decoration: none;
		}

a.top:hover{color: #ff6400; background: #ffeccc url(images/button-top-on.png) no-repeat 0% 0%;}


/* MAIN */
div#outer-wrapper	{
			position: relative;
			margin: 0px auto;
			padding: 95px 75px 0px 75px;
			width: 800px;
			background: url(images/body-bg.jpg) 0% 0% no-repeat;
}

div#inner-wrapper	{
			position: relative;
			margin: 0px;
			padding: 13px 13px 0px 13px;
			width: 774px;
			background: #2c0900 url(images/container-grad.gif) 0% 0% repeat-x;
			-webkit-box-shadow: #661500 1px 3px 7px;
			-moz-box-shadow: #661500 1px 3px 7px;
}

.logo	{
		position: absolute;
		width: 113px;
		height: 170px;
		background: url(images/logo.png) no-repeat;
		top: -100px;
		left: 30px;
		z-index: 40;
}

a.home-button	{
		position: absolute;
		width: 32px;
		height: 76px;
		background: #651500 url(images/home-button.gif) no-repeat 0% 0%;
		top: 40px;
		left: -45px;
		z-index: 5;
}

a.home-button:hover		{background: #651500 url(images/home-button-ON.gif) no-repeat 0% 0%;}

/* HEADER CONTACT */
#header-contact-wrapper {
				position: absolute;
				z-index: 10;
				width: 450px;
				height: 20px;
				top: -90px;
				right: -15px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
}

.header-contact {
				position: relative;
				float: right;
				width: 250px;
				font-family: Verdana, Arial;
				font-size: 12px;
				font-weight: normal;
				color: #000000;
				margin: 0px 5px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-align: right;
}

.header-contact a {
				font-family: Verdana, Arial;
				font-size: 12px;
				font-weight: normal;
				text-decoration: none;
				color: #000000;
				text-align: right;
}

.header-contact a:link 		{color: #000000; text-decoration: none;}
.header-contact a:visited 	{color: #000000; text-decoration: none;}
.header-contact a:active 	{color: #000000; text-decoration: none;}
.header-contact a:hover 	{color: #ffffff; text-decoration: none;}

a.chinese	{
			background: url(images/chinese/chinese-menu.png) no-repeat 0% 0%;
			border: 0px;
			padding: 0px 0px 0px 0px;
			margin: 1px 0px 0px 0px;
			display: block;
			width: 29px;
			height: 16px;
			float: left;
			}	

a.chinese:hover	{background: url(images/chinese/chinese-menu-on.png) no-repeat 0% 0%;}	


/* SEARCH FORM */
.searchform-wrap { 
	position: relative;
	float: right;
	width: 145px;
	height: 13px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.searchform { 
	float: left;
	position: relative;
	width: 113px;
	height: 13px;
	margin: 0px 4px 0px 0px;
	padding: 4px 2px 0px 4px;
	border: 0px solid #d5d4d1; /* important!  */ 
	text-align: left;
	background: #ffffff;
	color: #666666;
	font-size: 9px;
	font-family: Verdana, Arial;
	text-transform: uppercase;
	letter-spacing: 0px;
/* /////// IE 6.0 fix ///////  */
	}
	
.searchform-button { 
	float: left;
	/* background: url('images/search-button.png') no-repeat 0% 0%; */
	position: relative;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


/* NAVIGATION MAIN */
div#nav-main	{
				position: absolute;
				z-index: 30;
				top: -53px;
				right: -13px;
				width: 611px;
				padding: 10px 0px 10px 0px;
				background: #661500 url(images/nav-main-grad.gif) repeat-x 0% 0%;
				border-top: 2px solid #ffc157;
				-webkit-box-shadow: #661500 1px 3px 7px;
				-moz-box-shadow: #661500 1px 3px 7px; 
}

div#nav-main a	{
				display: inline;
				font-family: 'DroidSerif-Bold', 'Georgia Bold';
				font-size: 13px;
				text-decoration: none;
				color: #ffffff;
				border-right: 2px solid #661500;
				padding: 11px 12px 11px 11px;
}

div#nav-main a:link		{text-decoration: none; color: #ffffff;}
div#nav-main a:visited	{text-decoration: none; color: #ffffff;}
div#nav-main a:active	{text-decoration: none; color: #ffffff;}
div#nav-main a:hover	{text-decoration: none; color: #ffc157; background: url(images/nav-main-grad-on.gif) repeat-x 0% 0%;}

div#nav-main a.current-page-main	{text-decoration: none; color: #ffc157; background: url(images/nav-main-grad-on.gif) repeat-x 0% 0%;}

div#nav-main a.no-border	{border-right: 0px;}

/* NAVIGATION SECONDARY */
div#nav-secondary	{
				position: absolute;
				z-index: 60;
				top: -12px;
				left: 173px; /* aligned to the main nav */
				left: 240px; /* aligned to the after About */
				padding: 7px 0px 7px 0px;
				border-bottom: 0px solid #ffffff;
				/* shadow effects */
				-webkit-box-shadow: #661500 1px 3px 7px;
				-moz-box-shadow: #661500 1px 3px 7px;
				/* shadow effects for IE */
				*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=3, Color='black', Positive='true');
				*filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310);
    			*filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
    			*filter: progid:DXImageTransform.Microsoft.Wheel(duration=3);
				}

div#nav-secondary a	{
				display: inline;
				font-family: 'DroidSerif-Bold', 'Georgia Bold';
				font-size: 13px;
				text-decoration: none;
				color: #561200;
				border-left: 2px solid #fe9b3c;
				padding: 10px 12px 10px 12px;
				background: #fdd9b0 url(images/nav-secondary-grad-on.gif) repeat-x 0% 100%;
				}

div#nav-secondary a:link		{text-decoration: none; color: #561200;}
div#nav-secondary a:visited		{text-decoration: none; color: #561200;}
div#nav-secondary a:active		{text-decoration: none; color: #561200;}
div#nav-secondary a:hover		{text-decoration: none; color: #561200; background: #feebca url(images/nav-secondary-grad.gif) repeat-x 0% 100%;}

div#nav-secondary a.current-page-secondary	{text-decoration: none; color: #561200; background: #feebca url(images/nav-secondary-grad.gif) repeat-x 0% 100%;}

div#nav-secondary a.no-border	{border-left: 0px;}

/* POSTURES  */
.postures-tab	{
				clear: both;
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				background: #2c0900;
}

.postures-tab a	{
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 774px;
				height: 50px;
				background: url(images/postures.gif) no-repeat 50% 50%;
				}
				
.postures-tab a:link	{background: url(images/postures.gif) no-repeat 50% 50%;}
.postures-tab a:visited	{background: url(images/postures.gif) no-repeat 50% 50%;}
.postures-tab a:active	{background: url(images/postures.gif) no-repeat 50% 50%;}
.postures-tab a:hover	{background: url(images/postures-on.gif) no-repeat 50% 50%;}




/* /////// FOOTER ///////  */
#footer	{
			position: relative;
			clear: both;
			margin: 10px 0px 5px 0px;
			padding: 20px 30px 0px 30px;
			width: 740px;
			border-top: 1px dotted #fcc633; /* bright yellow */
			background: #ff6400 url(images/footer-bg.jpg) no-repeat 0% 0%;
}

#footer p	{
			color: #5e2313;
			font-family: Verdana, Arial;
			font-size: 10px;
			text-align: center;
			font-size: 10px;
			padding: 0px 0px 10px 0px;
			}

#footer a	{
			color: #5e2313;
			font-family: Verdana, Arial;
			font-size: 10px;
}

div#footer a:link		{color: #5e2313; text-decoration: none;}
div#footer a:visited	{color: #5e2313; text-decoration: none;}
div#footer a:active		{color: #5e2313; text-decoration: none;}
div#footer a:hover		{color: #000000; text-decoration: underline;}

#footer p.credits	{
			position: relative;
			clear: both;
			color: #5e2313;
			font-family: Verdana, Arial;
			font-size: 10px;
			width: 550px;
			margin: 0px auto 0px auto;
			padding: 7px 0px 0px 0px;
			text-align: center;
			border-top: 1px dotted #fcc633;
			}

#footer p.credits a	{
			color: #5e2313;
			font-family: Verdana, Arial;
			font-size: 10px;
			text-align: center;
}

#footer p.credits a:link		{color: #5e2313; text-decoration: underline;}
#footer p.credits a:visited		{color: #5e2313; text-decoration: underline;}
#footer p.credits a:active		{color: #5e2313; text-decoration: underline;}
#footer p.credits a:hover		{color: #000000; text-decoration: none;}

  
a.facebook	{
		position: absolute;
		width: 16px;
		height: 16px;
		background: url(images/home/facebook.png) no-repeat 0% 0%;
		top: 20px;
		left: 10px;
		z-index: 1;
		}

	
a.facebook:hover	{background: url(images/home/facebook-on.png) no-repeat 0% 0%;}		

a.twitter	{
		position: absolute;
		width: 16px;
		height: 16px;
		background: url(images/home/twitter.png) no-repeat 0% 0%;
		top: 20px;
		left: 33px;
		z-index: 1;
		}

a.twitter:hover	{background: url(images/home/twitter-on.png) no-repeat 0% 0%;}	

/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
/* ////////////////////////////////////////  END GENERAL CONTAINERS END /////////////////////////////////  */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */




/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
/* ////////////////////////////////////////  INTERNAL PAGES CONTENT  /////////////////////////////////////////  */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////  */
div#content	{
			position: relative;
			clear: both;
			width: 774px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #ffffff;
}


.content-top-image		{
			position: absolute;
			z-index: 1;
			right: 0px;
			top: 0px;
			width: 599px;
			height: 180px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			border-bottom: 2px solid #561200;
			border-bottom: 2px solid #ffffff;
			}

/* RIGHT COLUMN */
div#right-column {
			position: relative;
			float: right;
			width: 529px;
			height: inherit;
			margin: 0px 0px 0px 0px;
			padding: 220px 40px 40px 30px;
			background: #ffeccc;
			}
			
			
.right-column-text {
			position: relative;
			float: left;
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}

.right-column-text h1 {
			font-family: 'DroidSerif-Bold', 'Georgia Bold';
			font-size: 30px;
			color: #340b00;
			line-height: 1.1em;
			letter-spacing: -1px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 35px 0px;
			}

.news-entry	{
					position: relative;
					display: block;
					float: left;
					margin: 0px 0px 50px 0px;
					border-bottom: 1px dotted #000000;
					}


.news-entry h2	{
			font-family: 'DroidSerif-Regular', 'Georgia Bold';
			line-height: 1.3em;
			letter-spacing: -0.5px;
			padding: 5px 10px 5px 10px;
			margin: 0px 0px 15px 0px;
			width: 480px;
			font-size: 13px;
			color: #631500;
			background: url(images/nav-secondary-grad.gif) repeat-x 0% 0%;
			border-top: 2px solid #631500;
			}


.news-entry h3,
.news-entry h3 a  {
			font-family: 'DroidSerif-Bold', 'Georgia Bold';
			font-size: 18px;
			color: #340b00;
			color: #000000;
			line-height: 1.3em;
			letter-spacing: -0.5px;
			padding: 0px 0px 0px 0px;
			margin: 10px 0px 10px 0px;
			}

.news-entry h3 a:link,
.news-entry h3 a:visited		{text-decoration: none;}
.news-entry h3 a:hover			{color: #ff6400; text-decoration: none;}
.news-entry h3 a:active			{text-decoration: none;}

.news-entry p {
			font-family: 'DroidSerif-Regular';
			font-size: 13px;
			color: #000000;
			line-height: 1.6em;
			letter-spacing: 0px;
			padding: 0px 0px 10px 0px;
			width: 450px;
			}

.news-entry a	{
			font-family: 'DroidSerif-Bold', Georgia;
			font-size: 13px;
			color: #561200;
			font-weight: normal;
 			}
				
.news-entry a:link			{text-decoration: none;}
.news-entry a:visited		{text-decoration: none;}
.news-entry a:hover		{color: #ff6400; text-decoration: none;}
.news-entry a:active		{text-decoration: none;}

.divider	{display: block; width: 450px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #ff6400; font-size: 15px; font-weight: normal;}




/* ////////////////  LEFT COLUMN  ///////////////// */
div#left-column {
			position: relative;
			float: left;
			width: 130px;
			margin: 0px 0px 0px 0px;
			padding: 180px 20px 30px 25px;
			background: #ffffff;
			}
			

a.newsletter	{
					display: block;
					font-family: Verdana, Arial, Tahoma, Helvetica;
					font-size: 12px;
					font-weight: bold;
					line-height: 1.2em;
					color: #000000;
					padding: 8px 0px 10px 0px;
					border-top: 13px #5e2313 solid;
					border-bottom: 1px dotted #000000;
					}

a.newsletter:hover	{color: #ff6400; background: url(images/teachers-list-bg.gif) repeat-x bottom right;}


div#left-column p {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			color: #333333;
			font-family: Verdana, Arial;
			font-size: 11px;
			line-height: 1.5em;
			font-weight: bold;
			text-align: right;
			}


div#left-column a	{
			font-family: Verdana, Arial;
			line-height: 1.5em;
			text-decoration: none;
 			}
				
div#left-column a:link		{}
div#left-column a:visited	{}
div#left-column a:active	{}
div#left-column a:hover		{}

div#left-column img {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			border-top: 13px solid #5e2313;
			border-bottom: 0px solid #5e2313;
			}