@charset "UTF-8";
/* CSS Document */

img, div, a, h1 { *behavior: url(iepngfix.htc) }

body{
margin:0;
padding:0;
background:#000000;
text-align:center;
font-family:Times, serif;
font-size:small;
color:#333333;
}

fieldset{
border:none;
}

label{
font-weight:bold;
display:block;
}

img{
border:none;
}

.red{
color:#CC0000;
}
.green{
color:#009900;
}

ul.red li{
margin:0;
padding:0;
list-style:none;
}
ul.red{
margin:0;
padding:0;
}

.displace {
	position: absolute;
	left: -5000px;
	}

.hide{
display:none;
}

a:link, a:visited{color:#333333; text-decoration:none;}
a:active, a:hover{color:#0000CC; text-decoration:none;}

#container{
width:960px;
height:798px;
position:relative;
margin:0 auto;
padding:0;
border:1px solid #000000;
}

.index{background:url(images/index.jpg) no-repeat top;}
.history{background:url(images/history.jpg) no-repeat top;}
.media{background:url(images/media.jpg) no-repeat top;}
.news{background:url(images/news.jpg) no-repeat top;}
.live{background:url(images/live.jpg) no-repeat top;}
.photos{background:url(images/photos.jpg) no-repeat top;}
.links{background:url(images/links.jpg) no-repeat top;}
.club_shop{background:url(images/club_shop.jpg) no-repeat top;}
.bio{background:url(images/bio.jpg) no-repeat top;}



#index_nav a{
position:absolute;
}

#index_nav a.news{
top:241px;
left:783px;
}
#index_nav a.band_bio{
top:552px;
left:825px;
}
#index_nav a.live{
top:204px;
left:635px;
}
#index_nav a.photos{
top:196px;
left:462px;
}
#index_nav a.history{
top:185px;
left:241px;
}
#index_nav a.media{
top:415px;
left:142px;
}
#index_nav a.links{
top:558px;
left:248px;
}
#index_nav a.club_shop{
top:569px;
left:24px;
}


ul#nav{
margin:0;
padding:0;
position:absolute;
top:135px;
left:155px;
}

ul#nav li{
float:left;
list-style:none;
display:inline;
margin:0;
margin-right:11px;
*margin-right:10px;
}


a.news{
	display: block;
	width: 101px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -266px 0;
}
a.band_bio{
	display: block;
	width: 102px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -80px 0;
}
a.live{
	display: block;
	width: 75px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -367px 0;
}
a.photos{
	display: block;
	width: 89px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -442px 0;
}
a.history{
	display: block;
	width: 80px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: 0 0;
}
a.media{
	display: block;
	width: 84px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -182px 0;
}
a.links{
	display: block;
	width: 86px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -531px 0;
}
a.club_shop{
	display: block;
	width: 97px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -617px 0;
}
a.join_our_club{
	display: block;
	width: 190px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -714px 0;
	top:10px;
	left:726px;
	position:absolute;
}
a.home{
	display: block;
	width: 200px;
	height: 140px;
	text-decoration: none;
	top:10px;
	left:10px;
	position:absolute;
}

a.news_on{
	display: block;
	width: 101px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -266px -111px;
}
a.band_bio_on{
	display: block;
	width: 102px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -80px -111px;
}
a.live_on{
	display: block;
	width: 75px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -367px -111px;
}
a.photos_on{
	display: block;
	width: 89px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -442px -111px;
}
a.history_on{
	display: block;
	width: 80px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: 0 -111px;
}
a.media_on{
	display: block;
	width: 84px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -182px -111px;
}
a.links_on{
	display: block;
	width: 86px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -531px -111px;
}
a.club_shop_on{
	display: block;
	width: 97px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -617px -111px;
}
a.join_our_club_on{
	display: block;
	width: 190px;
	height: 111px;
	text-decoration: none;
	background: url(images/nav.png);
	background-position: -714px -111px;
	top:10px;
	left:726px;
	position:absolute;
}
#index_copy{
	display: block;
	width: 471px;
	height: 228px;
	text-decoration: none;
	top:490px;
	left:345px;
	position:absolute;
	background-repeat:no-repeat;
}


h1.header_kcc{
	display: block;
	width: 203px;
	height: 46px;
	text-decoration: none;
	background: url(images/kcc.png);
	background-position: 0 0;
	position:absolute;
	top:370px;
	left:659px;
}
h1.history{
	display: block;
	width: 109px;
	height: 27px;
	text-decoration: none;
	background: url(images/history.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:250px;
}

h1.media{
	display: block;
	width: 77px;
	height: 26px;
	text-decoration: none;
	background: url(images/media.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:250px;
}

h1.news{
	display: block;
	width: 67px;
	height: 25px;
	text-decoration: none;
	background: url(images/news.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:250px;
}
h1.live{
	display: block;
	width: 52px;
	height: 25px;
	text-decoration: none;
	background: url(images/live.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:320px;
}

h1.photos{
	display: block;
	width: 97px;
	height: 26px;
	text-decoration: none;
	background: url(images/photos.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:430px;
}

h1.links{
	display: block;
	width: 72px;
	height: 25px;
	text-decoration: none;
	background: url(images/links.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:290px;
}

h1.club_shop{
	display: block;
	width: 143px;
	height: 27px;
	text-decoration: none;
	background: url(images/club_shop.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:200px;
}

h1.join{
	display: block;
	width: 199px;
	height: 29px;
	text-decoration: none;
	background: url(images/join.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:180px;
}

h1.bio{
	display: block;
	width: 123px;
	height: 26px;
	text-decoration: none;
	background: url(images/bio.png);
	background-position: 0 0;
	position:absolute;
	top:235px;
	left:190px;
}

a.news:hover {background-position: -266px -111px;}
a.band_bio:hover {background-position: -80px -111px;}
a.live:hover {background-position: -367px -111px;}
a.photos:hover {background-position: -442px -111px;}
a.history:hover {background-position: 0 -111px;}
a.media:hover {background-position: -182px -111px;}
a.links:hover {background-position: -531px -111px;}
a.club_shop:hover {background-position: -617px -111px;}
a.join_our_club:hover {background-position: -714px -111px;}


#history_page p{
display:none;
}
#history_page{
width:601px;
height:578px;
background:url(images/history.png) no-repeat;
position:absolute;
top:220px;
left:330px;
}

#links_holder{
text-align:left;
width:400px;
position:absolute;
top:310px;
left:370px;
}

#links_holder ul{
margin:0;
padding:0;
}

#links_holder li{
list-style:none;
margin:15px 0;
}

.kcc_band_bio{
position:absolute;
top:300px;
left:670px;
}

.band_member{
width:169px;
height:95px;
text-align:left;
position:absolute;
right:1px;
}

.band_member h2, .band_member h3, .band_member ul{
display:none;
}

.band_member#tom{
top:300px;
background:url(images/tom.png) no-repeat right;
}
.band_member#dan{
top:400px;
background:url(images/dan.png) no-repeat right;
}
.band_member#matt{
top:500px;
background:url(images/matt.png) no-repeat right;
}
.band_member#jules{
top:600px;
background:url(images/jules.png) no-repeat right;
}

#join_outer{
width:675px;
height:446px;
background:url(images/page_bg.png) no-repeat;
overflow:hidden;
padding:0;
position:absolute;
top:295px;
right:70px;
}
#join{
width:635px;
height:426px;
overflow:auto;
overflow-x:hidden;
padding:10px 20px;
}

#news_outer{
width:675px;
height:446px;
background:url(images/page_bg.png) no-repeat;
overflow:hidden;
padding:0;
position:absolute;
top:295px;
right:33px;
}

#news_outer.secret{
top:245px !important;
}

#news{
width:635px;
height:426px;
overflow:auto;
overflow-x:hidden;
padding:10px 20px;
}



#news_hr hr{
display:none;
}
#news_hr{
width:100%;
background:url(images/hr.png) no-repeat center;
height:17px;
margin:10px 0;
}


#live_outer{
width:382px;
height:417px;
background:url(images/live_page_bg.png) no-repeat;
overflow:hidden;
padding:0;
position:absolute;
top:295px;
right:257px;
}
#live{
width:342px;
height:397px;
overflow:auto;
overflow-x:hidden;
padding:10px 20px;
}

#youtube{
width:480px;
min-height:295px;
height:auto !important;
height:295px;
position:absolute;
top:245px;
right:100px;
}

#photos ul{
margin:0;
padding:0;
}
#photos li{
display:inline;
float:left;
padding:0;
margin:0 0 10px 10px;
padding:5px;
border:1px solid #666666;
}
#photos a{
width:100px;
height:100px;
background-repeat:no-repeat;
background-position:center;
display:block;
}
#photos li:hover{
border:2px solid #0000FF;
padding:4px;
}
#photos{
width:511px;
position:absolute;
top:350px;
right: 30px;
height:400px;
overflow-y:auto;
}

.coming_soon{
width:418px;
height:56px;
background:url(images/coming_soon.png) no-repeat;
position:absolute;
top:350px;
right:100px;
}

ul.join{
margin:0;
padding:0;
}

ul.join li{
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
*margin-right:2px;
list-style:none;
position:relative;
width:20px;
}



li.facebook a{
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	background:url(images/facebook.gif) no-repeat;
	background-position: 0 0;
	margin:0;
	padding:0;
	}
li.twitter a{
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	background:url(images/twitter.gif) no-repeat;
	background-position: 0 0;
	margin:0;
	padding:0;
	}

li.facebook a:hover{background-position: 0 -20px;}
li.twitter a:hover {background-position: 0 -20px;}

#news ul{
list-style:none;
margin:0;
padding:0;
}

#you_go{
width:960px;
height:382px;
background:url(images/kcclub.png) no-repeat;
position:absolute;
top:280px;
left:0;
}

#you_go ul{
list-style:none;
margin:0;
margin-top:83px;
padding:0;
position:absolute;
left:160px;
}
#you_go li{
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin-left:20px;
*margin-left:30px;
list-style:none;
position:relative;
}
#you_go .itunes a{
width:137px;
height:140px;
background:url(images/itunes.png) no-repeat;
background-position:0 0;
display:block;
}
#you_go .napster a{
width:169px;
height:118px;
background:url(images/napster.png) no-repeat;
background-position:0 0;
display:block;
}
#you_go .indiestore a{
width:142px;
height:145px;
background:url(images/indiestore.png) no-repeat;
background-position:0 0;
display:block;
}
#you_go .text a{
width:144px;
height:146px;
background:url(images/text.png) no-repeat;
background-position:0 0;
margin-left:70px;
*margin-left:80px;
display:block;
}

#you_go .itunes a:hover{ background-position:0 -140px;}
#you_go .napster a:hover{ background-position:0 -118px;}
#you_go .indiestore a:hover{ background-position:0 -145px;}
#you_go .text a:hover{ background-position:0 -146px;}

#footnote{
margin:10px 0 0 0;
padding:0;
}

#footnote li{
margin:0 10px;
padding:0;
list-style:none;
color:#999999;
display:inline;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
}

#footnote a:link, #footnote a:visited{color:#999999; text-decoration:none;}
#footnote a:active, #footnote a:hover{color:#990000; text-decoration:none;}

.youtube-widget{margin:0; padding:0;}
.youtube-widget li{display:inline; list-style:none; margin:0; padding:0 6px 0 0 !important;}
.youtube-widget li img{width:88px; margin:0 !important; padding:0 !important;}
.youtube-widget li.last{padding-right:0 !important;}
h3.youtube{text-align:right; margin:0 !important; padding:0 !important; font-size:90%;}