/* === Whats On Body Mind Life === */

/* FILTER BAR */
.categories {
	position: absolute;
	overflow: hidden;
	padding: 20px 0px 20px 20px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.95);
	z-index: 99;
	height: 40px;
	width: 440px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
}
.categories .category { float: left; display: block; margin: 0px 0px 10px 0px; width: 150px; color: white; }
.categories .category:hover { color: #8DC63F; cursor: pointer;  }
.categories .category .label { cursor: pointer;  }


/** EVENTS **/

.events { position: relative; }
.events.big { padding: 30px 0px; }
.events .event {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
	width: 300px;
	height: 204px;
	margin: 0px 30px 30px 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.8; }

.events .event img { position: absolute; z-index: 1;  }

.events .event .event_details {
	background: rgba(0,0,0,0.7);
	width: 290px;
	padding: 0px 10px 10px;
	height: 55px;
	position: absolute;
	z-index: 2;
	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, .events .event .event_details .event_place { font-size: 11px; font-style: italic; display: block; color: rgba(255,255,255,0.8); }
.events .event .event_details p { display: inline; }

/* Event big */

.events.big .event {
	width: 465px;
	height: 184px;
	margin: 0px 30px 30px 0px;
	display: block;
}

.events.big .event:nth-of-type(2n) { margin-right: 0; }

.events.big .event .event_details { width: 445px; height: 65px; }
.events.big .event .event_details .event_name { font-size: 14px; width: 325px; }
.events.big .event img { width: 465px; }

/* Date */

.events .event .event_details .date {
	position: absolute;
	display: block;
	bottom: 0;
	padding-top: 20px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	height: 55px;
	width: 65px;
	background: rgb(141,198,63);
	background: rgba(141,198,63,1);
	font-size: 14px;
}

.events .event .event_details .date.startDate {
	background: rgba(141,198,63,1) url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/gradient_green.png) bottom left repeat-x;
	right: 65px;
	z-index: 9;
	-moz-box-shadow: 2px 0px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 0px 2px rgba(0,0,0,0.3);
}
.events .event .event_details .date.oneDay { right: 0; }
.events .event .event_details .date.endDate { right: 0; z-index: 8; background: rgb(100,149,34); background: rgba(141,198,63,0.6); }

.events .event .event_details .date.startDate .arrow {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/arrow_right.png) top left no-repeat;
	display: block;
	width: 10px;
	height: 16px;
	position: absolute;
	right: -10px;
	top: 30px;
	display: none\9;
}

.is_ie7 .events .event .event_details .date.startDate .arrow { display: none; }

.events .event .event_details .date span { display: block; }
.events .event .event_details .date .day { font-size: 24px; font-weight: bold; }

/* Event details */

.events.detail { padding: 0px; }

.events.detail h2 { margin: 40px 0px 20px; padding-bottom: 5px; border-bottom: 1px solid #DEDEDE; }
.events.detail h4 { font-weight: bold; margin: 20px 0px 0px; }

.events.detail .event {
	width: 960px;
	height: 300px;
	border: none;
	margin: 30px 0px 40px 0px;
	display: block;
}

.events.detail .event:hover { border: none; }

.events.detail .event .event_details { width: 940px; height: 65px; }

.events.detail .event .event_details .category { font-size: 16px; margin-bottom: 10px; }

.events.detail .event .event_details .event_place { clear: left; font-size: 18px; color: #FFF; font-style: normal; }

.events.detail .event img { position: absolute; z-index: 1; width: 100%; top: 50%; }


/* Event details */

#event .header {
	position: relative;
	overflow: hidden;
	padding: 5px 5px 40px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

#event .header h1 { font-size: 30px; margin-bottom: 20px; }

#event .header .photo { float: right; margin-top: 62px; width: 420px;  }
#event .header .photo img { width: 420px; }
#event .header .aurora-slide { width: 420px; }
#event .header .photo .frame {
	background: #fafafa;
	padding: 5px;
	margin: 0; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

#event .header .background-frame {
	display: none;
	-moz-transform:  rotate(-4deg);
	-webkit-transform:  rotate(-4deg);
	height: 300px;
	position:absolute;
	top: 2px; width:420px;
	z-index:-1;
}
.csstransforms #event .header .background-frame { display: block; }

#event .header .photo h3 { position: absolute; bottom: 0; margin: 0; width: 100%; font-size: 24px; font-weight: normal; font-family: "Reenie Beanie"; background: #fafafa; }
#event .header .photo h3 span { display: block; text-align: center; padding: 7px 0 2px; }
#event .header .aurora-map { background-color:#ECE9E1; min-height: 300px; width:420px; }

#event .header table { float: left; width: 480px; font-size: 12px; color: #666; font-style: italic; }
#event .header table td { padding: 10px; border: 1px solid white; border-width: 0 1px 1px 0; background: #fafafa; line-height: 1.3em; }
#event .header tr:nth-child(odd) td { background: #eaeaea; }
#event .header table p { margin: 0 0 10px; }
#event .header table .title { width: 100px; color: black; font-style: normal; }

#event .price-inclusions { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; }

#event .footer { font-size: 13px; overflow: hidden; }
#event .footer h3 { margin: 0; }

#event .buttons { position: relative; overflow: hidden; padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #ccc; }

/* Dates */
#event .event-dates { overflow: hidden; font-size: 11px; margin-bottom: 20px; color: white; }
#event .eventDate { position: relative; float: left; padding: 5px 22px; width: 75px; height: 32px; text-align: center; }
#event .eventDate span { display: block; }
#event .eventDate .date { font-size: 20px; font-weight: bold; color: white; }
#event .eventDate .month-year { color: white; }

#event .startDate { z-index: 1; background-color: #70b312; -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.2); box-shadow: 1px 0 3px rgba(0,0,0,0.2); box-shadow: 1px 0 3px rgba(0,0,0,0.2); }
#event .startDate .arrow { position: absolute; top: 0; right: -10px; height: 42px; width: 10px; background: transparent url(/Resources/BML/Sites/TeacherTraining/Images/Icons/lgDate-arrow.png) no-repeat right center; }
#event .startDateOnly .arrow { display: none; }
#event .endDate { background-color: #80cc14; }

#event .hours { height: 30px; color: #80cc14; width: 42px; border: 1px solid #80cc14; }
#event .hours .numbers { font-size: 20px; font-weight: bold; }

#event .nav { text-align: center; padding: 15px; font-size: 12px; color: #666; }
#event .nav a { text-decoration: none; color: #999; }
#event .nav .selected { color: #666; }

/* SOCIAL BUTTONS */
#social-buttons { }
#social-buttons .social-button { float: left; margin-right: 10px; }
#social-buttons:after {
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	content: ".";
}