/*
	font-family:'Helvetica Neue W01 57 Cn';
	font-family:'Helvetica Neue W01 77 Bd Cn';
*/

/*!
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}


/*!
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
*/
body{font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* Frame */
body {
	position: relative;
	min-width: 440px;
	font: normal 18px/30px "Helvetica Neue W01 57 Cn", "Arial Narrow", sans-serif; 
	background: #000 none;
	overflow-y: scroll;
	height: 100%;
}



#bg img{display:block;margin:0 auto;width:100%;min-width: 400px;}
#bg{top:0;position:fixed;	width:100%; height:100%;overflow:hidden;z-index:1;}
#ytapiplayer{height:100%;z-index: 1;position:relative;}
#mask{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background: transparent url("mask_tile.png") repeat;opacity: 100%;}
#container{display:block;position:relative;z-index:2;height: 100%;zoom:1;}


header{z-index:10;position:fixed;top:0;width:100%;height:75px;font:normal 15px/30px "Helvetica Neue W01 77 Bd Cn", "Arial Narrow",sans-serif;text-align:left;background:transparent url("header_bg.png") 0 -175px repeat-x;text-transform:uppercase;}
nav{display:block;width: 840px;height:60px;margin:0 auto;padding:0 0;background: #000 none;}
#main{z-index:2;position:relative;top: 150px; width:100%;margin:0;padding:0;zoom:1;}
.homepage #logo { margin-top:3%;}
footer{position:fixed;height: 75px;width: 100%; left: 0; bottom: 0;background: #000 none;z-index:2;}
#rolldown,#rollup{display:block;position:fixed;z-index:5;left:50%;bottom:75px;width:111px;height:30px;margin-left:-55px;padding:0;text-align:left;text-indent:-9999em;color:#fff;background:transparent url("overlay-video-tab.png") no-repeat;}
#rolldown{display:none;}
#rolldown:hover{background-position:0 -30px;}
#rollup{background-position:0 -60px;}
#rollup:hover{background-position:0 -90px;}




/*#logo { display: block; width: 700px; margin: 0 auto 30px;}*/
#logo {  display: block; width: 100%; margin: 40px 0 20px;z-index: 40;}
#logo img { display: block; width: 100%;}


#logo:hover, #logo:active, #logo:focus { background: none;}

article {
	position: relative;
	display: block;
	z-index: 8;
	width: 700px;
	margin: 0 auto;
	padding: 40px 20px 150px;
	color: #FFF;
	text-shadow: #000 2px 2px 2px ;
	text-align: center;
}

.longprose p, .longprose li {
	text-align: left;
}


#leftbar, #rightbar{position:fixed;width: 50px;height: 100%; top: 0; left: 0;background: #000 none;z-index:2;}
#rightbar{left: auto; right: 0;}

.toc:after, .sub-toc:after, #main:after, .subscribe:after, .subtoc:after, .centreblock:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"\0020";}

/* Global styles */

h1{clear: both;margin:0 0 20px;font:normal 40px/45px "Helvetica Neue W01 77 Bd Cn","Arial Narrow",sans-serif;text-align:center;}
h2{clear:both;margin:5px 0 10px;font:normal 25px/30px "Helvetica Neue W01 77 Bd Cn","Arial Narrow",sans-serif;text-align: left;text-align:left;}
h2,h2 a{color:#BCD43A;}
p{margin:0 0 10px;	text-align: justify;}


/* NIK - general link */
a { outline: none; text-decoration: none; color: #6cc; }

/* NIK - general link hover */
a:hover, a:focus{color:#F7EA31 !important;}

/* NIK - general link click */
a:active{color:#EA297B !important;background-color:none;}

img{display:block;}
.lede{margin:0 0 20px;font-size:25px;text-align:left;line-height:35px;}
input,button,textarea{font:normal 15px/15px "Helvetica Neue W01 57 Cn","Arial Narrow",sans-serif;padding:5px 10px;}
button{border:0;color:#000;background-color:#BCD43A;}
.subscribe{width:100%;margin:20px 0 20px;}
.subscribe input{display:block;float:left;width:180px;height:15px;margin:5px 20px 5px 0;}
.subscribe button{display:block;float:left;width:100px;height:30px;margin:5px 20px 5px 0;}


/* Header */


nav ul{display:block;text-align: center;}

nav li{display:inline-block;height:60px;position:relative;}
nav a,nav span{display:block;padding:15px 12px;}
nav,nav a{color:#808080;}

nav a:hover,nav a:focus{color:#EA297B !important;}

/* NIK - top nav click */
nav a:active{color:#BCD43A !important;background:none;}



/*nav .menu a:hover,nav .menu a:active,nav .menu a.active{color:#EA297B;background:#000 url("nav_hover.png") no-repeat 50% 100%;}*/
nav .subnav{display:none;position:absolute;width:720px;margin-left:-20px;top:60px;padding:15px 0 15px 20px;text-align:left;background:#EA297B none;text-transform:none;}
nav .subnav .friday{position:relative;float:left;width:160px;}
nav .subnav .saturday{position:relative;float:left;width:540px;}
nav .subnav h3{font:normal 16px/20px "Helvetica Neue W01 77 Bd Cn","Arial Narrow",sans-serif;color:#B1224C;}
nav .subnav a{display:block;color:#FACADE !important;background:#EA297B none !important;}
nav .subnav li{position:relative;display:block;float:left;width:160px;height:auto;margin:5px 20px 5px 0;text-align: left;font:normal 15px/15px "Helvetica Neue W01 77 Bd Cn", "Arial Narrow",sans-serif;}
nav .subnav .first{clear:left;}
nav .subnav a{padding:0;}
nav .subnav span{display:block;color:#B1224C !important; padding:0;font:normal 13px/15px "Helvetica Neue W01 57 Cn","Arial Narrow", sans-serif; padding-top:3px;}
nav .subnav a:hover,nav .subnav a:focus{color:#FFF !important;background:transparent;}


/* Footer */
footer .social{display:block;width:55px;margin: 0 auto; padding:15px 0;text-align: center;}
footer .social a{display:block;float:left;width:26px;height:30px;padding:0;background:#000 url("sprites.png") no-repeat;text-indent:-9999em;zoom:1;text-align: left;}
footer a.facebook{background-position:0 1px;}
footer a.facebook:hover{background-position:0 -26px;}
footer a.facebook:active{background-position:0 -53px;}
footer a.twitter{background-position:-26px 1px;}
footer a.twitter:hover{background-position:-26px -26px;}
footer a.twitter:active{background-position:-26px -53px;}
#credit {
	clear: both;
	display: block;
	width: 400px; margin: 0 auto; padding: 0; text-align: center;
	font-size: 9px;
	letter-spacing: 1px;
}

#credit, #credit a { color: #666;}



/* Tables of contents */
.toc{clear: both; position:relative;margin:0 -10px 20px;font-size:12px;line-height:20px; font-family: sans-serif; }

.toc .entry{float:left;width:220px;margin:20px 10px 0; }
.toc .first{clear: left;}
.toc h2,.toc p{margin:5px 5px 5px;}
.toc p{text-shadow: none; text-align:left !important;}
.toc .img{display:block;width:210px;padding:5px;background:#000 none;}
.toc .noborder .img {background: transparent none;}

.toc h2 {
	line-height: 30px;
}

.toc.text h2, .toc.text h3, .toc.text p, .toc.text ul { margin-left: 0; margin-right: 0; text-align: left;}
.toc.text h3, .toc.text p, .toc.text ul { font-size: 14px; line-height: 20px;}
.toc.text h3 {margin: 5px 0; font-family: "Helvetica Neue W01 77 Bd Cn", "Arial Narrow", sans-serif; }


/* NIK - toc thumb hover */
.toc .img:hover, .toc .img:focus{background-color:#EA297B;}

/* NIK - toc thumb click */
.toc .img:active{background-color:#BCD43A;}

.toc .img img{width:210px;}

.toc .noborder .img:hover, .toc .noborder .img:focus, .toc .noborder .img:active{background-color:transparent;}

.toc .video{color:#E56E34;}


/*.subtoc{margin:0 -10px 40px -10px;text-align:left;}
.subtoc h2{margin-left:10px;margin-right:10px;}
.subtoc a{float:left;display:block;width:160px;margin:5px 10px 0 10px;font-size:14px;line-height:20px;}*/

/* Sub table of contents (sponsors page) */

.sub-toc {
	clear: both;
		text-align: left;
		margin-top:50px;
}

.sub-toc .first { clear: left;}
/* silver */
.sub-toc .major {
	float: left;
	width: 480px;
	padding: 0 0 0 5px;	
}
.sub-toc .major ul {
	
	font:normal 18px/20px "Helvetica Neue W01 77 Bd Cn", "Arial Narrow",sans-serif;
}

.sub-toc .major li {
	display: block;
	float: left;
	width: 115px;
	margin: 0 45px 30px 0;

}

.sub-toc .major img {
	display:block;width:115px;padding:3px;background:#000 none; margin: 0 0 5px;}
	
	
}

.sub-toc .major, .sub-toc .major a {
	color: #BCD43A;
}

.sub-toc .minor {
	float: left;
	width: 210px;
	font-size: 14px;
	line-height: 20px;
}

.sub-toc .minor ul { margin-top: -5px;}




.centreblock {
	width: 700px;
	margin: 45px 0;
}

.centreblock .wing {
	display: block;
	float: left;
	width: 340px;
	margin: 0;
}

.centreblock .left {
	margin-right: 20px;
}

.centreblock .left * {
	text-align: right;
}

.centreblock .left h1 {
	margin-bottom: 0;
}



/* 
	Lo-Fi: for IE 6 and mobile webkit 
	TODO
	No fixed positioning
	
*/

.lo-fi body{border:40px solid #000;border-width:0 40px 40px;}
.lo-fi header{position:relative;}
.lo-fi #container{zoom:1;margin: -500px 0 0; position:static;top:0;}
.lo-fi header{margin-bottom: 380px;}
.lo-fi #main{}
.lo-fi #logo{margin-bottom: 0;}
.lo-fi #rightbar,.lo-fi footer, .lo-fi #leftbar{display: none;}
.lo-fi #main{top:auto;}
.lo-fi #bg{border:0;position:relative;display: block;height: 500px;}
.lo-fi #bg img{position:relative;width:100%;}
.lo-fi #mask{display:none;}




/* iOS */
@media screen and (max-width: 480px) {
	html, body { width: 100%; min-width: 0; height: auto; border: none !important; }
	body { font-size: 14px; line-height: 22px;}
	#container, #main, nav, article {
		width: auto;
		height: auto  !important;
		padding: 0;
		position: static;
	}
	
	.lede { font-size: 16px;line-height: 22px;}
	
	h1 { font-size: 22px; line-height: 24px;}
	h2 { font-size: 18px;}
	
	#main { top: 0; position: static; display: block; padding: 10px;}
	header {padding: 0; margin: 0; position: static; height: auto;background: none; }
	nav { width: auto !important; padding: 15px 8px 0; height: auto; }
	nav li { font-size: 12px; height: auto;}
	header nav a, header nav span { padding: 0 5px;}
	
	iframe { width: 100% !important;}

	#logo, #logo img { display: block; margin: 0; width: 100%;}
	#logo { margin: 10px 0;}

	article{ display: block;}

/*	#container {width: 100% !important;margin-top: -420px !important;}*/
	#leftbar, #rightbar, #bg{display: none;}
	footer { display: none;}
	#rollup, #rolldown { display: none;}
	

	
}

@media screen and (max-width: 320px) {
	.toc .entry {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}


/* DubFX promo code page */

#dub_love_ui h2, #dub_love_ui p {
	text-align: center;
}




/* Performer Friday/Saturday styles */

.toc .friday  {
	color:#DDD94B;
	font-weight: bold;
	font-size: 15px;
}

.toc .saturday {
	color:#E56E34;
	font-weight: bold;
	font-size: 15px;
}