/* === Styles for layout of site =============================  */

body {background:#000; margin:2px 0px 1px 1px;}
#title {display:none;}
#background {width:100%;height:100%;z-index:-10;position:fixed;top:0px;left:0px;}
#background img {width:100%;}
#content {z-index:0;width:100%;}

.afgerond {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.linksAfgerond {
	-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;
	}
.rechtsAfgerond {
	-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;
	}

.item {
	position:relative;
	float:left;
	overflow:hidden;
	padding:10px;
	margin:8px;
	z-index:100;
	width:165px;
	height:165px;
	color:#B44B92;
	background-repeat:no-repeat;
	opacity:.7;
	filter:alpha(opacity=70);
}
.item.hover,
.item.current,
.item:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.groen {background-color:#99CA3C;}
.blauw {background-color:#5BBBEA;}
.geel  {background-color:#FFE200;}
.rood	 {background-color:#B44B92;color:#FFE200;}
div.rood * {color:#FFE200;}
li.in_opdracht *,
div.in_opdracht * {color:#FFE200;}

.item .visual {position:absolute;top:109px;left:0px;width:100%;overflow:hidden;text-align:center;}
.item .visual div {height:68px;margin:0px auto;}
.item .visual div.cd {width:68px;}
.item .visual div.album {width:92px;}
.item .visual div.youtube {width:120px;height:68px;background:#000;background-position:0px -11px;}
.item .visual div.youtube img {margin:10px 0px 0px; opacity:.7;}

p.date {display:none;}
p.year {display:none;}
p.tweet{}
p.mp3 {margin:0px;padding:0px;}
.optredens p.date {display:block;font-style:italic;}
.cds_enzo p.year {display:block;font-style:italic;}

.article {height:auto;min-height:165px;width:568px;}
.article * {letter-spacing:.01em;line-height:1.3em;font-size:16px;}
.article p.tweet {font-style:italic;margin-bottom:10px;}
.article p.link {margin-left:10px;}
.article img	{max-width:568px;}
.article embed, .article object {width:566px;}

/*#article.rood		a { color:#53093B; }
#article.geel		a { color:#7F732E; }
#article.groen	a { color:#4A7536; }
#article.blauw	a { color:#216180; }
*/

/*.article * {font-size:16px; letter-spacing:.03em;line-height:20px;}
.article h1 { font-size:18px; margin-bottom:10px;}
*/

.text	{margin-bottom:10px;}

div.slideshow {display:block;margin:5px 0px 10px;min-height:353px;}
div.slideshow img.album {display:none;min-height:427px;width:568px;}
div.slideshow img#album_0 {display:block;}

/* === Menu styles ================================================== */

#menu {width:100%;height:56px;z-index:10;margin-top:6px;}
#menu ul.lev1 {float:left;margin-left:201px;}
#menu ul.lev2 {display:none;}
#menu li.menu {
	color:#B44B92;
	list-style:none;
	display:inline;
/*	width:98px;*/
	width:auto;
	width:98px;
	height:20px;
}
#menu li.rood {color:#FFE200;}
#menu li.in_opdracht {color:#FFE200;}
#menu li.menu a {
	text-decoration:none;
	border:none;
	font-size:16px;
	font-weight:normal;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px 4px 0px 0px;
	opacity:1;
	filter:alpha(opacity=100);
}


/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 */

#player {
	float:none;
	position:absolute;
	left:1px;
	top:6px;
	height:20px;
	overflow:hidden;
	color:#FFE200;
	z-index:7000;
}
#player:hover {height:auto;}


#player h1 {
	padding:2px;
}

div.jp-single-player,
div.jp-playlist-player {}
div.jp-interface {
	float:left;
	width:100%;
}
div.jp-interface {
	height:32px;
	margin-top:-4px;
	font-size:10px;
	display:none;
}
div.jp-interface * {
	font-size:10px;
}

div.jp-interface  ul.jp-controls li {
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	float:left;
	cursor:pointer;
	width:18px;
	height:20px;
	margin:0px 0px 0px 0px;
}
li.jp-play 				{	background: url("../img/player.gif") -68px -40px no-repeat;}
li.jp-play:hover 	{	background: url("../img/player.gif") -68px -5px no-repeat;}
li.jp-pause 			{	background: url("../img/player.gif") -26px -40px no-repeat;}
li.jp-pause:hover {	background: url("../img/player.gif") -26px -5px no-repeat;}
li.jp-next 				{	background: url("../img/player.gif") -86px -40px no-repeat;}
li.jp-next:hover 	{	background: url("../img/player.gif") -86px -5px no-repeat;}

div#jplayer_playing_title {
	float:left;
	width:129px;
	margin-top:-1px;
}
div#jplayer_playing_title * {
	overflow:hidden;
}
div#jplayer_playing_title a.projectLink {
	text-decoration:none;border:none;
}
div#jplayer_playing_title a.projectLink:hover {
	text-decoration:underline;border:none;
}

div#jplayer_playing_title span.title {
	height:12px;
	display:block;
}

div.jp-progress {
	float:left;
	overflow:hidden;
	background: url("../img/player.gif") 0 -110px repeat-x;
	width:125px;
	height:3px;
	margin:-6px 4px 0px 0px;
	display:none;
}
div.jp-load-bar {
	background: url("../img/player.gif") 0 -90px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../img/player.gif") 0 -70px repeat-x ;
	width:0px;
	height:100%;
}

div.jp-play-time {	float:right;	width:30px;	letter-spacing:.15em;	margin-right:.45em;}

div.jp-playlist {
	width:100%;
}
div.jp-playlist * {
font-size:12px;
}
div.jp-playlist ul{
	float:left;
	width:100%;
}
div.jp-playlist-player div.jp-playlist li.mp3 {
	cursor: pointer;
	list-style-type:none;
	opacity:0.5;
	filter:alpha(opacity=50);
	margin:0px 0px 0px 2px;
	padding:2px 0px 3px;
	width:100%;
	height:13px;
	overflow:hidden;
}
div.jp-playlist-player li.project {
	display:block;
	margin:8px 0px 2px;
	list-style-type:none;
}
div.jp-playlist-player li.project a {
	text-decoration:none;
}
div.jp-playlist-player li.project a:hover {
	text-decoration:none;
}
.bullit {
	visibility:hidden;
	margin-right:3px;
}
#jplayer_playlist li.jplayer_playlist_current {
	cursor: default;
	opacity:1;
	filter:alpha(opacity=100);
}
#jplayer_playlist li.jplayer_playlist_current .bullit {
	visibility:visible;
}

div.jp-playlist-player div.jp-playlist li:hover {
	opacity:1;
	filter:alpha(opacity=100);
}