/* Coone 2013 Stylesheet (fluid)
	 2013 Always Awake bvba

	 Instead of snooping around in our code, why not hire us for your project?
	 info@alwaysawake.be 
	 
*/

@import url("http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
	 
body,html { padding: 0; margin: 0; height: 100%; }
body { background: #F3F3F3; min-height: 578px; min-width: 520px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; }
h1, h2, h3, p, a { padding: 0; margin: 0; font-weight: 400; }
img { border: 0; }
.clear { clear: both; }

#alwaysawake-credits { position: absolute; left: 10px; bottom: 10px; }
#alwaysawake-credits a { font-size: 9px; font-weight: 700; opacity: 0.3; text-transform: uppercase; color: rgba(255,255,255,0.8); background: rgba(0,0,0,0.5); padding: 2px 4px; text-decoration: none; }
#alwaysawake-credits a:hover { color: #fff; opacity: 1; background: rgba(0,0,0,0.6);}
@media screen and (max-height: 626px) {
	#alwaysawake-credits { display: none; }
}

#horizon { position: relative; margin-bottom: -413px;	width: 1px; height: 50%; float: left; }
#cn { position: relative; clear: left; margin: 0 auto; width: 660px; height: 826px; }
.ttl { position: relative; height: 32px; background: url("/2013/lay/ttl.png") no-repeat 10px 10px; padding: 0px 0px 0px 40px; }
.ttl h2 { font-weight: 400; text-transform: uppercase; font-size: 18pt; color: #fff; }

#top { position: relative; width: 660px; height: 96px; margin: 0px 0px 10px 0px; }
	#coone { position: absolute; left: -6px; top: 0px; }
	#logobar { position: absolute; right: 0px; top: 10px; text-align: right; }
		#logobar .logo { position: relative; margin: 0px 0px 0px 5px; padding: 0; display: inline-block; }
		#logobar .logo:hover { opacity: 0.6; }
	#menu { position: absolute; top: 64px; height: 28px; padding: 4px 0px 0px 0px; width: 660px; background: #000; text-align: center; }
	#menu a { font-weight: 700; text-decoration: none; color: #fff; font-size: 20px; text-transform: uppercase; background: url("/2013/lay/menu-div.png") no-repeat right 6px; padding: 1px 12px 0px 9px; line-height: inherit; }
	#menu a:hover { color: #ccc; }
	#menu a:last-child { background: none; padding: 0px 9px 1px 9px; }
	
#booking { position: relative; width: 660px; margin: 0px 0px 10px 0px; }
	#structure, #platinum { width: 305px; height: 389px; float: left; position: relative; background: #000; padding: 0px 10px; }
	#structure .ttl, #platinum .ttl { margin-left: -10px; }
	#structure { float: right; }	
	#structure img, #platinum img { width: 100%; } 

#video { position: relative; width: 660px; margin: 0px 0px 10px 0px; background: #000; }
	#ytb { position: relative; width: 640px; height: 389px; padding: 5px 10px 10px 10px; }
	#ytb iframe { width: 100%; height: 100%; }

#schedule { position: relative; width: 660px; height: 233px; margin: 0px 0px 10px 0px; background: #000; overflow: hidden; }
	#schedule table { border-spacing: 0; color: #fff; font-size: 10pt; width: 100%; padding: 0px 10px; margin: 3px 0px 0px 0px; }
	#schedule table td { padding: 2px 4px; margin: 0px; line-height: 1.28em; }
	#schedule table tr:nth-child(even) { background: #111; }
	#schedule table td.day {}
	#schedule table td.date { color: #D42738; }
	#schedule table td.title { text-transform: uppercase; }
	#schedule table td.location { text-transform: uppercase; color: #fff; }
	#schedule table td.location strong { padding-left: 6px; }	
	#schedule table td.country img { display: inline; }
	
#ft { position: relative; width: 660px; height: 29px; }
	#ft-socialmedia { position: relative; float: right; background: #000; height: 21px; width: 162px; padding: 4px 4px 3px 4px; overflow: hidden; margin-top: -2px; }
	#ft-socialmedia iframe#fb-like { border:none; overflow:hidden; width: 100px; height: 21px; margin: 0px; float: left; }
	#ft-socialmedia .twitter-follow-button { float: right; }
	#ft-adv { position: absolute; top: 0px; left: 0px; }
	
	#ft-buttons { position: relative; float: right; margin-right: 4px; }
	#ft-buttons a { background: #000; font-weight: 700; text-decoration: none; color: #fff; font-size: 13pt; text-transform: uppercase; padding: 2px 10px 3px 10px; }
	#ft-buttons a:hover { color: #000; background: #ccc; }

	#ft-booking { position: relative; float: left; }
	#ft-booking a { background: #E82B44; font-weight: 700; text-decoration: none; color: #fff; font-size: 13pt; text-transform: uppercase; padding: 2px 10px 3px 10px; }
	#ft-booking a:hover { color: #000; background: #ccc; }
	
/* Responsive */

@media screen and (max-width: 680px), screen and (max-height: 866px) {
	#horizon { margin-bottom: -288px; }
	#cn { height: 576px; }	
	#top { height: 84px; }
	#schedule { height: 144px; }
	#platinum, #structure { width: 245px; height: 240px; }
	#top, #cn, #video, #menu, #schedule, #ft, #booking { width: 540px; }
	#menu { height: 22px; padding: 1px 0px 1px 0px; }
	#menu a { font-size: 14px; background-position: right 2px; }
	#schedule table { font-size: 9pt; }	
	.ttl { height: 24px; background-position: 10px 7px; }
	.ttl h2 { font-size: 14pt; }
	#ytb { width: 520px; height: 240px; }
	.responsive-hide { display: none; }
	#ft-buttons { margin-right: 0px; }
}