/* THIS IS A COMMENT */


/* ================ FONTS ================ */
/*DEFAULT PAGE AND FONTS*/
body {
	/*font-family: 'Nunito', sans-serif;*/
	font-family: 'Candara', 'Myriad Pro', Calibri, 'Segoe UI', helvetica, arial, 'Lucida Sans', sans-serif;
	font-size: 1.000em;
	color: #363928;
	background: #230600 url('/static/img/bg-logo-img.png') no-repeat top center;
	width: 100%;
	margin: 40px auto 0px auto;
}
.titleCases {
	font-family: 'Requiem', 'Bodoni MT', Cambria, Helvetica, 'Times New Roman', Times, sans-serif;
}
p {
	font-size: 1.000em;
	line-height: 1.5em;
	color: #363928;
}
/*LINKS */
a {
	color: #db581f;
	font-weight:normal;
	text-decoration: none;
}
/*TITLES*/
h1 {
	font-size: 1.750em;
	color: #363928;
	font-weight:bold;
}
/*SUB TITLES*/
h2 {
	font-size: 1em;
	color: #513600;
	font-weight:bold;
}
/*SUB TITLES CONTINUED AND SMALLER*/
h3 {
	font-size: .85em;
	color: #513600;
	font-weight:bold;
	margin: 0px;
	padding-top: .35em;
}
/*SUB TITLES ON DARK*/
h4 {
	font-size: 1.500em;
	color: #d1ab7a;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}
/*DATES*/
h5 {
	font-size: 0.80em;
	/*color: #db581f;*/
	font-weight:bold;
	margin: 10px 0px 10px 0px;
}
.not-a-link {
	color: #363928;
}
/*NAV TABS*/
h6 {
	font-size: 1.150em;
	color: #dfbe82;
}
.body-copy {
	font-size: 1em;
	color: #363928;
}
.body-copy-on-dark {
	font-size: .95em;
	color: #68766b;
}
.side-bar-body-copy {
	font-size: 0.8em;
}
.links {
	font-weight:bold;
}









/* ================ NAV-BAR ================ */

ul.navBar { /*styles the navigation-bar*/
list-style-type:none;
margin:0;
padding: 0;
overflow:hidden;
font-size: .75em;
text-transform: uppercase;
width: 100%;
	height: 63px;
	background-image:url('/static/img/BG-NavBar.png');
 	background-repeat:repeat;
	border-top: 1px solid #4b6168;
	border-right: 1px solid #4b6168;
	border-bottom: 0px solid #4b6168;
	border-left: 0px solid #4b6168;
	border-radius: 20px 20px 0px 0px;
}
ul.navBar li { /*places the navigation items within the navigation-bar and in proximity to eachother*/
	float:left;
	margin: 0;
	padding: 2px 0px 0px 0px;
	margin-left: 8px;
}
ul.navBar li.home {
	margin-right: 15px;
}
ul.navBar li a { /*sizes and styles the navigation items*/
	display:block;
	max-width:140px;
	/*background-color:#ffffff;*/
	margin: 0;
	padding: 22px 15px 18px 15px;
	text-align: center;
	text-decoration:none; /*removes the link underline*/
}
ul.navBar li a:link,
ul.navBar li a:visited {
	color:#dfbe82; /*keep this the same color as the normal state*/
}
ul.navBar li a:hover,
ul.navBar li a:focus {
	color:#ffeec1;
}
ul.navBar li a:active {
color:#926f48;
}

/*#home .home a,
#schedule .schedule a,
#classes .classes a,
#events .events a,
#teachers .teachers a,
#rates .rates a,
#contact .contact a {
color:#ffffff;
font-weight:bold;
cursor:default;
}
#home .home a:hover,
#schedule .schedule a:hover,
#classes .classes a:hover,
#events .events a:hover,
#teachers .teachers a:hover,
#rates .rates a:hover,
#contact .contact a:hover {
}*/
#show-logo-icon{ /*names a specific navigation-bar item to receive an icon*/
	background: url('/static/img/mandala-logo.png') no-repeat left; /*adds the mandala icon to the "home" nav-item*/
	width: 130px;
	padding: 34px 0px 20px 60px; /*prevents the text from overlapping the icon*/
	margin-left: 18px; /*starts nav-items away from the left edge*/
 	text-align: left; /*so the icon isn't covered*/
	/*background-color:#dddddd;*/
}

.navBar .two-line {
	margin-top: -0.4em;
}







/* ================ SLIDE SHOW ================ */
.slideshow{
	width: 1000px;
	min-height: 400px;
	margin: none;
	padding: none;
	opacity: 1;
}
#slideshow img {
	position:absolute;
	clip:rect(0px, 1000px, 400px, 0px);
}







.first-section {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #00ff00;
}

.middle-section {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #ff0000;
}

.last-section {
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #000000;
}




table.rates {
	margin: auto;
	margin-bottom: 50px;
	width: 55%;
}

table.rates th {
	text-align: left;
}

table.rates h2 {
	margin-top: 20px;
}

table.rates tr:nth-child(even) {
	background: #fff1cd;
}

table.rates tr:nth-child(odd) {
	background: #f9f2e1;
}

table.rates tbody tr.rate {
	/*border-bottom: 1px dotted #513600;*/
}

table.rates tbody tr.rate:last-child {
	border-bottom: 0;
}

table.rates tbody tr:first-child {
	border-bottom: 1px solid #513600;
}


table.rates tbody tr th {
	background: #fff;
}

table.rates tbody tr.note td {
	background: #fff;
	font-size: 0.92em;
	font-style: italic;
}

table.rates td {
	padding: 10px;
}



/* ================ DIV-ID ================ */
#wrap {
	width: 1000px;
	margin: 40px auto 0px auto;
}
#container-top {
	border-top: 0px solid #4b6168;
	border-right: 1px solid #4b6168;
	border-bottom: 0px solid #4b6168;
	border-left: 1px solid #4b6168;
	border-radius: 20px 20px 0px 0px;
}
#container-body {
	border-top: 0px solid #4b6168;
	border-right: 1px solid #4b6168;
	border-bottom: 2px solid #4b6168;
	border-left: 1px solid #4b6168;
	background: #ffffff;
	border-radius: 0px 0px 20px 20px;
}
#primary-body {
	margin: none;
	padding: 0px 0px 0px 0px;
	opacity: 1;
		border: 0px solid #4b6168;
}
#primary-body-sub-pages {
	margin: none;
	padding: 0px 0px 80px 0px;
	opacity: 1;
		border: 0px solid #4b6168;
}
#primary-body-title {
	margin: -10px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	opacity: 1;
		border: 0px solid #4b6168;
}
#primary-body-description {
	margin: -10px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	opacity: 1;
		border: 0px solid #4b6168;
}
#primary-body-description-sub-pages {
	margin: -10px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	opacity: 1;
		border: 0px solid #00ff00;
}
#yellow {
	float: left;
	padding: 0px 0px 80px 0px;
	margin: 40px 0px 0px 0px;
	background: #fff1cd;
	border-radius: 0px 0px 20px 20px;
	opacity: 1;
		border: 0px solid #000000;
}
.yellow-inside {
	padding: 0px 0px 0px 60px;
	margin: 0px 50px 0px 0px;
	background: #fff1cd;
		border: 0px solid #000000;
}
#sidebar {
	float: right;
	margin: -10px 0px 0px 0px;
	padding: 10px 30px 50px 40px;
	background: #fff1cd;
	border-radius: 20px 0px 20px 0px;
	opacity: 1;
	border: 0px solid #000000;
}
#sidebar-sub-pages {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: #fff1cd;
	border-radius: 20px 0px 0px 20px;
	opacity: 1;
		border: 0px solid #000000;
}
#sidebar-title {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #4b6168;
}
#sidebar-event-first {
	float: left;
	margin: 20px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #000000;

}
#sidebar-event-first-image img {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid blue;
}
.sidebar-events {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #000000;
}
.sidebar-events-image img {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid blue;
}
/*#sidebar-event-last {
	float: left;
	margin: 0px 20px 80px 20px;
	padding: 0px 0px 0px 0px;
		border: 0px solid #000000;
}*/
#sidebar-event-last-image img {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		border: 0px solid blue;
}
.sidebar-images {
	border-radius: 10px 10px 10px 10px;
}
.sidebar-event-info {
	float: left;
	margin: 0px -40px 0px -15px;
	padding: 0px 0px 0px 0px;
		border: 0px solid red;
}
	.sidebar-event-info .subtitle {

		font-size: .85em;
		color: #513600;
		font-weight:bold;
		margin: 0px;
		padding-top: .35em;
	}
	.sidebar-event-info .time-detail {

		font-size: 0.82em;
		color: #513600;
		font-weight: 600;
		margin: 10px 0px 10px 0px;
	}

#container-shadow {
	width: 1000px;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
}

#yoga-subs {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
		border: 0px solid #000000;
}

.teacher .name {
	font-size: 1.33em;
}
.teacher .bio {
	font-size: 1.000em;
	line-height: 1.5em;
	color: #363928;
	margin: 1em 0.67em 0;
}
.teachers-images img {
	width: 300px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px 10px 10px 10px;
		border: 0px solid red;
}
.teachers-images-with-spacing img {
	width: 300px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px 10px 10px 10px;
		border: 0px solid red;
}
.teachers-details {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 200px;
		border: 0px solid #000000;
}
.teachers-details h2 {
	font-size: 20px;
}
.teachers-details-no-pic {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
		border: 0px solid #000000;
}
.event-images img {
	width: 190px;
	margin: 10px 0px 0px 0px;
	border-radius: 10px 10px 10px 10px;
		border: 0px solid red;
}
.event-details {
	float: left;
	margin: 0px 0px 0px 55px;
		border: 0px solid #000000;
}
.event-description {
		border: 0px solid #000000;
}







/* --SUB-PAGE-CONTAINER--  */
#sub-container {
	width: 1000px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
		border: 0px solid red;
}
#new-to-yoga img {
	width: 150px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px 10px 10px 10px;
		border: 0px solid #FFFFFF;
}
#new-to-yoga-info {
	width: 255px;
	margin: 5px 0px 0px 20px;
		border: 0px solid #FFFFFF;
}
#sub-container-divider {
	width: 2px;
	margin: -20px 40px 0px 30px;
		border: 0px solid #FFFFFF;
}
#experienced-yogi img {
	width: 150px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px 10px 10px 10px;
		border: 0px solid #FFFFFF;
}
#experienced-yogi-info {
	width: 260px;
	margin: 5px 0px 0px 20px;
		border: 0px solid #FFFFFF;
}










/* ================ FOOTER ================ */
/*#bottom-of-Page {
	width: 100%;
	margin: 40px auto 0px auto;
	background: #ff0000;
}*/

#fat-footer {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 25px 0px 40px 0px;
	border-radius: 0px 0px 0px 0px;
	background: #150000;
	font-size: .80em;
	color: #68766b;
		border: 0px solid #00FF00;
}

#fat-footer-info {
	width: 1000px;
	margin: -20px auto 0px auto;
	padding: 0px 0px 0px 0px;
		border:0px solid white;
}

.connect {
	font-size: 1.20em;
	color: #d1ab7a;
	font-weight:bold;
	margin: 30px 60px 6px 60px;
		border:0px solid white;
}

.footerBar ul { /*styles the navigation-bar*/
list-style-type:none;
margin: 0px 0px 0px 60px;
padding: 0;
/*overflow:hidden;*/
width: 890px;
height: 63px;
background: #150000;
	border:0px solid white;
}
.footerBar li { /*places the navigation items within the navigation-bar and in proximity to eachother*/
float:left;
margin: 0;
padding: 2px 10px 0px 0px;
}
.footerBar a { /*sizes and styles the navigation items*/
display:block;
width:122px;
/*background-color:#ffffff;*/
margin: 0;
padding: 20px 0px 20px 0px;
text-align: center;
text-decoration:none; /*removes the link underline*/
font-size: 1.2em;
}
.footerBar a:link,
.footerBar a:visited {
	color: #68766b; /*keep this the same color as the normal state*/
}
.footerBar a:hover,
.footerBar a:focus {
	color:#ffeec1;
}
.footerBar a:active {
color:#926f48;
}

#show-facebook-icon{ /*names a specific navigation-bar item to receive an icon*/
	background: url('/static/img/Icon-Facebook.png') no-repeat left; /*adds the facebook icon to the "home" nav-item*/
	width: 190px;
	margin: 0px 20px 0px 0px;
	padding: 20px 0px 20px 40px; /*prevents the text from overlapping the icon*/
	text-align: left; /*so the icon isn't covered*/
		border:0px solid white;
}

#show-phone-icon{
	background: url('/static/img/Icon-Phone.png') no-repeat left;
	width: 190px;
	margin: 0px 20px 0px 0px;
	padding: 20px 0px 20px 40px;
	text-align: left;
		border:0px solid white;
}

#show-newsletter-icon{
	background: url('/static/img/Icon-Newsletter.png') no-repeat left;
	width: 300px;
	padding: 20px 0px 20px 40px;
	text-align: left;
		border:0px solid white;
}
#show-address-icon{
	background: url('/static/img/Icon-Address.png') no-repeat left;
	width: 300px;
	padding: 20px 0px 20px 40px;
	text-align: left;
		border:0px solid white;
}
#show-email-icon{
	background: url('/static/img/Icon-Email.png') no-repeat left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 20px 40px;
	text-align: left;
		border:0px solid white;
}
#show-twitter-icon{
	background: url('/static/img/Icon-Twitter.png') no-repeat left;
	width: 200px;
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 20px 40px;
	text-align: left;
		border:0px solid white;
}




/* ================ LEGAL ================ */
#base-line {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 10px 0px 30px 0px;
	background: #141417;
	/*font-size: .80em;*/
		border: 0px solid red;
}

ul.legal {
	list-style: none;
	width: 980px;
	margin: 20px auto 0px auto;
	border: 0px solid red;
}

ul.legal li {
	float: left;
	color: #68766b;
	margin-left: 260px; /*I can't figure out how to center one li inside a div so I"m faking it.*/
		border: 0px solid red;
}


#zoom-classes-page {
	margin: 20px 60px;
}
#zoom-classes-page li {
	margin: 10px auto;
}
	#zoom-classes-page hr {
		margin: 30px auto;
	}

/* ================ Quick Hacks ================ */

/* .middle-section.subs,
#mandala-subs,
#yoga-subs,
.sidebar-subs {
	display: none;
} */


/* ================ Useful Maybe ================ */
/*.btn {
	color: #FAF3BC;
	background: #4FB69F url('img/texture.png') no-repeat right top;
	padding: 15px 30px 15px 30px;
	margin: 40px 0px 40px 0px;
	border-radius: 20px;
	text-transform: uppercase;
}
.btn:hover {
	background-color: #4CC4A7;
}*/