/* hide from ie on mac \*/
html {
	height:100%;
	overflow-y:auto;
	font-size:62.5%;
	background-color:#fff;
	color:#000;
}
/* end hide */
* {
	margin:0;
	padding:0;
}

/* ----- main content ----- */

body {
	width:100%;
	overflow-y:auto;
	color:#000;
	font-family:'HelveticaNeue','Helvetica-Neue','Helvetica Neue', Arial, sans-serif;
	position:absolute;
}
#content{
	font-size: 12px;
	z-index:1;
}

/* ----- navigation ----- */

#navigation {
	position:fixed;
	top:0px;
	left:0px;
	height:88px;
	width:100%;
	z-index:2;
	display:block;
	background: url(images/header_bg.gif) repeat-x left top;
}
	h1{
		width:88px;
		height:88px;
		float:left;
	}
	h1 a{
		z-index:4;
		height:0px !important;
		width:88px;
		padding:88px 0 0;
		overflow:hidden;
		background: url(images/cwk-logo.gif) no-repeat left top;
		position:absolute;
	}
		ul#nav{
			/*position:absolute;*/
			height:35px;
			z-index:2;
			width:574px;
			float:left;
		}
			#navigation li{
				float:left;
			}
			#navigation li a{
				float:left;
				height:0px !important;
				padding:35px 0 0;
				overflow:hidden;
			}
			#nav_news a{
				width:72px;
				background: url(images/nav_news.gif) no-repeat left top;
			}
			#nav_journal a{
				width:94px;
				background: url(images/nav_journal.gif) no-repeat left top;
			}
			#nav_shows a{
				width:80px;
				background: url(images/nav_shows.gif) no-repeat left top;
			}
			#nav_media a{
				width:71px;
				background: url(images/nav_media.gif) no-repeat left top;
			}
			#nav_releases a{
				width:103px;
				background: url(images/nav_releases.gif) no-repeat left top;
			}
			#nav_contact a{
				width:95px;
				background: url(images/nav_contact.gif) no-repeat left top;
			}
			#nav_music a{
				width:59px;
				background: url(images/nav_music.gif) no-repeat left top;
			}
		#secondary_nav{
		/*	position:fixed;
					right:0;
					top:0;*/
			height:35px;
			float:right;
			/*z-index:2;*/
			width:110px;
		}
			#nav_uk a{
				width:39px;
				background: url(images/nav_uk.gif) no-repeat left top;
			}
			#nav_merch a{
				width:38px;
				background: url(images/nav_merch.gif) no-repeat left top;
			}
			#nav_myspace a{
				width:35px;
				background: url(images/nav_myspace.gif) no-repeat left top;
			}
			#nav_downtown a{
				width:37px;
				background: url(images/nav_downtown.gif) no-repeat left top;
			}
		#bar ul li{
			float:left;
			list-style-type:none;
		}
		
/* ----- SPLASH PAGE ----- */

body#splash{ 
	background:#fff;
	font:bold 11px Helvetica,Arial,sans-serif;
	color:#000;
	width:100%;
	height:100%;
	text-align:center;
}
#splash img{
	display:block;
	width:800px;
	margin:0 auto 20px;
}
#splash p{
	padding-top:290px;
}
#splash a{
	color:#000;
	text-decoration:none;
	letter-spacing:0.1em;
	/*padding-bottom:1px;
		border-bottom:1px solid #444;*/
	text-transform:uppercase;
	text-align:center;
	display:block;
}
#splash a:hover{
	color:#666;
	border-bottom:none;
}

#splash #video{
	width:896px;
	margin:20px auto;
}

/* ----- HOME ----- */

body#home{
	background:#000;
	height:100%;
}
#home img{
	margin:20px;
}

/* ----- NEWS ----- */		
		
body#news{
	background: url(images/2/bg_news.jpg) repeat left 35px fixed;
}
#news #content{
	position:relative;
	width:599px;
	top:78px;
	left:79px;
	margin-bottom:100px;
	color:#fff;
}
#news .entry{
	margin-bottom:36px;
}
#news .entry .date{
	font-size:11px;
	display:inline;
	float:left;
	width:89px;
	text-align:right;
	margin-right:45px;
	padding-top:2px;
}
	#news .entry .date strong{
		padding-right:2px;
	}
	#news .entry .date span{
		padding-left:2px;
	}
#news .entry .bodycopy{
	float:left;
	width:425px;
	line-height:150%;
	/*text-align:justify;*/
}
#news .entry p{
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px;
}
#news .entry .bodycopy a{
	padding:1px 2px;
	color:#000;
	background-color:#fffc00;
	text-decoration:none;
}
#news .entry .bodycopy a:hover{
	color:#fff;
	background-color:#000;
}

/* ----- JOURNAL ----- */

#journal{ background: url(images/2/bg_journal.jpg) repeat left 35px fixed; }
#journal #content{
	position:relative;
	left:500px;
	top:55px;
	margin-bottom:55px;
	width:594px;
	z-index:1;
}
#journal .image{ position:relative;}
#journal .image h3{ 
	position:absolute;
	font:bold 62px 'AkzidenzGrotesk-Black',Helvetica,sans-serif;
	letter-spacing:0.15em;
	bottom:20px;
	left:-3px;
	color:#fff;
}
#journal img{
	border:2px solid #fff;
}
#journal .entry{
	margin-bottom:20px;
}
#journal .entry .date{
	display:inline;
	float:right;
	width:90px;
	text-align:right;
}
	#journal .entry .date p{
		display:inline;
		font-size:11px;
		background-color:#fff;
		padding:1px 2px;
	}
	#journal .entry .date p strong{ padding-right:2px;}
	#journal .entry .date p span{ padding-left:2px;}
#journal .entry .bodycopy{
	float:left;
	width:500px;
	line-height:150%;
	/*text-align:justify;*/
}
#journal .entry .bodycopy p{
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px;
}
#journal .entry .bodycopy a{
	color:#000;
	background-color:#fffc00;
	text-decoration:none;
	padding:1px 2px;
}
	#journal .entry .bodycopy a:hover{
		color:#fff;
		background-color:#000;
	}
#journal #pagination{
	display:inline;
	padding:1px 2px;
	background:#fff;
	font-size:11px;
}
#journal #pagination a{
	color:#000;
	text-decoration:none;
	background-color:#fffc00;
	padding:1px 2px;
}
	#journal #pagination a:hover{
		color:#fff;
		background-color:#000;
	}

/* ----- SHOWS ----- */

#shows { 
	background:#fff url(images/2/bg_shows.jpg) repeat left -50px fixed; 
	width:100%;
	height:100%;
}
#shows #content{
	width:590px;
	height:350px;
	position:relative;
	left:0;
	top:210px;
	overflow:auto;
	/*padding-bottom:400px;*/
	/*float:right;*/
}
#shows #content #bottom{
	height:320px;
}
#shows .entry{
	display:block;
	margin:0 10px 20px 0;
}
#shows .date{
	width:75px;
	float:left;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px 2px 1px;
	margin-left:10px;
}
#shows .location{
	width:419px;
	float:left;
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px;
	margin:0 2px;
}
#shows a.tickets{
	float:left;
	text-decoration:none;
	padding:2px 3px;
	font-size:11px;
	color:#000;
	background-color:#fffc00;
}
#shows a.tickets:hover{
	background-color:#000;
	color:#fff;
}
#shows .entry span{
	float:right;
	margin-right:20px;
}

/* ----- RELEASES ----- */

#releases { 
	background:#000 url(images/2/bg_releases.jpg) repeat left top fixed; 
	height:100%;
}
#releases #holder{
	width:630px;
	position:absolute;
	left:305px;
	top:260px;
	/*height:50%;*/
	font-size:12px;
}
#releases #holder p{
	margin:2px 0 10px;
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px;
	font-size:11px;
	line-height:150%;
}
#releases #holder li{
	position:relative;
	float:left;
	width:100px;
	height:100px;
	margin:0 5px 5px 0;
	list-style-type:none;
}
#releases #hero{
	float:left;
	margin-right:10px;
}
#releases h3{
	text-transform:uppercase;
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px;
	margin-bottom:2px;
}
#releases #back_btn{
	display:block;
	padding-top:10px;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#releases #content{
	min-height:300px;
}
/* ----- MEDIA ----- */

#media{ 
	background:#000 url(images/2/bg_media.jpg) repeat left 35px scroll; 
	height:100%;
}
#media #content{
	width:750px;
	position:relative;
	left:0;
	top:200px;
	margin-bottom:15px;
	/*margin-bottom:184px;*/
	/*float:left;*/
}
#media #content #bottom{
	height:200px;
}
#media #videos{
	width:320px;
	position:absolute;
	top:0;
	left:430px;
}
#media #videos #vid_holder{
	width:320px;
}
	#videos h3{
		position:relative;
		margin:20px 0 0 0;
		overflow:hidden;
		height:0 !important;
		padding:16px 0 0 0;
		width:84px;
		background: url(images/title_videos.png) no-repeat left top;
	}
	* html #videos h3{
		background: url(images/title_videos.gif) no-repeat left top;
	}
	#videos .entries{
		margin-top:20px;
		width:320px;
	}
	#videos .entry{
		margin-bottom:10px;
		background-color:#fff;
	}
		#videos .entry a{
			display:block;
			float:left;
			color:#000;
			padding:1px 2px;
			text-decoration:none;
		}
			#videos .entry a:hover{
				color:#666;
			}
		#videos .entry span{
			float:right;
			text-transform:uppercase;
			font-size:11px;
			padding:1px 2px;
		}
#media #wallpapers{
	top:300px;
	margin:0 0 20px 68px;
	/*background-color:#fff;*/
	position:relative;
	font-size:11px;
}
	#wallpapers h3{
		float:left;
		position:relative;
		overflow:hidden;
		height:0 !important;
		padding:20px 0 0 0;
		margin-right:2px;
		width:156px;
		background:#fff url(images/title_wallpapers.png) no-repeat 50% 50%;
		margin-bottom:35px;
	}
	* html #wallpapers h3{
		background: url(images/title_wallpapers.gif) no-repeat left top;
	}
	#wallpapers .entry{
		float:left;
	}
	#wallpapers img{
		margin-right:2px;
		border:2px solid #fff;
	}
/*	#wallpapers ul{
		padding-top:10px;
	}*/
	#wallpapers li{
		list-style-type:none;
		padding-bottom:3px;
	}
	#wallpapers a{
		color:#000;
		background-color:#fff;
		padding:1px 2px;
		text-decoration:none;
	}
	#wallpapers a:hover{
		color:#666;
	}


/* ----- CONTACT ----- */

#contact { 
	background: url(images/2/bg_contact.jpg) repeat left 35px scroll; 
	/*height:100%;*/
}
#contact #holder{
	margin-top:400px;
	margin-left:480px;
	/*margin:322px 0 0 211px;*/
	width:620px;
	position:relative;
	/*left:295px;
		top:478px;*/
	padding-bottom:400px;
	/*height:300px;*/
}
/*#contact #holder .content{
	background-color:#fff;
	padding:15px;
}*/
#team p, #links p{
	padding-bottom:10px;
	line-height:150%;
	display:inline;
	background-color:#fff;
	color:#000;
	padding:1px 2px;
}
	#team p strong, #links p strong{
		padding-right:2px;
	}
#team a, #links a{
	color:#000;
	text-decoration:none;
	background-color:#fffc00;
	padding:1px 2px;
}
#team a:hover, #links a:hover{
	color:#fff;
	background-color:#000;
}
#links{
	width:170px;
	/*margin-left:80px;*/
	float:left;
	font-size:11px;
}
	#links li{
		margin-bottom:10px;
		list-style-type:none;
		background-color:#fff;
		color:#000;
		padding:1px 2px;
	}
#team{
	float:left;
	font-size:11px;
}
	#team .entry{
		margin-bottom:2px;
		/*padding:1px 2px;*/
	}
	#team span{
		width:143px;
		display:block;
		float:left;
		background-color:#fff;
		color:#000;
		margin-right:2px;
		padding:1px 2px;
	}
	#team a{
		float:left;
	}

/* ----- UK ----- */

#uk { 
	background: url(images/bg_uk.jpg) repeat-x left bottom fixed; 
	height:100%;
}
#uk h2.title{
	position:fixed;
	top:71px;
	left:0px;
	overflow:hidden;
	height:0 !important;
	padding:191px 0 0 0;
	width:419px;
	background: url(images/title_uk.png) no-repeat left top;
}
* html #uk h2.title{
	background: url(images/title_uk.gif) no-repeat left top;
	float:left;
}

#uk h3#mercury a{
	position:fixed;
	bottom:180px;
	left:20px;
	overflow:hidden;
	height:0 !important;
	padding:45px 0 0 0;
	width:87px;
	background: url(images/uk_mercury.gif) no-repeat left top;
}
#uk h3#vertigo a{
	position:fixed;
	bottom:165px;
	left:192px;
	height:0 !important;
	overflow:hidden;
	padding:70px 0 0 0;
	width:53px;
	background: url(images/uk_vertigo.gif) no-repeat left top;
}
#uk h3#coop a{
	position:fixed;
	bottom:165px;
	left:350px;
	overflow:hidden;
	height:0 !important;
	padding:72px 0 0 0;
	width:62px;
	background: url(images/uk_coop.gif) no-repeat left top;
}
#uk #content{
	width:546px;
	position:relative;
	left:439px;
	top:71px;
}
#uk #content .entry{
	padding-bottom:36px;
}
#uk #content .entry p.date{
	float:left;
	width:89px;
}
#uk #content .entry .bodycopy{
	float:left;
	width:425px;
}
#uk #content a{
	color:#000;
	padding-bottom:2px;
	border-bottom:1px solid #666;
	text-decoration:none;
}
#uk #content a:hover{
	padding-bottom:3px;
	border-bottom:0;
}

/* ----- bootlegs ----- */

#bootlegs .content{
	position:relative;
	margin-top:50px;
	color:#000;
	width:90%;
	height:350px;
	margin-bottom:200px;
}
	#bootlegs #password{
		background-color:#000;
		padding:5px;
		color:#fff;
		margin-left:305px;
	}
	#bootlegs #password p{ display:none; }
	#bootlegs h2{
		margin-left:300px;
		/*font-size:24px;*/
		line-height:100%;
	}
	#bootlegs h3{
		margin-bottom:5px;
	}
	#bootlegs .content a{
		display:block;
		font-weight:bold;
		letter-spacing:0.1em;
		color:#fff;
	}
	#bootlegs h4{
		margin:150px 0 0 305px;
		color:#000;
	}
		#bootlegs h4 a{
			display:block;
			height:0 !important;
			width:89px;
			padding:15px 0 0 0;
			overflow:hidden;
			background: url(images/rcrd_lbl.gif) no-repeat left top;
		}
#bootlegs_wiltern{
	background: url(images/bootlegs_wiltern.gif) no-repeat left top;
}
#bootlegs_fillmore{
	background: url(images/bootlegs_fillmore.jpg) no-repeat left 17px;
}
#bootlegs_ny{
	background: url(images/bootlegs_ny.jpg) no-repeat left 17px;
}
#bootlegs_chicago{
	background: url(images/bootlegs_chi.jpg) no-repeat left 17px;
}

/* ----- general text/misc items ----- */

h2{
	font:bold 128px 'HelveticaNeue-Bold',Helvetica;
}
.clear{
	height:0 !important;
	width:0 !important;
	clear:both;
}
:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
a img{
	border:0;
}
ul { list-style-type:none; }

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{ 
	display: inline; 
}
* html>body .clearfix{
	display: inline; 
	width: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */