@charset "utf-8";
/* CSS Document */

/* General Styling */
body {
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 1;
}

#non_main_body {
	background: url(../img/secondary_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -16px;
	text-align: center;
}

.center{ margin: 0 auto; }
.content{ margin: 0 auto; width: 960px; }
.clear{ clear: both; }

/* Overlay Styling */
#overlay {
	color:#efefef;
	height: 510px;
}

.contentWrap {
	overflow-y: auto;
	height: 500px;
}

.apple_overlay {
	display: none;
	background-image: url(../img/overlay_background.png);
	width: 767px;
	padding: 35px;
}

.apple_overlay .close {
	background-image: url(../img/close.png);
	position: absolute; right: 5px; top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

/* Menu Styling */
section { 
	background: #232A2D;
	width: 100%;
	height: 87px;
	position: fixed;
	z-index: 3;
}

header {
	width: 1000px;
	height: 65px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

nav li {
	display: inline-block;
	padding: 20px 35px 0 0;
}

nav li:nth-child(4) { padding-right: 50px; }
nav li:nth-child(5) { padding-left: 50px; }

nav li a {
	color: #B3B3B3;
	font-size: 18px;
	text-decoration: none;
	font-family: 'Lato';
	font-weight: 400;
}

.active {
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

nav li a:hover {
	color: #FFFFFF;
}

.logo {
	background: url(../img/THDmenu_logo.png) 50% 0 no-repeat;
	background-size: 75px 75px;
	width: 75px;
	height: 75px;
	position: absolute;
	top: 13px;
	left: 463px;
}

/* Login Styling */
#LoginContainerR {
	position: absolute;
	top: 45px;
	right: 90px;
	width: 250px;
	z-index: 3;
}

#LoginContainerL {
	position: absolute;
	top: 45px;
	left: 95px;
	width: 250px;
	z-index: 3;
}

#LoginSectionR, #LoginSectionR a, #LoginSectionL {
	text-align: right;
	color: #c4063d;
	text-decoration: none;
	font-size: 15px;
	font-family: 'Lato';
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 1px;
}

#LoginSectionL {
	text-align: left;
}

#LoginSectionR a {
	border-bottom: 1px solid #c4063d;
}

#LoginSectionR a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* SM Bar Styling */
.SocialContainer {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 240px;
	z-index: 3;
}

.SM_FB, .SM_TW, .SM_GP, .SM_IN, .SM_YT, .SM_KS {
	display: block;
	position: relative;
	background-color: #3A579A;
	width: 40px;
	height: 40px;
}

.SM_FB a, .SM_TW a, .SM_GP a, .SM_IN a, .SM_YT a, .SM_KS a {
	background: url(../img/smbar/facebook.png) no-repeat;
	background-size: 80px 40px;
	background-position: 0 0;
	width: 40px;
	height: 40px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	transition: background-position .2s ease-in-out;
}

.SM_FB {
	border-top-left-radius: 3px;
}

.SM_FB:hover {
	background-color: #314a83;
}

.SM_FB a:hover, .SM_TW a:hover, .SM_GP a:hover, .SM_IN a:hover, .SM_YT a:hover, .SM_KS a:hover {
	background-position: -40px 0;
}

.SM_TW {
	background-color: #00ABF0;
}

.SM_TW:hover {
	background-color: #0092cc;
}

.SM_TW a {
	background: url(../img/smbar/twitter.png) no-repeat;
	background-size: 80px 40px;
}

.SM_GP {
	background-color: #DF4A32;
}

.SM_GP:hover {
	background-color: #be3f2b;
}

.SM_GP a {
	background: url(../img/smbar/googleplus.png) no-repeat;
	background-size: 80px 40px;
}

.SM_IN {
	background-color: #517fa4;
}

.SM_IN:hover {
	background-color: #456c8c;
}

.SM_IN a {
	background: url(../img/smbar/instagram.png) no-repeat;
	background-size: 80px 40px;
}

.SM_YT {
	background-color: #222222;
}

.SM_YT:hover {
	background-color: #000000;
}

.SM_YT a {
	background: url(../img/smbar/youtube.png) no-repeat;
	background-size: 80px 40px;
}

.SM_KS {
	border-bottom-left-radius: 3px;
	background-color: #75AA33;
}

.SM_KS:hover {
	background-color: #64912b;
}

.SM_KS a {
	background: url(../img/smbar/kickstarter.png) no-repeat;
	background-size: 80px 40px;
}

/* Home Styling */
#home {
	width: 100%;
	min-width: 1000px;
	background: url(../img/homepage_background.jpg) 50% 0 no-repeat;
	height: auto;
	margin-top: -16px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding: 175px 0 150px 0;
}

#THDlogo {
	background: url(../img/THDhomepage_logo.png) no-repeat;
	width: 360px;
	height: 239px;
	margin: 0 auto;
	position: relative;
}

#THDdate {
	color: #FFFFFF;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 26px;
	text-align: center;
	margin: 15px 0 0 0;
	letter-spacing: 2px;
}

#THDtagline {
	color: #FFFFFF;
	font-family: 'Lato';
	font-size: 22px;
	text-align: center;
	letter-spacing: 2px;
}

#THDtaglinebold {
	color: #FFFFFF;
	font-family: 'Lato';
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

#THDtaglinered {
	color: #FF0000;
	font-family: 'Lato';
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

#JoinButtonContainer, #CreateButtonContainer {
	width: 300px;
	margin: 60px auto 0 auto;
}

#CreateButtonContainer {
	margin: 20px auto 0 auto;
}

#JoinButton, #CreateButton {
	background: url(../img/button/join_large.jpg) no-repeat;
	width: 300px;
	height: 100px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#CreateButton {
	background: url(../img/button/start_large.jpg) no-repeat;
}

/* Story Styling */
#story {
	width: 100%;
	min-width: 1000px;
	background-color: #C4063D;
	color: #FFFFFF;
	height: auto;
	overflow: hidden;
	position: relative;
}

#TomAndFounders {
	background: url(../img/THD_Crew.jpg) 50% 0 no-repeat;
	width: 100%;
	height: 500px;
	position: relative;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

#StoryContainer {
	width: 100%;
	margin: 50px 0 0 0;
}

#StoryHeader {
	float: left;
	width: 15%;
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	margin: 0 5% 0 5%;
}

#StoryText {
	float: left;
	width: 69%;
	font-family: 'Lato';
	font-weight: normal;
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 150%;
	margin: 0 5% 50px 0;
	text-align: justify;
}

#Jump {
	background: url(../img/jump_background.jpg) 50% 0 no-repeat;
	width: 100%;
	height: 608px;
	position: relative;
	clear: both;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

/* Media Styling */
#media {
	width: 100%;
	min-width: 1000px;
	background-color: #FFFFFF;
	color: #A2A2A2;
	height: auto;
	overflow: visible;
	position: relative;
	display: table;
}

#MediaHeader {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	margin: 50px 0 0 5%;
}

#MediaContainer {
	width: 100%;
	margin: 50px 0 0 0;
}

#MediaDescription {
	float: left;
	width: 20%;
	margin: 0 5% 50px 5%;
	color: #A2A2A2;
}

#MediaDescriptionTitle, #MediaDescriptionDate, #MediaDescriptionText {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 17px;
	letter-spacing: 2px;
	line-height: 150%;
}

#MediaDescriptionDate, #MediaDescriptionText {
	font-size: 16px;
	font-weight: 400;
	margin: 5px 0 0 0;
}

#MediaDescriptionText {
	margin: 30px 0 0 0;
}

#MediaDescriptionText a, #MediaDescriptionText a:visited {
	color: #A2A2A2;
	text-decoration: none;
	border-bottom: solid 1px #A2A2A2;
}

#MediaDescriptionText a:hover {
	color: #c4063d;
	text-decoration: none;
	border-bottom: solid 1px #c4063d;
}

/* Slider Styling */
#MediaSlider {
	float: left;
	width: 64%;
	margin: 0 5% 50px 0;
}

.slider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.slide {
	position: absolute;
	left: 0;
	top: 0;
}

.slide .youtube, .slide .vimeo {
	position: relative;
	width: 100%;
	height: 100%;
}

.navslide {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.prev {
	width: 150px;
	float: left;
	cursor: pointer;
}

.next {
	width: 150px;
	float: right;
	cursor: pointer;
}

.MediaTypeContainer {
	width: auto;
	display: inline-block;
	text-align: center;
}

.slider_audio, .slider_link {
	width: 100%;
	background: #A2A2A2;
	padding: 10px 0 0 10px;
}

.slider_link a, .slider_link a:visited {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 150%;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
}

.MediaSelectorContainer {
	width: 270px;
	display: inline-block;
	text-align: center;
	z-index: 2;
}

.MediaSelectorContainer ul {
	text-align: center;
	display: inline;
	list-style: none;
	z-index: 2;
}

.MediaSelectorContainer ul li {
	width: 100%;
	height: 30px;
	display: inline-block;
	position: relative;
	background: #A2A2A2;
	border: 2px solid #A2A2A2;
	border-radius: 2px;
	cursor: pointer;
	padding: 4px 0 0 0;
	font-family: 'Lato';
	font-size: 20px;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 2;
}

.DownArrow {
	padding: 0 0 0 10px;
	z-index: 2;
}

.MediaSelectorContainer ul li ul {
	padding: 0;
	position: absolute;
	top: 36px;
	left: -1px;
	width: 270px;
	display: none;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

.MediaSelectorContainer ul li ul li { 
	text-align: left;
	border: 1px dashed #A2A2A2;
	border-radius: 0;
	background: #FFFFFF; 
	display: block; 
	z-index: 2;
}

.MediaSelectorContainer ul li ul li a, .MediaSelectorContainer ul li ul li a:visited {
	width: 100%;
	height: 100%;
	padding: 2px 0 0 10px;
	display: block;
	font-family: 'Lato';
	font-size: 18px;
	text-decoration: none;
	color: #A2A2A2;
	z-index: 2;
}

.MediaSelectorContainer ul li ul li a:hover {
	color: #FFFFFF;
	z-index: 2;
}

.MediaSelectorContainer ul li ul li:hover { 
	background: #666;
	z-index: 2;
}

.MediaSelectorContainer ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.NowPlaying {
	font-family: 'Lato';
	font-weight: 300;
	font-size: 13px;
	font-style: oblique;
	color: #FF0000;
	padding: 0 0 0 15px;
	z-index: 2;
}

/* Events Styling */
#events {
	width: 100%;
	min-width: 1000px;
	min-height: 600px;
	background: url(../img/eventlist_background.jpg) repeat-y;
	background-size: 100% auto;
	color: #FFFFFF;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px 0;
}

#EventsHeaderContainer {
	width: 100%;
}

#EventsHeader {
	float: left;
	width: 90%;
	margin: 0 0 0 5%;
}

#EventsHeaderText {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	color: #FFFFFF;
	line-height: 80%;
}

#EventsHeaderCreate {
	width: 150px;
	margin: 15px 0 0 0;
}

#EventsCreateButton {
	background: url(../img/button/start_small.jpg) no-repeat;
	width: 150px;
	height: 50px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#EventsTHDLogo {
	position: absolute;
	right: 0;
	background: url(../img/THDsquare_logo.png) no-repeat;
	background-size: 145px 155px;
	width: 145px;
	height: 155px;
	margin: 0 5% 0 0;
}

#NoEvents {
	clear: both;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 150%;
	margin: 0 0 0 5%;
	padding: 50px 0 0 0;
}

#LocationListContainer {
	text-align: center;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}

#LocationListHeader, #LocationList, #LocationList a {
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 18px;
	padding-bottom: 5px;
	color: #FFFFFF;
	text-decoration: none;
}

#LocationListHeader {
	padding-top: 5px;
}

#LocationList a {
	padding: 0;
	font-size: 15px;
	border-bottom: 1px solid #FFFFFF;
}

#LocationList a:hover {
	color: #c4063d;
	border-bottom: 1px solid #c4063d;
}

#Popular, #Intl, #AL, #AK, #AZ, #AR, #CA, #CO, #CT, #DC, #DE, #FL, #GA, #HI, #ID, #IL, #IN, #IA, #KS, #KY, #LA, #ME, #MD, #MA, #MI, #MN, #MS, #MO, #MT, #NE, #NV, #NH, #NJ, #NM, #NY, #NC, #ND, #OH, #OK, #OR, #PA, #RI, #SC, #SD, #TN, #TX, #UT, #VT, #VA, #WA, #WV, #WI, #WY {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	text-align: left;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	line-height: 150%;
	letter-spacing: 2px;
	margin: 30px 0 15px 5%;
	display: inline-block;
}

.EventListContainer {
	margin: 0 0 50px 5%;
}

.EventItemContainer {
	margin: 15px 25px 0 0;
	background: rgb(25,25,25);
	background: rgba(25,25,25,.75);
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 10px 10px;
	width: 350px;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family: 'Lato';
}

.EventItemHeader {
	font-size: 16px;
	font-weight: 900;
	color: #FFFFFF;
}

.EventItemDate, .EventItemTime {
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 2px;
	color: #FFFFFF;
}

.EventLocationContainer {
	float: left;
	width: 225px;
	padding-top: 15px;
}

.EventLocation, .EventAddress, .EventCSZ, .EventCountry, .EventPhone, .EventPrivateCountry {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #FFFFFF;
}

.EventPrivateCountry {
	padding-top: 10px;
}

.EventAttendingNumber, .EventPrivate {
	padding-top: 15px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #FFFFFF;
}

.EventPrivate {
	font-style: italic;
}

.EventAttendingNumber {
	padding-bottom: 10px;
}

.EventButtonContainer {
	margin-left: 240px;
	margin-top: 20px;
	width: 100px;
}

.EventJoinButton, .EventDetailButton {
	background: url(../img/button/join_small.jpg) no-repeat;
	width: 100px;
	height: 33px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.EventDetailButton {
	background: url(../img/button/details_small.jpg) no-repeat;
	margin-top: 10px;
}

.EventShareContainer {
	clear: both;
	text-align: center;
	line-height: 13px;
}

.fb-share-container, .tw-share-container, .gp-share-container {
	display: inline-block;
}

.fb-share-container {
	margin-right: 20px;
}

.twitter-share-button {
	margin-right: -10px;
}

/* Countdown Styling */
#countdown {
	width: 100%;
	min-width: 1000px;
	background: url(../img/countdown_background.jpg) 50% 0 no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFFFFF;
	text-align: center;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px 0;
}

#CountdownHeader {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
}

#CountdownHeaderSmall {
	padding-left: 5px;
	font-weight: 400;
	font-size: 28px;
	letter-spacing: 2px;
}

#CountdownNumbers {
	margin: 100px 0 0 0;
}

.CountdownBeginning {
	width: 318px;
	height: 464px;
	padding: 0 20px 0 0;
}

.CountdownEnd {
	width: 318px;
	height: 464px;
	padding: 0 0 0 0;
}

#CountdownDate {
	margin: 50px 0 0 0;
	font-family: 'Lato';
	font-weight: 300;
	font-size: 38px;
	letter-spacing: 2px;
	line-height: 150%;
}

/* Lifeline Styling */
#lifeline {
	width: 100%;
	min-width: 1000px;
	background-color: #FFFFFF;
	color: #A2A2A2;
	height: auto;
	overflow: hidden;
	position: relative;
}

#LifelineHeader {
	background: url(../img/lifeline_background.jpg) 50% 0 no-repeat;
	/*background-size: cover;*/
	background-size: 100% 525px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 525px;
	position: relative;
}

#LifelineContainer {
	width: 100%;
	margin: 50px 0 250px 0;
}

#LifelineLogo {
	float: left;
	background: url(../img/lifeline_logo.png) no-repeat;
	margin: 0 5% 0 5%;
	width: 139px;
	height: 105px;
}

#LifelineText {
	overflow: hidden;
}

#LifelineText > div {
	width: 100%;
	height: 100%;
	text-align: justify;
	font-family: 'Lato';
	font-weight: 400;
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 150%;
	float: left;
}

#LifelineContactContainer {
	float: right;
	width: 155px;
	margin: 0 5% 0 5%;
}

#LifelineContactContainer a, #LifelineContactContainer a:visited {
	color: #A2A2A2;
	text-decoration: none;
}

#LifelineContactContainer a:hover {
	color: #c4063d;
}

#LifelineContactMI {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 20px;
	text-align: left;
	border-top: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	line-height: 150%;
	letter-spacing: 2px;
	display: table-cell;
}

#LifelineContactLI {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	text-decoration: none;
	letter-spacing: 2px;
	display: block;
	margin: 25px 0 0 0;
}

#LifelineContactFL {
	font-family: 'Lato';
	font-weight: 300;
	font-size: 15px;
	font-style: italic;
	text-align: left;
	display: block;
	margin: 25px 0 5px 0;
}

.LifelineContactFB, .LifelineContactTW {
	background: url(../img/social_icon_fb_grey.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.LifelineContactFB {
	margin: 0 10px 0 0;
}

.LifelineContactFB:hover {
	background: url(../img/social_icon_fb_red.png) no-repeat;
	background-size: 25px 25px;
}

.LifelineContactTW {
	background: url(../img/social_icon_tw_grey.png) no-repeat;
	background-size: 25px 25px;
}

.LifelineContactTW:hover {
	background: url(../img/social_icon_tw_red.png) no-repeat;
	background-size: 25px 25px;
}

#LifelineContactDN {
	margin: 25px 0 0 0;
	display: block;
	text-align: left;
}

/* Contact Styling */
#contact {
	width: 100%;
	min-width: 1000px;
	background: url(../img/contact_background.jpg) 50% 0 no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFFFFF;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px 0;
}

#contact a, #contact a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#contact a:hover {
	color: #c4063d;
	text-decoration: underline;
}

#ContactHeader {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	margin: 0 0 0 5%;
}

#ContactText, .ContactFormText, .ContactFormError {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 150%;
	margin: 75px 0 75px 5%;
}

.ContactFormText, .ContactFormError {
	font-size: 22px;
	margin: 0 0 0 5%;
}

.ContactFormError {
	color: #FF0000;
}

#ContactFormErrorText {
	font-family: 'Lato';
	font-weight: 300;
	font-size: 16px;
	font-style: italic;
	color: #FF0000;
	letter-spacing: 1px;
	line-height: 110%;
	margin: 25px 0 10px 5%;
}

#SubmittedText {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	color: #c4063d;
	letter-spacing: 2px;
	line-height: 150%;
	margin: 75px 0 75px 5%;
}

#ContactFormName, #ContactFormEmail, #ContactFormMessage {
	display: block;
	margin: 0 0 10px 5%;
	width: 500px;
	height: 30px;
	font-family: 'Lato';
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 5px 0 5px 8px;
	border: solid 1px #FFFFFF;
	border-radius: 4px;
	background: transparent;
}

#ContactFormAntispam {
	display: none;
}

#ContactFormMessage {
	resize: none;
	height: 300px;
}

#ContactFormName:focus, #ContactFormEmail:focus, #ContactFormMessage:focus {
	border-color: #c4063d;
	outline: none;
}

#ContactFormSubmit {
	display: block;
	margin: 0 0 0 5%;
}

/* Kickstarter Styling */
#kickstarter {
	width: 100%;
	height: auto;
	min-width: 1000px;
	background: url(../img/kickstarter_background.jpg) repeat-y;
	background-size: 100% auto;
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px 0;
}

#KickstarterHeader {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	margin: 0 0 0 5%;
}

#KickstarterTYText {
	font-family: 'Lato';
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 130%;
	text-align: justify;
	margin: 25px 5% 50px 5%;
}

.KickstarterFundingHeader {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	text-align: left;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	line-height: 150%;
	letter-spacing: 2px;
	margin: 30px 0 15px 5%;
	display: inline-block;
}

.KickstarterStarContainer {
	margin: 0 0 50px 5%;
}

.KickstarterStar {
	margin: 15px 25px 0 0;
	background: url(../img/star.png) 50% 0 no-repeat;
	background-size: 300px 277px;
	width: 300px;
	height: 277px;
	display: inline-block;
	vertical-align: top;
}

.KickstarterStarText {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 17px;
	text-align: center;
	color: #ffffff;
	padding: 113px 65px 0 65px;
}

/* Overlay Pages Styling */
#OverlayContainer {
	width: 100%;
	text-align: center;
}
#OverlayHeader {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 28px;
	color: #FFFFFF;
	margin: 50px 0 0 0;
}

#OverlayText {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	margin: 20px 0 0 0;
}

#OverlayImageHeader {
	margin: 25px 0 0 0;
}

/* Register, Profile, Log In & Sign In Pages */
#Register, #Profile, #SignIn, #LogIn {
	width: 100%;
	min-width: 1000px;
	height: auto;
	padding-top: 200px;
}

#RegisterHeader, #ProfileHeader, #SignInHeader {
	width: 850px;
	text-align: left;
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	color: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 20px;
}

#SignInHeader {
	width: 450px;
}

#RegisterForm, #ProfileForm, #SignInForm {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

#LogInForm {
    width: 850px;
    margin: 0 auto;
	text-align: center;
}

#RegisterSubText, #ProfileSubText {
	font-family: 'Lato';
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
	color: #FFFFFF;
	padding-bottom: 25px;
}

.RegistrationError, .ProfileError, .SignInError, .LogInError {
	font-family: 'Lato';
	font-weight: bold;
	font-size: 18px;
	color: #FF0000;
}

.SignInError {
	width: 450px;
	margin: 0 auto;
}

#RegFormContainer, #ProFormContainer {
	float: left;
	width: 450px;
	margin-right: 25px;
}

#SignInFormContainer {
	width: 450px;
	margin: 0 auto;
}

#RegRequireContainer, #ProRequireContainer {
	margin-left: 525px;
	margin-top: 60px;
	width: 230px;
	background: rgb(25,25,25);
	background: rgba(25,25,25,.35);
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 10px 15px;
}

.RegistrationFormText, .ProfileFormText, .SignInFormText, .LogInFormText {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 150%;
	color: #FFFFFF;
	padding-top: 15px;
}

.RegistrationFormTextBox, .ProfileFormTextBox, .ProfileFormSelect, .ProfileFormTextArea, .SignInFormTextBox, .LogInFormTextBox {
	display: block;
	width: 440px;
	height: 30px;
	font-family: 'Lato';
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 5px 0 5px 8px;
	border: solid 1px #FFFFFF;
	border-radius: 4px;
	background: transparent;
}

.LogInFormTextBox {
	width: 390px;
}

.ProfileFormSelect {
	height: 40px;
	width: 450px;
}

.ProfileFormSelect option {
	background: rgb(196,6,61);
	background: rgba(196,6,61,.85);
}

.ProfileFormTextArea {
	height: 96px;
	resize: none;
}

#RegistrationFormSubmit, #ProfileFormSubmit, #SignInFormSubmit {
	float: right;
	margin-top: 15px;
	margin-bottom: 40px;
}

.RegistrationFormTextBox:focus, .ProfileFormTextBox:focus, .ProfileFormSelect:focus, .ProfileFormTextArea:focus, .SignInFormTextBox:focus, .LogInFormTextBox:focus {
	border-color: #c4063d;
	outline: none;
}

#RequireHeaderText, #RequireText, #RequireFooterText {
	font-family: 'Lato';
	font-weight: 300;
	font-size: 14px;
	color: #FFFFFF;
}

#RequireHeaderText {
	padding-bottom: 10px;
	font-weight: 400;
}

#RequireText {
	font-size: 12px;
	line-height: 110%;
	padding-left: 8px;
	text-indent: -8px;
	padding-bottom: 8px;
}

#RequireFooterText {
	font-size: 12px;
	text-align: center;
	padding-top: 3px;
}

#SignInRegister, #SignInRegister a {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 15px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 15px;
	text-decoration: none;
}

#SignInRegister {
	margin-left: 200px;
}

#SignInRegister a {
	border-bottom: 1px solid #FFFFFF;
}

#SignInRegister a:hover {
	color: #c4063d;
	border-bottom: 1px solid #c4063d;
}

#LogInFormContainer {
    width: 450px;
    float: left;
    border-right: 2px solid #FFFFFF;
    text-align: left;
}

#LogInRegFormContainer {
	padding-top: 75px;
    margin-left: 451px;
    text-align: center;
}

.LogInFormHeader {
    font-family: 'Lato';
    font-weight: 400;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 150%;
	color: #FFFFFF;
}

#LogInFormSubmit {
    margin-top: 15px;
    margin-left: 250px;
}

#LogInRegisterButton {
    background: url(../img/button/register.jpg) no-repeat;
	margin-left: 125px;
	margin-top: 30px;
    width: 150px;
	height: 50px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/* Details Page */
#DetailContainer {
	width: 99%;
}

#DetailErrorHeader, #DetailError, #DetailError a {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

#DetailErrorHeader {
	font-size: 36px;
	padding-bottom: 15px;
}

#DetailError a {
	border-bottom: 1px solid #FFFFFF;
}

#DetailHeader {
    font-family: 'Lato';
    font-weight: 900;
    font-size: 36px;
    color: #FFFFFF;
    padding-bottom: 15px;
    letter-spacing: 1px;
    
}

#DetailPrivate {
    padding-bottom: 15px;
    line-height: 100%;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#DetailDate, #DetailTime {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 28px;
    color: #FFFFFF;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 125%;
}

#DetailLeftContainer {
    float: left;
    width: 350px;
}

#DetailLocationHeader, #DetailPartyHeader, #DetailAttendeeHeader {
    float: left;
    font-family: 'Lato';
    font-weight: 900;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding-top: 25px;
}

#DetailLocationContainer, #DetailPartyContainer, #DetailAttendeeContainer {
    float: left;
    width: 350px;
	background: rgb(25,25,25);
	background: rgba(25,25,25,.75);
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 7px;
}

.DetailLocationText, .DetailPartySubHeader, .DetailPartySubHeaderTop, .DetailPartyText, .DetailLink {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.DetailLocationText {
    font-size: 18px;
}

#DetailLocationSM {
	margin-top: 7px;
}

#DetailLocationFB {
	background: url(../img/social_icon_fb_white.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-right: 15px;
}

#DetailLocationTW {
	background: url(../img/social_icon_tw_white.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.DetailPartySubHeaderTop {
    font-weight: 900;
}

.DetailPartySubHeader {
    padding-top: 15px;
    font-weight: 900;
}

.DetailLink {
    text-decoration: none;
    border-bottom: 1px solid #FFFFFF;
}

.DetailLink:hover {
    text-decoration: none;
    border-bottom: 1px solid #c4063d;
	color: #c4063d;
}

#DetailLocationMap {
    padding-top: 52px;
    margin-left: 400px;
    width: 340px;
    height: 340px;
}

#DetailJoinContainer {
	margin-top: 15px;
}

#DetailJoinButton {
	background: url(../img/button/join_medium.jpg) no-repeat;
	background-size: 150px 50px;
	width: 150px;
	height: 50px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-left: 190px;
}

.DetailAttendeeImage {
    margin-right: 15px;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Events Page */
#EventPage {
	width: 100%;
	min-width: 1000px;
	height: auto;
	padding-top: 200px;
}

#EventPageHeader {
	width: 1000px;
	text-align: left;
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	color: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 20px;
}

#EventPageContainer {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#EventPageErrorHeader, #EventPageError, #EventPageError a {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

#EventPageErrorHeader {
	font-size: 36px;
	padding-bottom: 15px;
}

#EventPageError a {
	border-bottom: 1px solid #FFFFFF;
}

#EventPageError a:hover {
	border-bottom: 1px solid #c4063d;
	color: #c4063d;
}

#EventPageHeaderContainer {
	float: left;
	width: 750px;
	padding-bottom: 15px;
}

#EventPageHeader {
    font-family: 'Lato';
    font-weight: 900;
    font-size: 40px;
    color: #FFFFFF;
    padding-bottom: 8px;
    letter-spacing: 1px;
}

#EventPageDateTimeContainer {
	display: block;
	float: left;
}

#EventPageDate, #EventPageTime {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 32px;
    color: #FFFFFF;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 125%;
	display: inline-block;
	text-align: left;
}

#EventPageDate {
	padding-right: 10px;
}

#EventPagePrivate {
    padding-top: 15px;
    line-height: 100%;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
	clear: left;
    
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#EventPageJoinContainer {
	margin-left: 800px;
	padding-top: 10px;
}

#EventPageJoinButton {
	background: url(../img/button/join_medium.jpg) no-repeat;
	background-size: 200px 66px;
	width: 200px;
	height: 66px;
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#EventPageClear {
	clear: both;
}

#EventPageLeftContainer {
	float: left;
    width: 400px;
}

#EventPageLocationHeader, #EventPagePartyHeader, #EventPageAttendeeHeader {
    float: left;
    font-family: 'Lato';
    font-weight: 900;
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding-top: 25px;
    padding-bottom: 2px;
}

#EventPageLocationContainer, #EventPagePartyContainer, #EventPageAttendeeContainer {
    float: left;
    width: 400px;
	background: rgb(25,25,25);
	background: rgba(25,25,25,.75);
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 7px;
}

.EventPageLocationText, .EventPagePartySubHeader, .EventPagePartySubHeaderTop, .EventPagePartyText, .EventPageLink {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
}

.EventPageLocationText {
    font-size: 22px;
}

#EventPageLocationSM {
	margin-top: 7px;
}

#EventPageLocationFB {
	background: url(../img/social_icon_fb_white.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-right: 15px;
}

#EventPageLocationTW {
	background: url(../img/social_icon_tw_white.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.EventPagePartySubHeaderTop {
    font-weight: 900;
}

.EventPagePartySubHeader {
    padding-top: 15px;
    font-weight: 900;
}

.EventPageLink {
    text-decoration: none;
    border-bottom: 1px solid #FFFFFF;
}

.EventPageLink:hover {
    text-decoration: none;
    border-bottom: 1px solid #c4063d;
	color: #c4063d;
}

.EventPageAttendeeImage {
    margin-right: 15px;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#EventPageLocationMap {
    padding-top: 25px;
    margin-left: 500px;
    width: 500px;
    height: 500px;
}

.EventPageShareContainer {
	text-align: right;
	line-height: 13px;
	margin-bottom: 15px;
}

.event-page-fb-share-container, .event-page-tw-share-container, .event-page-gp-share-container {
	display: inline-block;
}

.event-page-fb-share-container {
	margin-right: 40px;
}

.event-page-tw-share-container {
	margin-right: 20px;
}

/* Join and Create Pages */

#Join, #Create {
	width: 100%;
	min-width: 1000px;
	height: auto;
	padding-top: 200px;
}

#JoinHeader, #CreateHeader {
	width: 500px;
	text-align: left;
	font-family: 'Lato';
	font-weight: 900;
	font-size: 40px;
	color: #FFFFFF;
	margin: 0 auto;
	padding-bottom: 20px;
}

#JoinForm, #CreateForm {
	width: 500px;
	margin: 0 auto;
	text-align: left;
}

.JoinSubText, .JoinSubText a, .CreateSubText, .CreateSubText a {
	font-family: 'Lato';
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 15px;
}

.JoinSubText a, .CreateSubText a {
    border-bottom: 1px solid #FFFFFF;;
}

.JoinSubText a:hover, .CreateSubText a:hover {
    border-bottom: 1px solid #c4063d;
	color: #c4063d;
}

.JoinErrorL1, .JoinErrorL2, .CreateErrorL1, .CreateErrorL2 {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 20px;
	color: #c4063d;
	text-align: center;
	margin-top: 10px;
	letter-spacing: 2px;
	line-height: 150%;
}

.JoinErrorL2, .CreateErrorL2 {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 120%;
	margin-top: 0;
}

.JoinPageHeader, .CreatePageHeader {
    font-family: 'Lato';
    font-weight: 900;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding-top: 25px;
    padding-bottom: 2px;
}

.JoinFormContainer, .JoinPageEventContainer, .CreateFormContainer {
    width: 484px;
	margin: 0 auto;
	background: rgb(25,25,25);
	background: rgba(25,25,25,.75);
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 7px;
}

.JoinFormContainer, .CreateFormContainer {
	background: none;
}

.JoinFormGuestContainer, .CreateFormGuestContainer, .CreateFormTimeContainer {
	clear: both;
}

.JoinPageEventText, .JoinPageEventTextSmall, .JoinPageEventLink {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
	line-height: 150%;
	letter-spacing: 2px;
}

.JoinPageEventTextSmall, .JoinPageEventLink {
	font-size: 15px;
	text-decoration: none;
	letter-spacing: 1px;
}

.JoinPageEventLink {
	border-bottom: 1px solid #FFFFFF;
}

.JoinPageEventLink:hover {
	border-bottom: 1px solid #c4063d;
	color: #c4063d;
}

.JoinFormText, .JoinFormTextFirst, .JoinFormTextGuest, .JoinFormTextExpiry, .JoinFormSmallText, .JoinFormSmallTextRed, .JoinFormTextTotal, #JoinFormTextTotalBold, .CreateFormText, .CreateFormTextFirst, .CreateFormTextTime, .CreateFormNotes, .CreateFormTextGuest, .CreateFormSmallText, .CreateFormSmallTextRed, .CreateFormTextExpiry, .CreateFormTextTotal, #CreateFormTextTotalBold {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 150%;
	color: #FFFFFF;
	padding-top: 15px;
}

.JoinFormTextFirst, .CreateFormTextFirst {
	padding-top: 0;
}

.JoinFormTextGuest, .CreateFormTextGuest {
	margin-left: 250px;
}

.JoinFormSmallText, .CreateFormSmallText, .JoinFormSmallTextRed, .CreateFormSmallTextRed {
	padding-top: 0;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: 300;
	line-height: 120%;
}

.JoinFormSmallTextRed, .CreateFormSmallTextRed {
	color: #c4063d;
	font-weight: bold;
}

.JoinFormTextExpiry, .CreateFormTextTime, .CreateFormTextExpiry {
	padding-top: 0;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 28px;
	font-weight: 900;
	line-height: 100%;
}

.JoinFormTextTotal, #JoinFormTextTotalBold, .CreateFormTextTotal, #CreateFormTextTotalBold {
	text-align: center;
	font-size: 26px;
}

.CreateFormNotes, .CreateFormNotesLn2 {
	font-size: 13px;
	font-style: italic;
	padding-top: 0;
	line-height: 100%;
	letter-spacing: 1px;
	color: #FFFFFF;
}

.CreateFormNotesLn2 {
	line-height: 175%;
	padding-left: 6px;
	padding-bottom: 3px;
}

.FormError {
	font-family: 'Lato';
	font-size: 13px;
	font-weight: 900;
	color: #c4063d;
	font-style: normal;
	padding-left: 15px;
	letter-spacing: 2px;
	line-height: 90%;
}

#JoinFormTextTotalBold, #CreateFormTextTotalBold {
	padding-left: 10px;
	font-weight: 900;
}

.JoinFormCheck {
	text-align: center;
}

.JoinFormTextBox, .JoinFormTextBoxGuest, .JoinFormTextBoxCVV, .JoinFormSelect, .JoinFormSelectSmall, .JoinFormSelectGuest, .JoinFormSelectExpiry, .CreateFormTextBox, .CreateFormSelect, .CreateFormSelectSmall, .CreateFormSelectTime, .CreateFormSelectGuest, .CreateFormTextArea, .CreateFormTextBoxGuest, .CreateFormTextBoxCVV, .CreateFormSelectExpiry {
	display: block;
	width: 465px;
	height: 20px;
	font-family: 'Lato';
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 5px 0 5px 8px;
	border: solid 1px #FFFFFF;
	border-radius: 4px;
	background: transparent;
}

.JoinFormTextBox:focus, .JoinFormTextBoxGuest:focus, .JoinFormTextBoxCVV:focus, .JoinFormSelect:focus, .JoinFormSelectSmall:focus, .JoinFormSelectGuest:focus, .JoinFormSelectExpiry:focus, .CreateFormSelect:focus, .CreateFormSelectSmall:focus, .CreateFormTextBox:focus, .CreateFormSelectTime:focus, .CreateFormSelectGuest:focus, .CreateFormTextArea:focus, .CreateFormTextBoxGuest:focus, .CreateFormTextBoxCVV:focus, .CreateFormSelectExpiry:focus {
	border-color: #c4063d;
	outline: none;
}

.JoinFormTextBoxGuest, .CreateFormTextBoxGuest {
	width: 338px;
	float: left;
}

.JoinFormTextBoxCVV, .CreateFormTextBoxCVV {
	width: 100px;
}

.JoinFormSelect, .CreateFormSelect {
	padding-left: 3px;
	width: 475px;
	height: 32px;
}

.JoinFormSelectSmall, .CreateFormSelectSmall {
	padding-left: 3px;
	width: 50px;
	height: 30px;
}

.JoinFormSelectGuest, .JoinFormSelectExpiry, .CreateFormSelectTime, .CreateFormSelectGuest, .CreateFormSelectExpiry {
	float: left;
	margin-left: 15px;
	padding-left: 3px;
	width: 70px;
	height: 32px;
}

.CreateFormSelectTime {
	width: 125px;
	margin-left: 0;
}

.JoinFormSelectExpiry, .CreateFormSelectExpiry {
	margin-left: 0;
}

.CreateFormTextArea {
	height: 100px;
}

.JoinFormSelect option, .JoinFormSelectGuest option, .JoinFormSelectExpiry option, .CreateFormSelect option, .JoinFormSelectSmall option, .CreateFormSelectSmall option, .CreateFormSelectTime option, .CreateFormSelectGuest option, .CreateFormSelectExpiry option {
	background: rgb(196,6,61);
	background: rgba(196,6,61,.85);
}

.JoinFormTextArea, .CreateFormTextArea {
	height: 96px;
	resize: none;
}

input[type="radio"], input[type="checkbox"] {
    display:none;
}
input[type="radio"] + label, input[type="checkbox"] + label {
    color: #FFFFFF;
    font-family: 'Lato';
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-right: 25px;
}
input[type="radio"] + label span, input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

input[type="checkbox"] + label span {
	-moz-border-radius: 15%;
	border-radius: 15%;
}

input[type="radio"] + label span, input[type="checkbox"] + label span {
	 border: 2px solid #FFFFFF;
}

input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span {
     border: 2px solid #FFFFFF;
	 background-color: #c4063d;
}

input[type="radio"] + label span, input[type="radio"]:checked + label span, input[type="checkbox"] + label span, input[type="checkbox"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

#JoinFormSubmit, #CreateFormSubmit {
	float: right;
	margin-top: 15px;
	margin-bottom: 40px;
}

.JoinSuccessBold, .JoinSuccessBoldFirst, .JoinSuccessText, .JoinSuccessTextFirst, .CreateSuccessBold, .CreateSuccessBoldFirst, .CreateSuccessText, .CreateSuccessTextFirst {
	font-family: 'Lato';
	font-weight: 900;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 150%;
	color: #FFFFFF;
	padding-top: 8px;
}

.JoinSuccessBoldFirst, .JoinSuccessTextFirst, .CreateSuccessBoldFirst, .CreateSuccessTextFirst {
	padding-top: 0;
}

.JoinSuccessText, .JoinSuccessTextFirst, .CreateSuccessText, .CreateSuccessTextFirst {
	font-weight: 400;
	padding-left: 15px;
}

.JoinSuccessTextFirst, .CreateSuccessTextFirst {
	line-height: 125%;
}

.NoIndent {
	padding-left: 0;
}

.SMShareText {
	font-family: 'Lato';
	font-size: 14px;
	color: #c4063d;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 150%;
	padding-bottom: 5px;
	padding-top: 20px;
	text-align: center;
}

.SMShareButtons {
	text-align: center;
	margin-bottom: 15px;
}