/** ..:: BodyMindLife | Home ::.. **/

/* TIMETABLE Updates */


/* Layout Changes to home page */
#body { padding: 20px 0; }
#body .row-container { background-color: transparent; border: 0; }
#body .col_main { padding: 0; }

/** NEWSLETTER BOX **/
#newsletter-box { background-color: #e6e6e6; font-size: 13px; width: 307px; float: right; margin-left: 20px; }
#newsletter-box .content { padding: 20px; }

#newsletter-box form { clear: left; }
#newsletter-box ul { list-style: none; padding-top: 10px; margin: 0px; clear: left; }
#newsletter-box li { margin-bottom: 5px; }
#newsletter-box h3 { padding: 20px; margin: 0; color: black; font-size: 12px; text-shadow: 0 1px 0 white; background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/box-header.png) top left repeat-x; }
#newsletter-box p { margin: 0 0 10px; }
#newsletter-box .aurora-overtext { color: #999; font-style: italic; padding:7px 20px 7px 10px; width:160px; }
#newsletter-box .aurora-field { position: relative; }
#newsletter-box .aurora-field-valid {
	background-image: url(/Resources/BML/Sites/BMLYoga/Images/Icons/tick_small.png);
	background-color: #FFF;	
	background-position: 170px 5px;
	background-repeat: no-repeat;
}

#newsletter-box .aurora-field-invalid {
	background-image: url(/Resources/BML/Sites/BMLYoga/Images/Icons/cross_small.png);
	background-color: #FFF;	
	background-position: 170px 5px;
	background-repeat: no-repeat;
}

.newsletter-form-success {
	background: #EFFBE9 url(/Resources/BML/Sites/BMLYoga/Images/Icons/tick_small.png) no-repeat;
	background-position: 12px center;
	padding: 20px 10px 20px 40px;
	border: 1px solid #8DC63F;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#newsletter-box .aurora-button-disabled { opacity: 0 !important; } 

#form-activity { right: 50px; top: 5px; position: absolute; width: 16px; height: 16px; background: white url('/Resources/BML/Sites/BMLYoga/Images/Icons/spinner_e6.gif') center center no-repeat; }

#newsletter-box input[type="submit"] { background: black; border: 0; color: white; padding: 6px 10px 7px; margin-left: 5px; font-weight: bold; font-family: Arial; cursor: pointer; }
#newsletter-box input[type="submit"]:hover { background-color: #70b312; }

.is_ie7 #newsletter-box input#submit-button { padding: 6px 0px; margin-left: 0px; }

#newsletter-box .social-media a { display: block; color: black; }
#newsletter-box .social-media li { background: none; padding-left: 0px; }
#newsletter-box .social-media .icon { display: block; float: left; width: 16px; height: 16px; margin-right: 10px; background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/various.png) top left no-repeat; }
#newsletter-box .social-media .twitter .icon { background-position: left -16px; }
#newsletter-box .social-media .facebook .icon { background-position: left -32px; }

/** CHANGES **/
#changes { color: white; font-size: 16px; }
#changes h2 { font-size: 38px; color: white; font-weight: bold; }

/**  FEATURED EVENT **/

.featured {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/featured_bg.png) top left no-repeat;
	padding: 12px 0px 0px 60px;
	height: 31px;
	width: 900px;
	margin: 20px 0px;
	font-size: 18px;
	color: white;
}

.is_ie7 .featured { zoom: 1; }

.featured .bttn { float: right; display: block; margin: -8px 0px 0px 20px; }
.featured .text span { float: left; display: block; }

.featured .section-links { position: relative; overflow: hidden; float: left; padding: 0px 10px; color: #8DC63F; }
.featured .section-links span { display: block; float: left; padding: 0px 10px; }
.featured .section-links a { display: block; float: left; padding: 0px 0px 2px 0px; border-bottom: 1px solid #999;}
.featured .section-links a:hover { border-color: #8DC63F; text-decoration: none; }
.featured .section-links a:active { padding-top: 1px; } 

/** EVENTS **/

.events { position: relative; overflow: hidden; }
.events .event {
	position: relative; 
	overflow: hidden;
	width: 304px;
	height: 204px;
	margin: 0px 15px 15px 0px;
	float: left;
	display: block;
	color: white;
	text-decoration: none;
	border: 3px solid;
	border-color: transparent;
}

.events .event:hover { border-color: #8DC63F; }
.events .event:focus { border-color: #8DC63F; opacity: 0.5; }

.events .event .event_details {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/black_80.png) top left repeat;
	width: 290px;
	padding: 0px 10px 10px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
}

.events .event .event_details .category { float: left; display: block; padding: 3px 0px; border-top: 3px solid #8DC63F; font-size: 11px; color: rgba(255,255,255,0.8); margin-right: 5px; }
.events .event .event_details .event_name { clear: both; display: block; font-size: 14px; text-transform: uppercase; padding: 5px 0px 5px; font-weight: bold; }
.events .event .event_details .event_time { font-size: 11px; font-style: italic; display: block; color: rgba(255,255,255,0.8); }
.events .event .event_details p { display: inline; }