@import "reset.css";
@import "typo.css";

html {
		
		background: #C1B698 url("img/stuff2.gif") no-repeat 92% 0;
}

body {
		position: relative;
		margin-left: 71px;
		width: 606px;
		
        padding-top: 294px;
		background: url("img/top.gif") no-repeat 0 0;	

}

#subcontent {
  background: url("img/repeat4.gif") repeat-y 0 0;
  
  }

.content {
		padding: 10px 130px 0 104px;
		background: url("img/midden.gif") no-repeat 0 0;
		min-height: 450px;
	
		
}
.content:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}





#footer {
		background: url("img/footer2.gif") no-repeat 0 0;
		height: 306px;
		margin-top: -1em; /* fix gap */
		
		
}

#footer p, #footer h3 {
position: absolute;
left: -9999px;
}

#nav {
		position: absolute;
	
        top: 228px;
		left: 169px;
		

		width: 235px;
		height: 44px;
		
}

#nav li {
		position:absolute;
		display: block;
		text-indent: -9999px;
		height: 14px;
		float: left;
		background-position: 0 0;
		background-repeat: no-repeat;
}

#nav li a:hover, #nav li.active a {
		background-position: 0 -14px;
}

#nav li a {
		
		display: block;
		height: 100%;
		
}
#n_releases, #n_shows, #n_store {top: 14px;}
#n_forum, #n_links {top: 28px;}

#n_home      {left: 79px; width: 46px; }
#n_home a    {width: 42px;background-image: url("img/n_home.gif");}
#n_bands       {width: 55px;	left: 125px;}
#n_bands a     {background-image: url("img/n_bands.gif");}
#n_releases      {width: 86px; }
#n_releases a    {background-image: url("img/n_releases.gif");}

#n_shows     {width: 59px; left: 86px;}
#n_shows a   {background-image: url("img/n_shows.gif");}
#n_store     {width: 56px;left: 142px;}
#n_store a   {background-image: url("img/n_store.gif");}
#n_forum     {left: 35px; width: 56px;}
#n_forum a   {background-image: url("img/n_forum.gif");}
#n_links   {width: 54px;left: 91px;}
#n_links a {background: url("img/n_links.gif");}

#nav li#n_bookings {width: 122px; height: 51px; position:absolute;left: 257px; top: 28px;}

#nav li a {
		width: 100%;
}
/*
----------------------------
HOME
---------------------------- */

#welcome, #new_release {
		width: 174px;
		float: left;
}
#new_release {
		float: right;
		text-align: center;
}
#last_update {
		clear: left;
}




#welcome h2 {
		float: left;
		margin: 0 0.5em 0 0;
}	

.post {
		margin-bottom: 2em;
}

#default h3 {
		margin-bottom: 0.5em;
}

/*
----------------------------
BANDS
---------------------------- */
ul.bandlogos {
		width: 372px;
		margin-bottom: 2em;
}

ul.bandlogos img {
		border: none;
		
}

ul.bandlogos li {
		float: left;
		margin: 0 20px 20px 0;
		
		
}


#bands h1 {
		margin-top: 1em;
		clear: left;
}

.content:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}




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

.tourdates {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 2em;
     
}

.tourdates th, #tourdate th, #cart_contents th {
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.1em;
		font-size: 0.9em;
		color: #999;
		color: #CD7D00;
}

.tourdates .date, .tourdates .more_info {
		width: 6em;
}

#tourdate {
		width: 100%;
}

#tourdate th {
		width: 30%;
		padding-right: 1em;
		
}


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

.release {

		margin-bottom: 1em;
		clear: left;
}

.release img {
		float: left;
		margin-bottom: 1em;
}

.release h3 {
		margin-bottom: 1em;
}

.release h3, .release p, .release ul {
		padding-left: 111px;
}

/*
----------------------------
STORE
---------------------------- */
h2#other_releases, h2#merchandise {
		margin-top: 2em;
}

.price {
		float: left;
		margin: 11px 11px 0 0;
		font-size: 27px;
		line-height: 1.0;
}

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

#cart_contents {
		width: 100%;
}

#cart_contents td {
		padding: 0.5em 0;
}

#update {
		margin-right: 1em;
}

#actie {
		margin-bottom: 1em;
		padding: 1em;
		background: #C42D30;
		
}

.toggle {
		visibility: hidden;
}

#paypalimg {
		float: right;
		
		border: 0;
}

.sizes {
	margin-left: 62px;
}

/*
----------------------------
BOOKINGS
---------------------------- */
#bookings img {
    display: block;
margin: 0 1em 1em 0;	
    float: left;
}

#bookings h2 {
	margin-top: 2em;
}