/* musicunit - Kooks specific css */
@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/*///////// Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*///////// End hide from IE-mac */

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

/*body, div, p, li, h1, h2, h3, textarea{
font-family: arial, Sans-Serif;
color:#000;		
} */

html{
	overflow:-moz-scrollbars-vertical;
}

p, li	{font-size:80%;	}

p		{line-height:1.4em; margin:0 0 1em 0; padding:0}

BODY	{
		margin:0px 0 2em 0; 
		padding:0px; 			
		text-align:center;	
		/*background-color:white;
		background-image:url(../images/bak.jpg);
		background-repeat:repeat;*/		
		}		
			
a		{/*color:#666666;*/text-decoration:underline;}
a:hover {text-decoration:none;}

img { border: none; }


h1 {
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:150%;
	font-weight:normal;
	}

	/* heading image replacement */
	h1.h_news		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_news.gif) no-repeat left top; }
	h1.h_latestnews	{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_latestnews.gif) no-repeat left top;}
	h1.h_video		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_video.gif) no-repeat left top;}
	h1.h_audio		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_audio.gif) no-repeat left top;}
	h1.h_about		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_about.gif) no-repeat left top;}
	h1.h_links		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_links.gif) no-repeat left top;}
	h1.h_gallery	{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_gallery.gif) no-repeat left top;}
	h1.h_live		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_live.gif) no-repeat left top;}	
	h1.h_signup		{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_signup.gif) no-repeat left top;}  /* doesnt display... */	
	h1.h_sign-up	{text-indent: -3000px; width: 180px; height: 25px; background: url(../images/h_signup2.gif) no-repeat left top;} /* as signup doesnt display */	
		
	*html h1, *html #wrap .content .left .main h1 {padding: 0 0 0 0; margin: 0 0 0 0;}	
	
h2{		
	padding:0 0 0 0px;
	margin:0 0 .2em 0px;
	font-size:120%;	
	font-weight:normal;
	}
	
	.right h1, .right h2 {		
	padding:0 0px;
/*	margin-right: 445px;*/	
	width: 260px;
	float: left;
	}

#wrap .content .left h2 {font-size: 90%; 	margin:0 0 .2em 0px;}

h3{	
	font-size:14px;
	margin:0 0 .6em 0px;	
	padding:0 0 0px 0;	
	border:0;
	color:#990000;
	}

h4{	
	font-size:13px;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;
	color:#666666;
	font-weight:normal;	
	}
	
form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	ul{}
	
	li {margin:0 10px .5em 0}
	
	table { border-collapse:collapse; margin:0em 0 0em 1px; width:600px; /*width:645px;*/}
	.live table, table.live { border-collapse:collapse; margin:0em 0 0.5em 0; width:260px; border: 0px solid #FFFFFF; float: left; }
	/**html */	#wrap .content .right .live  { background-color:#FFFFFF; padding: 0 0 0 0; width:260px; min-height:230px; float:left; border: 0px solid #FFFFFF}
				#wrap .content .right .live td, th {border: 0px solid #FFFFFF;}
	
	td, th {vertical-align:top; width:33%; padding:4px; font-size:80%; border: 1px solid #CCCCCC;}	
	
	td.date {width:25%;}
    td.datefull {width:15%;}  
	td.location {width:50%;}
	td.buy {width:25%;}
	

	
	/* table for RHS live panel */ 
	#wrap .content .right .live table {width: 260px; font-size: 95%; text-align: left; background: #FFFFFF; }	
	#wrap .content .right .live table td, 	#wrap .content .right .live table tr, {border: 0px solid #FFFFFF; }		
	#wrap .content .right .live table td.date {width:33%; padding: 4px 4px 4px 0;}
    #wrap .content .right .live table td.datefull {width:15%; padding: 4px 4px 4px 0;}  
	#wrap .content .right .live table td.location {width:40%;padding: 4px 4px 4px 0;}
	#wrap .content .right .live table td.buy {width:27%; padding: 4px 4px 4px 0;}	
	
	table.gallery{width:600px; }
	*html table.gallery{width:600px;}
	table.gallery td {padding:0 0px 0px 0; width:12.5%; height:75px; float:left;}
	*html  table.gallery td {padding:0 1px 7px 0; }
	table.gallery td.end {padding:0px 0 7px 0}
	table.gallery td img{border:1px solid black}
    
    .tableheader{
    background: #999999;
    font-weight: bold;
    text-align: center;
	}
	
.tablerow1{
    background-color: #ffffff;
	}

.tablerow2{
    background-color: #dcdcdc;
	}

.tablerow3{
    background-color: #FFFFC0;
    font-weight: bold;
    color: #000000;
	}
.tablerow3 a{
    font-weight: bold;
    color: #000000;
	}
	



/*/////////   main layout  ///////////*/
		
#wrap{	position:relative;
		width:916px;			
		margin:10px auto 0;  											
		z-index:0;	
		text-align:left;		
		padding:0 7px;
		overflow:hidden;
		background:white;				
		}
		
		#musicmatters{	position:absolute;
		width:150px;	
		height:29px;												
		z-index:22;	
		top:10;
		left:50%;
		margin-left:-450px;					
		}
			


#nav {/*margin:110px 0 10px 0; position:relative;*/ margin:13px 0 0 0;  text-align:left; width: 916px; height:135px;background: white; float:left; background: white;}

*html #nav {/*margin:110px 0 10px 0; position:relative;*/ margin:13px 0 0 0;  text-align:left; width: 916px; height:135px;background: white; float:left; background: white;}
#normal {/*margin:110px 0 10px 0; position:relative;*/ margin:10px 0 10px 8px; height:90px; text-align:left; width: 900px; background-color: red;}

/* main header images/video areas - note wider size */
.homecontainer 			{
	width:850px;
	height: 430px;
	margin: 0 0 20px 8px;
	padding: 0px 24px 0 24px;
	background-color: #4c4c4c;
	float:left;
	background-image: url(../images/kytebg.jpg);
	background-repeat: repeat-x;
} 
*html .homecontainer 	{width:850px; height: 425px; margin: 0 0 20px 3px; padding: 0px 25px 0 24px; background-color: #4c4c4c; float:left;} 
.maincontainer			{width:904px; height: 30px; margin: 0 0 0 3px; padding: 4px 0 0 4px; background-color: white;} 	
#mainImage, .mainImage	{width:850px; height:425px; /*height:535px;*/ background-repeat:no-repeat;  padding:0 0 0 0; position:relative;  /*background-color: #4c4c4c;*/  }
#mainImage p			{padding:40px 0 0 10px; color:#CCCCCC;}
#mainImage a, #mainImage a:visited, #mainImage a:hover 			{color:#999999;}
/*.mainImage .register { position:absolute; right:10px; bottom:10px; height:24px}*/


.thinImageold 	{width:900px; height:160px; background-repeat:no-repeat; margin:0 0 10px 0; }
.thinImage 		{width:670px; height:93px; float:left; background: white; background-repeat:no-repeat; margin:0 0 0 0; }
.thinImage img	{width:670px; height:93px; }

.banner			{position:absolute; top:10px; /* no longer used in layout */}
#leaderboard	{width:728px; height:90px; float:left; background: white; background-repeat:no-repeat; margin:0 0 0 0;}
#leaderboard p	{color:#999999;}
#leaderboard a, #leaderboard a:visited, #leaderboard a:hover 	{color:#999999;}


.content{ width:900px;  margin-bottom:10px; margin-left:8px; /*background: pink;*/}
.content .left {float:left; width:635px; overflow:hidden;}
	.main  { min-height:540px; background-color:#FFFFFF; margin: 0 0 0 0; padding:0 10px 10px 0; overflow:hidden; margin-right: 10px /*position:relative*/ }
	.main p {width: 90% }		


.content .right{float:left; /*overflow:hidden;*/width:264px;}
	.promo {vertical-align:middle; text-align:center; color:#FFFFFF; min-height:200px; margin-bottom:10px}
	.mpu{width:300px; height:250px;}
.content .right .live  { background-color:#FFFFFF; padding: 0 0 0 0; width:260px; min-height:230px; float:left; /*margin-top:10px;*/ }

/* original size   #flashPlayer {position:absolute; top:10px; left:0; width:242px; height:90px;}*/
#flashPlayer { width:264px; height:110px; float: left;}
/*.top {position:absolute; top:2px; left:0; height:100px; width:900px;}  not used in this layout */
.top {height:110px; width:255px;}

	
.homecove{
    padding: 15px 0 0 0;
	}

table.signuptable p{
    font-size:90%;    
	}

table.signuptable td{
    border: none;    
	}

	
/*/////////      header     ///////////*/

.register input {float:left; width:179px; margin-right:5px; border:1px solid #ccc; padding:4px; font-size:11px; color:#666666;}
.register input.button {float:left; padding:0; width:87px; height:24px; border:0}

/*/////////      end header     ///////////*/
		

/*/////////      float left nav     ///////////*/

	#headerlogo {
	width: 169px;
	height: 90px;
	margin:0 0 0 7px;
	padding:0;
	float: left;
	}
	*html #headerlogo {
	width: 169px;
	height: 90px;
	margin:0 0 0 3px;
	padding:0;
	float: left;
	}
	#headerlogo h1 a, #headerlogo h1 a:visited{
	display:block;
	background-image:url(../images/mainlogo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width:169px;
	height:90px;
	text-indent:-3000em;
	}
	#headerlogo a {color:#333;}
	#headerlogo a:hover {color:#333; text-decoration:none;}
	
	#headerspace { width:670px; height:93px; float: left; background: yellow;}
	
	
	#nav .links {
/*	margin:0 auto;	*/	
	/*padding: 7px 0 3px 237px;  total padding height is 10px */
	/*width:56em;*/
	/*position:relative;*/
	float: left;
	padding: 10px 0 3px 176px;
	background: #ffffff;
	}
	
	*html #nav .links {
/*	margin:0 auto;	*/	
	/* padding: 7px 0 3px 243px; total padding height is 10px */
	/*width:56em;*/
	/*position:relative;*/
	float: left;
	padding: 7px 0 3px 176px;
	background: #FFFFFF;
	}
		
	#nav ul {
	margin:0px 0px 0 0px;	
	padding:0;
	}
	
	#nav li {	
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
	float:left;
	}
	
	#nav li a, #nav li a:visited{	
	display: block;	
	text-decoration:none;	
	background-repeat:no-repeat;	
	background-position:0px 0px;	
	height:20px;
	text-indent:-3000em;
	}
	
	#nav li.home a, #nav li.home a:visited			{background-image:url(../images/n_home.gif);			width:79px;}
	#nav li.home a:hover, #nav li.home_on a			{background-image:url(../images/n_home_over.gif);		width:79px;}
		
	#nav li.news a, #nav li.news a:visited			{background-image:url(../images/n_news.gif);			width:79px;}
	#nav li.news a:hover, #nav li.news_on a			{background-image:url(../images/n_news_over.gif);		width:79px;}
	
	#nav li.nav_live a, #nav li.nav_live a:visited	{background-image:url(../images/n_live.gif);			width:65px;}
	#nav li.nav_live a:hover, #nav li.nav_live_on a	{background-image:url(../images/n_live_over.gif);		width:65px;}
		
	#nav li.video a, #nav li.video a:visited		{background-image:url(../images/n_video.gif);			width:80px;}
	#nav li.video a:hover, #nav li.video_on a		{background-image:url(../images/n_video_over.gif);		width:80px;}
	
	#nav li.about a, #nav li.about a:visited		{background-image:url(../images/n_about.gif);			width:86px;}
	#nav li.about a:hover, #nav li.about_on a		{background-image:url(../images/n_about_over.gif);		width:86px;}
	
	#nav li.gallery a, #nav li.gallery a:visited	{background-image:url(../images/n_gallery.gif);			width:103px;}
	#nav li.gallery a:hover, #nav li.gallery_on a	{background-image:url(../images/n_gallery_over.gif);	width:103px;}

	#nav li.signup a, #nav li.signup a:visited		{background-image:url(../images/n_signup.gif);			width:100px;}
	#nav li.signup a:hover, #nav li.signup_on a		{background-image:url(../images/n_signup_over.gif);		width:100px;}	
	
	#nav li.forum a, #nav li.forum a:visited		{background-image:url(../images/n_forum.gif);			width:90px;}
	#nav li.forum a:hover, #nav li.forum_on a		{background-image:url(../images/n_forum_over.gif);		width:90px;}
	
	#nav li.shop a, #nav li.shop a:visited			{background-image:url(../images/n_shop.gif);			width:47px;}
	#nav li.shop a:hover, #nav li.shop_on a			{background-image:url(../images/n_shop_over.gif);		width:47px;}
	
	
	#nav li.nav_links a, #nav li.nav_links a:visited{background-image:url(../images/n_links.gif);			width:68px;}
	#nav li.nav_links a:hover, #nav li.nav_links_on a{background-image:url(../images/n_links_over.gif);		width:68px;}


    
/**#nav  li { 
    list-style-type:none;
    margin:0 0px 0 0;
    padding: 15px 0px 0 0;
    float:left;
    width:88px;
    text-align:center; 
}*/
		
/*	#nav a, #nav a:visited{
	padding:0 1em;		
	background-repeat:no-repeat;
	text-decoration:none;	
	font-size:16px;
    font-weight: bold;
	}*/
	
/*	#nav a:hover{text-decoration:underline;}	*/
	
	/*#nav li.on a, #nav li.on a:visited {color:#FF9900}*/
	
/*///////// end float left nav  */




/*///////// col on the left */ 

.news{
	position:relative;
	padding-left:0px; 	padding-bottom:20px;
	background: url(../images/bg_news.gif) no-repeat left bottom;
	}
	
	.news p, .news h2, .news embed, .news object, .news param{padding-left:45px;}
    .news embed, .news object, .news param{*padding-left:45px; *position: relative; *left: 45px;}  
       

	.news .date{position:absolute; left:0; top:2px; width:35px; text-align:center; padding:2px 0}
	.news .date span{display:block; font-size:12px;}	
	/*.news .date.datestyle1 { background-color: #666666; color: #FFFFFF}*/
	.news .date.datestyle1 { background-color:#333333; color: #FFFFFF}
	.news .date.datestyle2 { background-color:#333333; color: #FFFFFF}
	
	.newstext			{padding-left:45px;}	
	.newsfeed			{width: 13px; height: 13px; padding: 0; margin: 0; top:153px; left:80px; position:absolute; z-index:1;	}
	*html .newsfeed		{width: 13px; height: 13px; padding: 0; margin: 0; top:153px; left:85px; position:absolute; z-index:1;	}
	
	.newsfeedhome		{width: 13px; height: 13px; padding: 0; margin: 0; top:603px; left:153px; position:absolute; z-index:1;	}	
	*html .newsfeedhome		{width: 13px; height: 13px; padding: 0; margin: 0; top:599px; left:153px; position:absolute; z-index:1;	}	

.spacer {/*height:740px;*/ float:left; clear:left; width:1px; padding-left:1px}		
	
p.pic {text-align: center; padding-bottom:.4em; width: 605px;}	
p.pic img{padding-bottom:1em}	

div.links {position:relative; padding:13px; }
*html #wrap .content .left .main div.links {position:relative; padding:0px 0px 0px 0px; width: 615px; }
a.previous, a.previous:visited {position:absolute; left:0px;/*10px;*/ top:0}
a.gallery, a.gallery:visited {position:absolute; left:42%; top:0}
a.next, a.next:visited {position:absolute; top:0; right:10px}

.links a, .links a:visited {text-decoration:none; font-size:100%;}
.links a:hover	{text-decoration:underline}

.gallerythumb	{margin: 0 0 2px 0;}


/*///////// end col on the left */ 
	
	
	
	
		
/*///////// col on the right */ 
		
	
/*///////// end col on the right */





/*/////////      footer     ///////////*/

	#footer {	
	padding:10px;
	position:relative;	
	color:#ffffff;
	background-color:#FFF;
/*	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;	*/
	}
    #footerspacer	{height: 65px;
        width: 1px;
        float: left;
	    }
	
	#footer .links {top:30px; right:0px; font-size:12px; color:#666666; position:absolute}
	#footer .logo  {width:100px; height:80px; position:absolute; left:10px; top:10px}
	
	#footer ul	{padding:0 0 0 115px; margin:0; list-style-type:none}
	#footer li	{padding:0 0 3px 0px; margin:0; list-style-type:none}
	
	#footer p	{padding:0 0px .6em 0; margin:0; color:#666666}

	#footer a, #footer a:visited {color:#666666; text-decoration:underline}
	#footer a:hover { text-decoration:none}
	
	#footer_myspace {width: 135px; height: 38px; padding: 20px 13px 20px 115px; float: left; }
	#footer_bebo {width: 71px; height: 38px; padding: 20px 13px 20px 0; float: left; }
	#footer_twitter {width: 89px; height: 38px; padding: 20px 13px 20px 0; float: left; }
	#footer_facebook {width: 99px; height: 38px; padding: 22px 13px 18px 0; float: left; }

	/*/////////    end   footer     ///////////*/ 


		
	.labelName{
    float: left;
    width: 150px;
	}