/* KSK GLOBAL CSS */

* { margin:0px; padding:0; }
html { height: 100%; }
body {
	position: static;
	line-height: 13px;
	margin: 0px auto;
	width: auto;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	background-color: #150b07;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment:fixed;
  }
img { border:0; }
p { line-height: 10px; margin-bottom: 10px; }

/* KSK ARCHITECTURE */
#container { 
  float: none;
  margin: 0px auto;
  padding: 0px;
  width: 960px;
  height: auto;
  }

#header { 
  margin: 0px;
  padding: 0px;
  width: 960px;
  height: 100;
  }

#main_nav { 
  margin: 0px;
  padding: 0px 0px 0px 40px;
  width: 920px;
  height: 40;
  background-image:url(../images/background_navbar.gif);
  }

#content { 
  margin: 0px;
  padding: 0 20px 0 20px;
  width: 960px;
  height: auto;
  background-image: url("../images/background_4.gif");
  background-repeat: repeat-y;
  float: none;
  }  

#content2 { 
  margin: 0px;
  padding: 0 20px 0 20px;
  width: 960px;
  height: auto;
  background-image: url("../images/background_2.gif");
  background-repeat: repeat-y;
  float: none;
  }

#mainL { 
  float: left;
  margin: 0px;
  padding: 0px;
  width: 690px;
  height: auto;
  }  
  
#mainL_top { 
  float: left;
  margin: 0px;
  padding: 0px;
  width: 685px;
  height: 310px;
  background-image: url(../images/home_main.jpg);
  }    
  
#mainL_top_copy { 
	float: inherit;
  padding: 180px 0px 0px 20px; 
  margin: 0px;
  width: 330px;
  height: 300px;
  }

#left_column {  
	float: left; 
  margin: 0px 0px 0px 0px;
  width: 227px;
  height: auto;

  }

#left_column1 {   
	float: left; 
  width: 227px;
  height: auto;
  }

#section_header {      
	margin: 0px 0px 0px 20px;
	float: left;
  width: 665px;
  height: 40px;
  }
  
#section_header1 {
float:right;
height:40px;
margin:0 50px 0 20px;
width:665px;
}  
  
#section_body {
  float: left;
  margin: 10px 7px 0px 20px;
  width: 658px;
  height: auto;
  }

#column1 { 
	padding-left: 20px; 
	padding-bottom: 0px; 
	padding-right: 20px; 
	padding-top: 10px; 
	float: inherit; 
  margin: 0px 0px 0px 0px;
  width: 190px;
  height: auto;
  }

#mainR { 
  float: left;
  margin: 0px;
  padding: 0px;
  width: 230px;
  height: 600;
  }   


#footer { 
  float: center;
  margin: 0px;
  padding: 27px 10px 0px 0px;
  width: 950px;
  height: 18px;
  background-image: url(../images/background_footer.gif);
  }  
    
/* KSK SUBNAV LIST */  

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

#navcontainer li { margin: 0; position: inherit;}

#navcontainer a {
  font-size: 14px;
  font-weight: bold;
  display: block;
  text-align: right;
  color: #666;
  background-image: url(../images/subnav_button_a.png);
  width: 197px;
  height: 21px;
  text-decoration: none;
  padding: 9px 30px 0 0;
  }

#navcontainer a:hover {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  background-image: url(../images/subnav_button_b.png);
  color: #cfc4b7;
  }

#navcontainer a:active {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  background-image: url(../images/subnav_button_b.png);
  color: #cfc4b7;
  }

#navcontainer a:selected {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  background-image: url(../images/subnav_button_b.png);
  color: #cfc4b7;
  }
  
/* KSK SECTION HEADER IMAGES */  
.image_artists { 
  background: url("../images/block_artists.gif") no-repeat; }
.image_about { 
  background: url("../images/block_about.gif") no-repeat; }
.image_links { 
  background: url("../images/block_links.gif") no-repeat; }
.image_store {
	background: url("../images/block_store.gif") no-repeat; }
.image_news {
	background: url("../images/block_news.gif") no-repeat; }
.image_media {
	background: url("../images/block_media.gif") no-repeat; }
.image_live {
	background: url("../images/block_live.gif") no-repeat; }
.image_blank {
	background: url("../images/block_blank.gif") no-repeat; }



/* KSK NAV BUTTONS */  
#nav {
  margin-bottom:0px;
  padding: 0px 0; 
  }
  
  #nav a { display: block; float: left; }
    
  a#home {
    background: url("../images/nav_home.gif") top left;
    height: 40px;
    width: 67px;
  }
  
  a#home:hover, a#home.selected { background-position: top right;}
 
  a#news {
    background: url("../images/nav_news.gif") top left;
    height: 40px;
    width: 70px;
  }
  
  a#news:hover, a#news.selected { background-position: top right;}
  
  a#artist {
    background: url("../images/nav_artists.gif") top left;
    height: 40px;
    width: 90px;
  }
  
  a#artist:hover, a#artist.selected { background-position: top right;}  
  
  a#store {
    background: url("../images/nav_store.gif") top left;
    height: 40px;
    width: 77px;
  }
  
  a#store:hover, a#store.selected { background-position: top right;}
  
  a#live {
    background: url("../images/nav_live.gif") top left;
    height: 40px;
    width: 57px;
  }
  
  a#live:hover, a#live.selected { background-position: top right;}
  
  a#media {
    background: url("../images/nav_media.gif") top left;
    height: 40px;
    width: 75px;
  }
  
  a#media:hover, a#media.selected { background-position: top right;}
  
  a#about {
    background: url("../images/nav_about.gif") top left;
    height: 40px;
    width: 114px;
  }
  
  a#about:hover, a#about.selected { background-position: top right;}
  
  a#links {
    background: url("../images/nav_links.gif") top left;
    height: 40px;
    width: 74px;
  }
  
  a#links:hover, a#links.selected { background-position: top right;}
  
/* KSK OTHER BUTTONS */  
  
  a#read {
    background: url("../images/button_more.gif") top left;
    height: 40px;
    width: 130px;
  }
  
  a#read:hover, a#read.selected { background-position: top right;}
  
  a#buy {
    background: url("../images/button_buy.gif") top left;
    height: 40px;
    width: 130px;
  }
  
  a#buy:hover, a#buy.selected { background-position: top right;}
  
  a#signup {
    background: url("../images/button_signup.gif") top left;
    height: 40px;
    width: 130px;
  }
  
  a#signup:hover, a#signup.selected { background-position: top right;}


/* classes */
.floatleft { float: left; }
.floatright { float: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.clearboth { clear: both; }
.no-margin { margin: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.image_body_right {float: right; padding: 10px; }
.image_album_left {float: left; padding: 0px 10px 0px 0px; }

