/* [ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]

		   _____             _ 				
		  / ____|   		| |
		 | (___  _ __   __ _| | _____  ___
		  \___ \| '_ \ / _` | |/ / _ \/ __|
		  ____) | | | | (_| |   <  __/\__ \
		 |_____/|_|_|_|\__,_|_|\_\___||___/
		   ___    | |         | | | |
		  ( _ )   | |     __ _| |_| |_ ___  ___ 
		  / _ \/\ | |    / _` | __| __/ _ \/ __|
		 | (_>  < | |___| (_| | |_| ||  __/\__ \
		  \___/\/ |______\__,_|\__|\__\___||___/
		  ======================================
		  *  			T E C H   			*
		  ======================================
		  

[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ][ ] */



/* ===================================================

			  S N A K E S  &  L A T T E S
					 Event Styles

=================================================== */



/* --------------------------
	Universal Stuff
-------------------------- */

a {
	color: #7d6d9c;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

a:hover {
	color: #ffaf00;
	text-decoration: none;
}

footer { background: #202020; color: #fff; height: 372px; border-top: solid 2px #b2a2d1; }
footer a:hover { color: #fff; }

html, body { height: 100%; }

.collapse-toggle { display: none; }
.collapse-toggle a { cursor: pointer; cursor: hand; }

#notthefooter {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -374px;
}

#main { padding-bottom: 374px; }

html { overflow-y: scroll; }



/* --------------------------
	Temp Haxx
-------------------------- */

#main { padding-bottom: 60px; }
#notthefooter { margin: 0 auto -60px; }

.index body { padding-top: 0 !important; }
.index #notthefooter { margin: 0 auto -80px; }

footer { 
	height: 60px; 
	border: none;
	padding: 0;
}
footer .logo {
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	padding-top: 10px;
	line-height: 40px;
	font-family: "Lucida Console", Monaco, monospace;
}
footer .logo img { border: none; height: 40px; }

#main h1,
#main h2,
#main h3,
#main h4,
#main h5 { border-bottom: none; padding: 0; }

hr { margin: 40px 0; }

.btn-snakes { border: solid 1px #4d306e; }
.btn-primary { border: solid 1px #44639b; }

.btn-success {
    color: #ffffff;
    border: solid 1px #13b244;
	background-color: #31c85f;
	*background-color: #31c85f;
	background-image: none;
	background-repeat: repeat-x;
	filter: none;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	color: #ffffff;
	background-color: #13b244;
	*background-color: #13b244;
}

#session-alert { margin-top: 20px; }



/* --------------------------
	Event
-------------------------- */

#event #content { padding: 40px 0 60px; }
#event #banner { padding: 50px 0; }
#event #banner hr { margin: 50px 0 0 0; }
#event h2 { margin: 20px 0 60px 0; color: #444; font-size: 56px; line-height: 60px; }
#event h3 { margin: 0 0 20px 0; color: #7d6d9c; font-size: 32px; }
#event .ticket-table { margin: 20px 0; border-bottom: solid 1px #eee; }
#event .ticket-table td { vertical-align: middle; border-color: #eee; }
#event .copy p { margin: 0 0 20px; }
#event .meta { color: #666; }
#event .meta p { margin: 0 0 10px; }
#event #map_canvas { width: 100%; height: 200px; }
#event .address { margin: 20px 0; }
#event ul.cards { margin: -7px 0 0 0; padding: 0; overflow: hidden; float: left; }
#event ul.cards li {
	display: block;
	float: left;
	width: 64px;
	padding: 0;
	margin: 0 5px 0 0;
}
#event ul.cards li img { width: 100%; }

#event form.event-date-form { display: none; }

#main.background { background-size: cover; background-attachment: fixed; background-color: #7d6d9c; }
#main.background #event #banner hr { display: none; }
#main.background #event #content { 
	padding: 70px 0 50px 0;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}



/* --------------------------
	Index
-------------------------- */

#index .header { padding-top: 100px; padding-bottom: 30px; }
#index .header .logo { height: 74px; padding-top: 20px; float: right; }
#index .header h1 { 
	font-family: 'Patua One', cursive;
	font-size: 100px; 
	line-height: 90px; 
	color: #7d6d9c;
}

.events table.table-events {
	margin: 0 auto;
	font-family: 'Patua One', cursive;
	font-size: 24px;
	-webkit-text-stroke: 0.5px;
}

.events table.table-events td.date { text-align: right; padding: 5px 15px 5px 0; }
.events table.table-events td.event { text-align: left; padding: 5px 0 5px 15px; }

.events table.table-events tr.muted a { color: #bea56b; }
.events table.table-events tr.muted a:hover { color: #747179; }



/* --------------------------
	Checkout
-------------------------- */

#checkout { padding-bottom: 50px; }
#checkout h2 { margin: 0 0 40px 0; color: #444; font-size: 56px; line-height: 60px; }
#checkout h3 { margin: 0 0 10px 0; color: #7d6d9c; font-size: 32px; }
#checkout h4 { margin: 0 0 20px 0; color: #7d6d9c; font-size: 24px; }
#checkout h5 {
	margin: 20px 0 10px 0; 
	font-size: 14px; 
	font-weight: normal;
	font-family: "Helvetica","Arial",sans-serif;
	-webkit-text-stroke: 0;
}
#checkout .meta { color: #666; }
#checkout .total { font-size: 32px; line-height: 45px; }
#checkout .countdown {
	text-align: center;
	font-size: 10px;
	color: #999;
}
#checkout .countdown #timer {
	font-weight: bold;
	font-size: 48px;
	color: #444;
	line-height: 48px;
}
#checkout ul.cards { margin: 10px 0 0 0; padding: 0; overflow: hidden; }
#checkout ul.cards li {
	display: block;
	float: left;
	width: 64px;
	padding: 0;
	margin: 0 5px 0 0;
}
#checkout ul.cards li img { width: 100%; }
#main.background #checkout #banner hr { display: none; }
#main.background #checkout #content { 
	padding: 70px 0 50px 0;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}



/* --------------------------
	Checkout Complete
-------------------------- */

#checkout-complete { text-align: center; }
#checkout-complete h2 { margin: 20px 0 10px 0; }
#checkout-complete img { margin-top: -30px; }
#checkout-complete .vmiddle { 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: auto; 
	height: 364px;
}


/* --------------------------
	Responsive Design
-------------------------- */

/* Below Bootstrap's Biggest Largest Size */
@media only screen and (max-width: 1200px) {
	
}

@media only screen and (max-width: 767px) {
	body { padding-left: 0; padding-right: 0; }
	.container{ padding: 0 20px !important; }
}

/* iPad & iPhone */
@media only screen and (max-device-width: 1024px) {
	
	header .banner { display: none; }
	
	#navbar,
	#navbar.affix-top {
		top: 0;
		position: fixed;
	}
	
	#navbar.affix-top a.brand { width: 53px; }
	
    .dropdown-menu a { padding: 10px 20px; }
    .ui-menu .ui-menu-item a { padding: .75em .4em; }
	
	.modal {
    	width: 100%;
    	height: 100%;
    	top: 0 !important;
    	left: 0 !important;
    	right: 0 !important;
    	margin: 0;
    	position: fixed;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
    }
    
	.modal.fade.in,
	.modal.fade { top: 0; }
	
	.modal form { height: 100%; }
	
	.modal-wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -60px;
	}
	
	.modal-body { overflow-y: scroll; }
	
	.modal-body .input-large,
	.modal-body .input-medium,
	.modal-body textarea.input-large,
	.modal-body .dropdown .btn { padding: 8px; }
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	ul.navbar-thumbs { max-width: 760px; }
}

@media only screen and (max-width: 1085px) {
	#navbar ul.pull-right li.dropdown span.text,
	#navbar ul.pull-right li.dropdown span.caret { display: none; }
}

@media only screen and (max-width: 979px) {
	#navbar ul.nav > li > a { padding: 15px 20px; }
	.collapse-toggle { display: block; }
	.nav-collapse .nav > li { text-align: left; border-top: solid 1px #333; border-bottom: solid 1px #111; }
	.nav-collapse .nav > li a { text-shadow: 1px 1px #000; -webkit-text-stroke: 0; }
	#navbar .nav-collapse ul.nav > li > a:hover { background: #181818 !important; text-shadow: 1px 1px #000 !important; }
	#navbar .nav-collapse li.dropdown span.caret { display: none; }
	#navbar .nav-collapse li.dropdown .dropdown-menu {
		display: block;
		position: relative;
		margin-top: 0;
		margin: 0;
		border-top: solid 2px #111;
		border-bottom: none;
		font-family: 'Patua One', cursive;
		font-size: 16px;
	}
	#navbar .nav-collapse li.dropdown .dropdown-menu .dropdown-inner { border: none; }
	#navbar .nav-collapse li.dropdown .dropdown-menu li {
		border: none;
		border-top: solid 1px #333;
		border-bottom: solid 1px #111;
	}
	#navbar .nav-collapse li.dropdown .dropdown-menu li a { padding: 15px 20px 15px 30px; }
	#navbar .nav-collapse li.dropdown .dropdown-menu li a:hover { background: #181818 !important; text-shadow: 1px 1px #000 !important; }
}

@media only screen and (max-width: 959px) {
	.content-summary { border-left: none; border-right: none; background: none; width: 100%; }
	.content-summary .column { float: none; width: 100%; }
	
	#navbar .dropdown,
	#navbar .nav { position: static; }
	
	#navbar .dropdown-menu {
		position: absolute;
		left: 0;
		width: 100%;
		margin-top: -6px;
	}
}

@media only screen and (max-width: 768px) {
	footer { height: 850px; }
	footer .top,
	footer .bottom .contact,
	footer .bottom .boring,
	footer .bottom .newsletter {
		float: none;
		width: 80%;
		margin: 0 auto;
		border-bottom: 1px #272626 solid;
		padding: 30px 0;
		text-align: center;
	}
	footer .top ul.nav li { white-space: nowrap; padding: 0 10px; }
	footer .top ul.nav li.brand { display: block; margin-bottom: 5px; }
	footer .bottom { padding: 0; }
	footer .bottom .newsletter input { width: 96%; }
	footer .bottom .contact ul.social { margin: 10px auto; width: 136px; }
	footer .bottom .contact ul.social li { margin: 0 5px; }
	#index .header { text-align: center; }
	#index .header .logo { float: none; }
}

/* iPhone */
@media only screen and (max-device-width: 480px) {
	
}