@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);

/* Document level adjustments */
html { /* 100 93 85 77 */
  font-size: 0.93rem; line-height: 1.4rem;
}

body {
	color: #ddd;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	background-color: #111;
	margin-top: 0!important;
	}

* {margin: 0; padding: 0;}

a {text-decoration: none; color: #cc6600; outline: none;}
a:hover {color: #fff;}

#logo {
	margin: 15px auto 0 auto;
	background-image: url('img/globehouseyoga-500w.png');
	width: 496px;		
	height: 304px;
	}

#logo-sml {margin-top: 15px;}
#logo-sml-events {margin-top: -5px;}

#intro {
	margin: 0 auto;
	padding:0 10px;
	background-color:#111;
	width: 520px;
	}

.welcometext {margin-bottom: 25px;}
.welcometext p, .welcometext hr {margin-bottom: 10px;}

	th:first-child::after, th:nth-child(5)::after  {content: "day";} 
	th:nth-child(2)::after {content: "sday";} 
	th:nth-child(3)::after {content: "nesday";} 
	th:nth-child(4)::after {content: "rsday";} 
	th:nth-child(6)::after {content: "urday";}
	#tfoot1::after {content: "day";}
	#tfoot2::after {content: "sday";}
	#tfoot3::after {content: "nesday";}
	#tfoot4::after {content: "rsday";}
	#tfoot5::after {content: "day";}
	#tfoot6::after {content: "urday";}

}




.workshopsList{text-align: left;margin-left:20px; font-weight: bold; }

.eventSummary{list-style-type:none;font-size: 93%; font-weight: normal;}


/* MEDIA  -------------------------------- */
/* QUERY  -------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 320px) and (max-width : 768px) {


	html{
		font-size: 1.1rem; line-height: 1.3rem; color: #f00;
		}
/* globehouse-sml OR globehouseyoga-500w */
	#logo { 
		margin: 15px auto 0 auto;
		background-image: url('img/globehouseyoga-sml.png');

		width: 181px;		
		height: 118px;
		}

		//#hamburger::after {content: "\<a href='#'>MENU</a>";}
		//.navitem {visibility: hidden;}

	#nav li ul li {
		margin: 0px;
		display: hidden;
		//visibility: hidden;
		position: relative;
		margin: 90% auto 0px;
		vertical-align: bottom;
		text-align: left;

		background-color: #999;
		
		font-size: 2em;
		line-height: 1.2em;
		font-weight: 600;
		color: #eee;
		padding-left: 0px;
		padding-right: 0px;
	}


	#main, #intro {
		margin: 0 auto;
		padding:0 10px;
		text-align: center;
		width: 95%;
		}


	#hamburger {color: #f00;visibility: hidden;}

	th:first-child::after, th:nth-child(5)::after  {content: "";} 
	th:nth-child(2)::after {content: "";} 
	th:nth-child(3)::after {content: "";} 
	th:nth-child(4)::after {content: "";} 
	th:nth-child(6)::after {content: "";}
	#tfoot1::after {content: "";}
	#tfoot2::after {content: "";}
	#tfoot3::after {content: "";}
	#tfoot4::after {content: "";}
	#tfoot5::after {content: "";}
	#tfoot6::after {content: "";}

}
/* END  -------------------------------- */
/* QUERY  -------------------------------- */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/





/* Document level adjustments */




/*
@media screen and (min-width: 768px) {

*/	

/* Desktops and laptops ----------- 
@media only screen and (min-width : 1224px) {*/



	#nav ul {
		margin-top: 15px;
		text-align: center;
		}
	
	#nav li ul li {
		margin: 0px;
		z-index: 200;
		display: hidden;
		position: relative;
		margin: 90% auto 0px;
		vertical-align: bottom;
		text-align: left;
		font-size: 2em;
		line-height: 1.2em;
		font-weight: 600;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#hamburger {color: #00f;visibility:visible;}

	/*.location {font-size: 1.5em; line-height: 1.3em;}*/
		#directions {margin:15px auto;
		text-align: center;
		width: 370px;
	}
  	#mapforgoogle {float: none;margin-bottom: 15px}
  	.transportlinks {
  		width: 370px;
  	}
/*}  END media min-width: 768px */







.intro p {color: #eee;}

#yoga, #globehouse {
	text-align: center;
	margin: 0 auto;
	color: #eee;
	padding: 10px;
}
#globehouse{
	font-size: 29px;
	font-weight: 600;
}
#yoga{
	font-size: 75px;
	font-weight: 400;
	line-height: 110%;
	margin-top: -40px;
	text-shadow: 4px 4px 4px #000;
}


#nav {
	margin: 20px auto;
	text-align: center;
}


#nav li a {color: #cc6600; text-decoration: none;}
#nav li a:visited {color: #cc6600;}
#nav li a:hover {color: #fff;}
#nav li a:active {color: #fff;}
.active {color: #fff;}
.active a.active {color: #fff;}
#nav #currentpage {color: #fff;}



h1 {
	font-size:116%;
	color: #ccc;
	padding: 5px 0 15px 2px;
}
h2 {
	font-size:100%;
	color: #ccc;
	padding: 5px 0 15px 2px;
}
#main {
	margin: 0 auto;
	padding:0 10px;
	background-color:#111;
	text-align: center;
	max-width: 750px;
}
#main, .i-te, .img-and-moreinfo img ,#mapforglobehouseyoga, #mapforgoogle {
	border-radius: 4px;
}

table {
	margin: 0 auto;
	border: none;
	padding: 0;
/*	border-collapse: collapse; */
	border: 1px solid #999;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#timetableIntoText
	{
    clear: right;
    margin: 0 auto;
    width: 69%;
    margin-bottom: 10px;
}

#workshopnote {
	float:right;
	font-weight:normal;
	padding:5px 20px 10px 15px;
	border: 1px solid #999;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 10px;
	margin-top: -86px;
	margin-bottom: -8px;
	background-color: #111;
	position: relative;
	line-height: 1rem;
	max-width: 115px;
}
#workshopnote:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-top-color: #999;
	top: 100%;
	left: 10px;
	margin-left: 33%;
}

#classtimetable {
	border-right: 1px solid #ddd;
	max-width: 900px;
}
#classtimetable td {
	width: 16%;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	color: #ddd;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	padding-top: 10px;
}
#classtimetable td:first-child {border-left: none;}

#classtimetable tfoot td, .blank, .mon-1400, .sat-0800, .sat-1000, .sat-1130, .sat-1300, .sat-1500, .sat-1530, .sat-2000, #tfoot6 {
 border-right: none!important;
}

.mon-1530,.mon-1800,.fri-1815 {
	border-right: 1px solid #999!important;
}

.blank {
    /*background-image: url('img/sprite/blank.gif');
    background-repeat:repeat;*/
    background-clip: border-box;
    background-color: #333;
    border-bottom: none!important;
    min-height: 20px
}
.fri-1800 {border-top: 1px solid #f00;}

.timestamp {
	background-color: #ddd;
	color: #111;
	width: 40px;
	height: 16px;
	z-index: 1;
	position: relative;
	top: -7px;
	left: -1px;
	margin-top: -10px;
	margin-left: -5px;
	font-weight: 600;
	padding-left: 3px;
    text-align: left;
}

.discount-plan {
	margin: 15px 0 30px 0;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 15px;
	text-align: left;
}
.discount-plan p::before {
	content: "*  ";
	font-weight: 600;
}


col:nth-child(1n+0) {border: solid 1px #ccc;}
col:nth-child(2n+0) {border: solid 1px 	#ccc;}

th, tfoot {
	font-size: 100%; /* 100 93 85 77 */
	font-style:italic;
	font-weight: 600;
	color: #ddd;
	text-align: left;
	padding:10px 0 15px 10px;
}

th {font-size: 1rem; line-height:2rem;}

tfoot td {
	padding-top: 5px;
	font-size: 1rem;
	line-height:2rem;
}

td {
	font-size: 93%;
	vertical-align: top;
	border: none;
	min-width: 14%; /* 14% for 7 days - 16% for 6 days*/
	line-height: 120%;
	padding: 0 5px 5px 5px;
}

.st, .le, .ti, .no, .co, .te   {display: block;}

.st { /*style*/
	font-weight: 600;
	font-size: 1rem;
	line-height:1.3rem;	
}
.sto { /* other styles */
	font-weight: 600;
	font-size: 1rem;
}

.le { /*level*/
	font-weight: normal;
	font-size: 0.85rem;
	line-height:0.85rem;
	margin-bottom: 0.2rem;
}
.le::first-line {
		line-height:1.5rem;
}	
.ti{ /*time*/
	font-size: 1rem;
	line-height:1.5rem;
}
.co { /*cost*/
	font-style: italic;
	font-weight: 400;
	font-size: 0.85rem;
	line-height:0.95rem;
}
.no { /*notes*/
	font-style: italic;
	font-weight: 400;
	font-size: 0.85rem;
	line-height:1rem;
}
.te, .te-pg { /*teacher*/
	color:#cc6600;
	font-style: italic;
	font-weight: 600;
	font-size: 1rem;
	line-height:1.4rem;	
}


.regAftWrkShps {
	font-size: 1.5rem;
}

td .te { /* teacher on classes page */
	font-weight: 400;
}
.te-pg {
	margin: 0 0 15px 2px;
}
.te a, .div-te a {/*	text-transform:lowercase;*/
	text-decoration: none;
	color:#cc6600;/*#A52A2A*/
}
.te a:hover {
	text-decoration: none;
}
.te-pg {
	font-size: 20px;
}

.asterix {
	margin: 15px auto;
	font-weight: 600;
	color: #000;
}

.mainsml {
	max-width: 520px;
}

/* LOCATION page*/

.maps {
	float: left;
		margin-right: 10px;
}
.maps img {
	margin-bottom: 30px;
}
.maps p {
	width:421px;
}
.transportlinks {
	max-width: 700px;
	margin: 0 auto;
}

#directions {
	text-align: left;
	max-width: 750px;
}

#mapforgoogle {float: left; margin-right: 1px}

#mapforglobehouseyoga {
	border: 1px solid #000;
}

#directions p {margin: 15px 0 25px 0;}

.location {
	text-align: left;
	clear: both;
	display: block;
	margin: 0 0 25px 0;
}

.location img {
	float: left;
	display: inline-block;
	padding-right: 15px;
	padding-bottom: 12px;
}

/* TEACHERS page*/

#intro-teachers {
	max-width: 720px;
	margin: 0 auto;
	margin-bottom: 1rem;
}

#table-te {
	border: none;
	background-color: #111;
	color: #ddd;
	padding-top: 15px;
	margin: 0 auto;
	max-width: 520px	
}
#table-te p {
	padding: 10px 0;
}


#table-te	{margin: 0 }

.i-te {
    margin-right: 5px;
    min-height: 75px;
    width: 75px;
	}

#nav li {
	z-index: 200;
	margin: 0px;
	display: inline-block;
	font-size: 123.1%;
	font-weight: 400;
	color: #eee;
	padding-left: 15px;
	padding-right: 15px;
}	

.div-te{
	border: none;
	width:33%;
	padding-bottom:30px;
	text-align: center;
	margin: 0;
	float: left;
}
/* nth-of-type(3n+1)= target every 3rd .element, starting from the first */
.div-te:nth-child(3n+1) {clear:both;}

/*
th:first-child {border-left: 0.5pt solid #999; }
*/

.te-intro {
	width:525px;
	text-align: center;
}

.te-txt {
	margin: 0 auto;
	max-width: 750px;
}
.te-txt p {
	margin-top: 0;
	text-align: left;
}

/*
.te.txt p span {display: inline;}
*/

.img-and-moreinfo {
	width: 200px;
	margin-right: 15px;
	float: left;	
}
.img-and-moreinfo img {
	width: 200px;
	min-height: 200px;
	margin-right: 2px;
}

.img-and-moreinfo div{
	min-height: 150px;
}
.img-and-moreinfo div p:first-child{
	margin-top: 15px;
}

.moreinfo hr {
	margin-top:10px;
	margin-bottom:10px;
	color: #999;
	height: 0.5pt;
}
/* Gradient color1 - color2 - color1 */ 
.moreinfo hr, #footer hr, .welcometext hr, .calendar hr { 
	border: 0; 
	height: 1px; 
	background: #ccc; 
	background-image: -webkit-linear-gradient(left, #333, #ccc, #333); 
	background-image: -moz-linear-gradient(left, #333, #ccc, #333); 
	background-image: -ms-linear-gradient(left, #333, #ccc, #333); 
	background-image: -o-linear-gradient(left, #333, #ccc, #333); 
}
.calendar hr {width: 200px; margin-bottom: 15px;
	background-image: -webkit-linear-gradient(left, #ccc, #333); 
	background-image: -moz-linear-gradient(left, #ccc, #333); 
	background-image: -ms-linear-gradient(left, #ccc, #333); 
	background-image: -o-linear-gradient(left, #ccc, #333); 

}

hr { 
	border: 0; 
	height: 1px; 
	background: #ccc; 
	background-image: -webkit-linear-gradient(left, #333, #ccc, #333); 
	background-image: -moz-linear-gradient(left, #333, #ccc, #333); 
	background-image: -ms-linear-gradient(left, #333, #ccc, #333); 
	background-image: -o-linear-gradient(left, #333, #ccc, #333); 
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.i-tes { /* teachers list */
	max-width: 100px;
	min-height: 100px;
	margin: 0 auto;
	border-radius: 4px;
	display: block;
}
.i-te { /* teachers detail */
	max-width: 200px;
	max-height: 200px;
	margin-right: 320px;
	margin-bottom: 10px;
	float: left;
}

.email, .email a {
	font-size: 0.8rem;
	color:#ddd;
	text-decoration: none;
}
p.email {	color: #cc6600;}


.email:hover, .email a:hover {
	text-decoration: underline;
}

.moreinfo p .email a {
	/* color:#66A523; */
	color: #cc6600;
}

#intro-contact {
	margin-bottom: 15px;
}
#contactList {text-align: left;
	margin: 0 auto;
	max-width: 315px;
	line-height: 2rem;
}
#contactList li {list-style-type:none;}
#contactList .te, #contactList .email a{
	text-align: left;
	display: inline;
	font-size: 1rem;
}
#contactList .ateacher {
	display: inline-block;
	width: 90px;
	text-align: right;
}

/*WORKSHOPS - EVENTS */


#Workshops_Text {text-align: center;}

.selected_month{font-weight: bold;}
.goto_current_month{font-style: italic;text-align:center;}
.workshop_time_and_level {font-weight: bold;}

#workshop-tbl {
	width: 100%;
}

.no-event {
	text-align: center;
	margin: 35px 0 70px 0;

}



/* ---- more @media--- */


/* ICO for biog page */


.ico {
	width: 14px!important;
	height: 14px!important;
		min-height: 14px!important;
		margin-top: 2px;
margin-bottom: -2px;
}

#te-biog p {
	margin-left: 225px;
	/*margin-bottom: 0.5rem;*/
	 line-height: 1.55rem;
}

#te-biog p:nth-child(0n+1) {
	text-indent: 0;
	margin-top: -7px;
}
#te-biog p:nth-child(1n+2) {
	margin-top: 0.6rem;
}

/* EVENTS */

.eventslogo {border: none!important;}

/* CONTACT */
fieldset {border: none; width: 100%; color: #ccc;}
legend {text-align: center;font-weight: normal;}
.contact-form, #form1_form-contact {
	background: #fff);
	margin:auto;
	position:relative;
	width:100%;
	//height:50%;
	//font-style: italic;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding:1px;
	text-align: left;
}
/*
.contact-form input, .contact-form textarea {
	//display:block;
	height: 25px;
	//-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	//-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	//box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	width: 100%;
	margin-bottom: 115px;
	text-align: top;
		-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}*/


#form1_form-contact input, #form1_form-contact textarea{
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #333;
	height: 1.5em;
	padding: 5px;
	font-weight: bold;
	//color: #333;
}
#form1_form-contact textarea{
	height: 100px;
}

#form1_submit{
	display: block;
		width: 100%!important;
	font-size: 1.5em;
	font-weight: bold;
	height: 40px!important;
	color: #cc6600;
	background-color: #333;
	margin: 20px auto;
	border: 2px solid #fff!important;
	padding: 50px;
}


/* - - - - - - - - - - - 
//.css3gradient{width:16%;height:100%;
 background-color:#ffffff;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff, endColorstr=#ff9900);
 background-image:-moz-linear-gradient(left, #ffffff 0%, #ff9900 100%);
 background-image:-webkit-linear-gradient(left, #ffffff 0%, #ff9900 100%);
 background-image:-ms-linear-gradient(left, #ffffff 0%, #ff9900 100%);
 background-image:linear-gradient(left, #ffffff 0%, #ff9900 100%);
 background-image:-o-linear-gradient(left, #ffffff 0%, #ff9900 100%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#ffffff), color-stop(100%,#ff9900));
}

*/

#ico-social {height: 75px;margin-bottom: 15px;}

.ico-fb {margin-right: 15px;width: 36px; height: 36px;margin-top: 40px;margin-bottom: 30px;}
.ico-tw {margin-left: 15px;width: 36px; height: 36px;margin-top: 40px;margin-bottom: 30px;}

#footer {
	margin:30px 0 30px 0;
}
#footer hr {
	max-width: 750px;
	margin: 0 auto;
	margin-bottom:30px;
}