html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#cbcbcb url(../images/background.jpg) repeat fixed center center;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#fff;
	letter-spacing:1px;
	font-size:11px;
	text-align:center;
	line-height:15px;
}
a{
	color:#ddd;
}
p{
	font-size:12px;
	line-height:16px;
}
h1{
	font-size:21px;
	margin-bottom:5px;
}
h2{
	font-size:11px;
	color:#ddd;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}

#top_block {
	background:url(../images/bg_box_top.png) no-repeat center bottom;
	height:85px;
}

#content_wrap {
	padding-bottom:6em; /* bottom padding for footer */
	width:450px;
	margin:0 auto;
	text-align:left;
}
#content{
	background:#c40f0f;
	padding-top:20px;
	
}
#content_bottom{
	background:url(../images/bg_box_bottom.png) no-repeat;
	height:37px;
}

.tab{
	display:none;
}
#header{
	margin-left:55px;
}
#header h1{
	background: url(../images/header_text.png) no-repeat;
	padding: 42px 0 0 0;
	margin:4px 0 26px;
	color:#C40F0F;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:42px; /* for IE5.5's bad box model */
	
}
#header h2{
	display:none;
}
#footer{
	clear:both;
	padding:5px 0 7px;
	border-top:1px solid #ab1515;
	background-color:#B70B0B;
	text-align:center;
}
#footer img{
	margin:0 9px;
	position: relative;
	top:3px;
}
#footer a{
	color:#871313;
	background: url(../images/moops_icon.png) no-repeat center;
	word-spacing:50px;
	padding:3px 20px 3px 0;
	display:block;
}
#footer a:hover{
	background-image:url(../images/moops_icon_hover.png);
	color:#730c0c;
}
/*menu*/
#menu{
	margin-top:20px;
	background:url(../images/bg_menu.png) repeat-x;
	height:34px;
	border-bottom:1px solid #a21515;
	padding-left:45px;
}
#menu li{
	float:left;
}
#menu li a{
	font-size:12px;
	padding:10px;
	margin-right:20px;
	cursor:pointer;
	display:block;
	color:#fff;
	
}
#menu li a.selected{
	background:url(../images/menu_arrow.png) no-repeat center top ;
}
#menu li a:hover{
	background:url(../images/menu_arrow.png) no-repeat center -1px;	
}
#menu li a.selected:hover{
	background-position: center top;
}
/*home*/
#tweets li{
	height:3px;
	overflow:hidden;
	padding:20px 98px 20px 55px;
	border-top:1px solid #ab1515;
	background:url(../images/stippel_klein.png) no-repeat 372px 20px;
	color:#7C0F0F;
}
#tweets li.tweet_even{
	background-color: #b70b0b;
}
#tweets li.tweet_odd{
	background-color: #c40f0f;
}
#tweets li.first{
	padding-right:30px;
	background:none;
	height:50px;
	color:#fff;
	border-color:#D50E0E;
}
#tweets li img{
	display:none;
	float:right;
	margin-left:20px;
}
#tweets li.first img, #tweets li.hover img{
	display:block;
}
#tweets li .time_ago{
	font-size:85%;
	margin-left:5px;
	font-style:italic;
}
#tweets li a{
	color:#7C0F0F;
}
#tweets li.first a, #tweets li.hover a{
	color:#ddd;
}
#tweets span{
	font-size:12px;
	line-height:14px;
}
#tweets li.hover{
	padding-right:30px;
	background-image:none;
	color:#fff;
}
p.fail_whale{
	margin:20px 40px 20px 55px;
}
p#loading{
	background: url(../images/ajax_loader.gif) no-repeat center center;
	margin:30px auto;
	height:100px;
}
#networks {
	border-top:1px solid #AB1515;
}
#networks li{
	float:left;
	width:149px;
	background: url(../images/bg_gradient_social.png) repeat-x bottom;	
}
#networks li:hover{
	background:#e20d0d;
}
#networks li a{
	padding:20px 20px 20px 70px;
	display:block;
	color:#871313;
	font-size:12px;
}
#networks li a:hover{
	color:#fff;
}
#networks .facebook a{
	background:url(../images/facebook.png) no-repeat 20px 10px;
}
#networks .myspace a{
	background:url(../images/myspace.png) no-repeat 20px 10px;
}
#networks .twitter a{
	background:url(../images/twitter.png) no-repeat 20px 10px;
}
#networks a:hover{
	background-position: 20px -35px;
}
#networks li.myspace{
	border-left:1px solid #AB1515;
	border-right:1px solid #AB1515;
}

/*music*/

#music li{
	padding:15px 30px 15px 55px;
	height:48px;
	clear:both;
	border-bottom:1px solid #ab1515;
	border-top:1px solid #d50e0e;
	background:url(../images/stippel_klein.png) no-repeat 371px center;
	cursor:pointer;
}
#music img{
	display:none;
	float:right;
}
#music p{
	padding:10px 0 1px;

}
#music p{
	font-weight:bold;
	color:#7c0f0f;
}
#music p.played_by{
	font-weight:normal;
	font-size:10px;
	font-style:italic;
	padding:0px;
}
#music li.playlist_hover{
	background:url(../images/play_hover.png) no-repeat 15px center;	
}
#music .playlist_hover img, #music .playlist_current img{
	display:block;
}
#music .playlist_hover p{
	color:#3b0d0d;
}

.buffering #music li.playlist_current{
	background:url(../images/ajax_loader_music.gif) no-repeat 22px center;	
}
#music li.playlist_current{
	background: url(../images/play_selected.png) no-repeat 15px center;
}
#music .playlist_current p{
	color:#fff;
}
#music .playlist_current{
	padding-left:70px;
}
#music #download{
	text-align:right;
}
#music #download:hover{
	background-color: #b40f0f;
	cursor:pointer;
	border-top:none;
}
#music #download p{
	padding:0;
}
#music #download a{
	background: url(../images/album.png) no-repeat 50px 9px;
	padding:13px 30px 6px;
	height:21px;
	font-weight:normal;
	display:block;
	color:#fff;
}

/*Concerts*/
#concerts .content{
	margin:20px 30px 20px 55px;
}
#concerts ul li{
	margin-bottom: 10px;
}
.when{
	display: block;
	float: left;
	width: 152px;
}
.who_where{
	float: left;
	width: 200px;
}
.who_where i{
	display: block;
}
/*Me*/

#me li{
	overflow:auto;
	width:100%;
}
#me li img{
	margin:20px 0 20px 25px;
	display:block;
}
#me li.odd{
	background: url(../images/border.png) repeat-y 125px;
}
#me li p.left{
	width:100px;
	padding:20px 0;
	text-align:right;
	font-style:italic;
}
#me li .right{
	width:280px;
	padding:20px;
}
#me li .right li{
	overflow:visible;
	margin-bottom:10px;
}

#me li .right li.last{
	margin-bottom:0;
}
#me li.even{
	background-color: #B70B0B;
	border-top:1px solid #AB1515;
	border-bottom:1px solid #AB1515;
}
#me a{
	text-decoration: underline;
	color: #fff;
}
#me a:hover{
	text-decoration: none;
}
#me i{
	display: block;
}
/*Contact*/

#contact{
	overflow:hidden;
}
#contact p.left{
	font-style:italic;
}
#contact .right{
	background: url(../images/border.png) repeat-y ;
	width:200px;
	padding:20px 20px 20px 35px;
}
#contact p.left{
	padding:20px 0 0 55px;
	width:120px;
}
#contact a{
	padding:2px 0 12px 40px;
	display:block;
	color:#fff;
}
#contact a.phone{
	background: url(../images/phone.png) no-repeat 4px top;
}
#contact a.mail{
	background: url(../images/mail.png) no-repeat 0 3px;
}
#contact a.address{
	background: url(../images/house.png) no-repeat;
}
#contact .kvk{
	background: url(../images/kvk.png) no-repeat;
	padding:2px 0 10px 40px;
	
}

/*Player*/
#player {
	width:390px;
	height:50px;
	padding:40px 45px 0;
	background:url(../images/bg_player.png) no-repeat center bottom;
}
#play{
	height:0;
	overflow:hidden;
}
#player #song{
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	padding-top: 12px;
	width:290px;
}

#player_play{
	float: left;
	width: 35px;
	height:36px;
	background: transparent url(../images/play.png) no-repeat scroll;
	cursor:pointer;
}
#player_pause{
	float: left;
	width: 35px;
	height:36px;
	background: transparent url(../images/pause.png) no-repeat scroll;	
	cursor:pointer;
}
#next, #prev{
	margin:12px 5px;
	float:right;
	width:21px;
	height:15px;
	cursor:pointer;
}
#next{
	background: url(../images/next.png) no-repeat;
}
#prev{
	background: url(../images/prev.png) no-repeat;
}
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrap{
	background: url(../images/bg_red_stripe.png) repeat-y top center;
	
}
#main {
	padding-bottom: 10px;
}  /* must be same height as the footer */

#player {
	position: relative;
	margin: -90px auto; /* negative value of footer height */
	clear:both;
} 

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

	Sticky Footer by Ryan Fait
	http://ryanfait.com/

	*/