body {
	/*background: url(../media/images/2013-07-23-18.03.01-large.jpg) repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-color: black;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

video.bgvid {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	z-index: -100;
	background: url() no-repeat;
	background-size: cover;
}

div.flex-video {
	padding-bottom: 0px;
}

header#title {
	width:600px;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:auto;
}

section#share {
	float:right;
	margin-right: 1%;
}

div#enter {
	margin-top:10%;
	width:120px;
	position: relative;
  	left: 50%;
  	top:40%;
  	margin-left:-60px;
  	margin-bottom: 0px;
}

#tourdates {
	display:block;
	color: #c3bdd7;
	font-size: 1.2em;
	width:78.125%; /* 1000/1280 = 0.78125 */
	margin:0 auto;
	margin-top:0px;
}

a.button {
	background-color: black;
	padding:10px;
	text-decoration: none;
	color:white;
	letter-spacing: 0.125em;
}

a.button:hover {
	background-color: white;
	color: black;
	transition: all 100ms ease-in-out; 
	-moz-transition: all 100ms ease-in-out;
	-webkit-transition-property: all 100ms ease-in-out;
}


/*----------------------------------------------------------------------------
	TOUR DATES
----------------------------------------------------------------------------*/

table {
	background:none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-spacing: 0px;
	width: 100%;
	display: table;
	border-collapse: separate;
	border-color: black;
	overflow: hidden;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

#tourdates table td.header {
	background-color: black;
	color:white;
	text-transform: uppercase;
	font-weight: bold;
}


#tourdates td {
	height: 80px;
	text-align: center;
	/*padding:.234375%;*/
	color:white;
	font-size: 1em;
}

#tourdates tr {
	display:block;
	width:100%;
	background: rgba(47, 47, 47, 0.4);
	margin-bottom: 1em;
}

#tourdates td.date span.date-month {
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 25px;
}


#tourdates td.date span.date-day {
	display:block;
	font-size: 25px;
	padding-top: 5px;

}

#tourdates tr.header {
	background-color: black;
	color:white;
}

#tourdates tr.header span {
	color:white;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 25px;
}

#tourdates td.date {
	width:9.53125%;
	background-color: black;
	color:white;
}

#tourdates td.city {
	width:24.5313%;
}

#tourdates td.venue {
	width:29.53125%;
}

#tourdates td.tickets{
	width:14.53125%;
}

#tourdates td.vip {
	width:13.53125%;
}

#tourdates td.rsvp {
	width: 4.53125%;
}


/*----------------------------------------------------------------------------
	LINK STYLING
----------------------------------------------------------------------------*/

a.tix {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: rgba(255,255,255,0.9);
	padding:5px;
}

a.tix:hover {
	/*background-color: #333333;*/
	border-bottom: 3px solid white;
	padding: 0px;
	transition: all 100ms linear; 
	-moz-transition: all 100ms linear;
	-webkit-transition-property: all 100ms linear;
}

a.viplink {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: rgba(255,255,255,0.9);
	padding:5px;
}

a.viplink:hover {
	background-color: #333333;
	transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-webkit-transition-property: all 100ms linear;
}

a.rsvplink {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: rgba(255,255,255,0.9);
	padding:5px;
}

a.rsvplink:hover {
	background-color: #333333;
	transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-webkit-transition-property: all 100ms linear;
}

/*----------------------------------------------------------------------------
	BACK TO TOP
----------------------------------------------------------------------------*/

.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #000000 !important;
			background-color: rgba(235, 235, 235, 0.80) !important;
			font-size: 12px;
			letter-spacing: .025em;
			padding: 1em;
			z-index: 1000000;
			display: inline;
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}
/*----------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------*/
footer {width:100%;}
	
footer img {width:100%;}

/*----------------------------------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------------------------------*/
@media only screen and (max-device-width: 600px) {

body {width:100%;
	background: url(../media/images/KOL_Mobile_BG.png) no-repeat top center fixed;background-color: black;
	}

video {	display:none; }

header#title {width:90%;}

div#enter {top:10%;}

#tourdates { width:97%; }

#tourdates td { height: 30px; display:block;padding:.234375%; }

#tourdates tr { display:block; }

#tourdates tr.header {display:none;}

#tourdates td.date span.date-day { display:inline-block; padding-left: 5px; }

#tourdates td.date {width:100%;}

#tourdates td.city {width:100%;padding:2%;}

#tourdates td.venue {width:100%;padding-bottom: 13%}

#tourdates td.tickets, td.headertickets {
	width:32.3333333%;
	padding:0px;
	display:inline-block;
}

#tourdates td.vip, td.headervip {
	width:32.3333333%;
	padding:0px;
	display:inline-block;
}

#tourdates td.rsvp, td.headerrsvp {
	width:32.3333333%;
	padding:0px;
	display:inline-block;
}

a.tix {padding: 0px;}

a.viplink {padding: 0px;}

a.rsvplink {padding: 0px;}


}

@media only screen and (max-device-width: 320px) and (max-device-width : 568px) and (orientation : portrait) {
	#tourdates td.tickets, td.headertickets {
	width:31.3333333%;
	padding:0px;
	display:inline-block;
}

#tourdates td.vip, td.headervip {
	width:31.3333333%;
	padding:0px;
	display:inline-block;
}

#tourdates td.rsvp, td.headerrsvp {
	width:31.3333333%;
	padding:0px;
	display:inline-block;
}
}