/*----------------------------------------------------------------------------------
VLAKVERDELING
----------------------------------------------------------------------------------*/

div#header {
	background:url(/img/header01.jpg) #663;
	height:43px;
	padding:22px 22px 0px 22px;
	position: relative;
}

div#main, div#column01, div#column02 {
	width:442px;
	padding:22px;
	margin:0;
	float:left;
}

#main {
	background: #fff;
}

div#column01, div#column02 {
	width:200px;
	color: #666;
	font-size: 84.61%;
}

div#main div.item, div#comments div.comment_even, div.comment_odd, div#main.guestbook div.comment_even, div#main.guestbook div.comment_odd {
	margin:0px 0px 22px 0px;
	padding:0px 0px 11px 0px;
	border-bottom:1px solid #CCC;
}

div.comment_reaction_body {
	margin:0px 0px 0px 0px;	
	background:url(/img/comment_reaction__back.jpg) repeat-x;
}

div#main.schedule div.item {
	padding:0px 0px 5px 0px;
}

div#column02 div.item {
	padding:0px 0px 5px 0px;
}

div#footer {
	clear:both;
	height:44px;
	margin-top:22px;
	padding:22px 0px 22px 33px;
	background:url(/img/footer.jpg) repeat-x #FFF;
}

div#column01 div.widget, div#column02 div.widget {
	margin:0px 0px 22px 0px;
	padding:0px 0px 11px 0px;
	border-bottom:1px solid #CCC;
}

div.vcard div {
	display:none;
}



/*----------------------------------------------------------------------------------
TYPOGRAFIE
----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family:arial, helvetica, sans-serif;		
	font-weight: bold;
}

h1, h1 a, h1 a:hover {
	font-size:2em;
	text-transform:lowercase;
	color:#FFF;
	border:none;
	padding:0;
	width:98%;
	background:transparent;
	filter:alpha(opacity=5);-moz-opacity:.5;
	opacity:.5;
	position: absolute;
	left: 0;
	top: -0.03em;
	text-align: right;
	padding-right: 2%;
}

h2, h3 {
	font-size:1.5em;
	color:#222;
	margin:0px 0px 22px 0px;
}

div#column01 h2, #column01 h3, div#column02 h2, #column02 h3 {
	color: #666;
}

h3 {
	font-size:11px;
}

div.item h2, div.page_intro h2, div.widget h2, div.comment_even h3, div.comment_odd h3 {
	margin:0;
}

h2 a, h3 a {
	color:#663;
	background:none;
	border:none;
	padding:0;
}

p, input.text, input.text_error, option, textarea, legend {
	font-size:1em;
	line-height:1.5em;	
	text-align:justify;
	margin:0px 0px 11px 0px;
	padding:0;
}

div.comment_reaction_body p {
	color:#C00;
	font-style:italic;
	padding:11px;
	margin:0;
}

div.meta p {
	text-align:right;	
}

p.info {
	text-transform:uppercase;
	font-size:76.92%;
	color: #999;
	line-height: 2em;
}

p.info a {
	border:none;
}

li {
	line-height:1.5em;	
}

a {
	color:#000;
	background:#EEEEDD;
	border-bottom:1px solid #663;
	padding:0px 3px 0px 3px;
	text-decoration:none;
}

a.img, a.img:hover {
	border:none;
	padding:0;
	background:none;	
}

div.meta a.comment, div.meta a.readon, a.download, a.stream {
	color:#555;
	background:url(/img/icon_comment.jpg) 0px -16px no-repeat #FFF;
	border:none;
	padding-left:22px;
	margin-left:6px;
	text-decoration:underline;
}

div.meta a.readon {
	background:url(/img/icon_readon.jpg) 0px -16px no-repeat #FFF;
}

a.download {
	background:url(/img/icon_download.jpg) 0px -16px no-repeat #FFF;
}

a.stream {
	background:url(/img/icon_play.jpg) 0px -16px no-repeat #FFF;
}

div#pagenavigation {
	text-align:center;
	margin:22px 0px 22px 0px;	
}

div#pagenavigation span.number, div#pagenavigation a {
	border: 1px solid #CCC;
	padding:2px 4px 2px 4px;
	background:none;
}

div#pagenavigation span.number, div#pagenavigation a:hover {
	border: 1px solid #EEEEDD;
	background:#EEEEDD;
	color:#555;
}

a:hover {
	color:#FFF;
	background:#000;
}

div.meta a.comment:hover, div.meta a.readon:hover, a.download:hover, a.stream:hover {
	color:#FFF;
	background:url(/img/icon_comment.jpg) 0px 0px no-repeat #000;
	cursor:pointer;
	text-decoration:none;
}

a.download:hover {
	background:url(/img/icon_download.jpg) 0px 0px no-repeat #000;
}

a.stream:hover {
	background:url(/img/icon_play.jpg) 0px 0px no-repeat #000;
}

div.meta a.readon:hover {
	background:url(/img/icon_readon.jpg) 0px 0px no-repeat #000;
}

em {
	background:#F8F8F1;
}

span.success, span.error {
	font-weight:bold;
	color:#390;
}

span.error {
	color:#C00;
}

span.description, span.location, span.summary {
	margin:0px 0px 0px 20px;
}

div#widget_schedule span.description {
	display:none;
}

div.comment_meta span.url {
	color:#FFF;
}

div.comment_meta span.url:hover {
	color:#FFF;
}



/*----------------------------------------------------------------------------------
MENU
----------------------------------------------------------------------------------*/

div#menu ul {
	padding:0;
	margin: 0 0px 0px 7px;	
	position: absolute;
	top: 0;
	left: 0;
	font-size: 153.85%;
}

div#menu li {	
	list-style:none;
	display:block;
	line-height:1em;
	float: left;
}

div#menu a {
	background:none;
	border:none;
	color:#AFAA8E;
	display: block;
	float: left;
	line-height:3em;
	padding: 0 0.5em;
}

div#menu a:hover, div#menu li.active a {
	color:#FFF;
	border-bottom:0.25em solid #FFF;
}



/*----------------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------------*/

textarea, input.text, input.text_error {
	padding:1px 0px 1px 0px;	
	margin:0;
	border:1px solid #CCC;
	width:100%;
	background:#FFF;
}

input.text_error, textarea.text_error {
	border:1px solid #C00;	
}

textarea {	
	overflow:auto;
}

textarea#livecode {
	display:none;
}

fieldset, legend {
	padding:0;
	margin:0;
}

fieldset {
	border:none;
	margin:0px 0px 11px 0px;	
}

input.button {
	margin-bottom:22px;
}

input.text:focus, input.text_error:focus, textarea.text:focus, textarea.text_error:focus {
	border:1px solid #6f732d;	
	background:#F8FAF5;
}

input.text:hover, input.text_error:hover, textarea.text:hover, textarea.text_error:hover {
	background:#F8FAF5;
}



/*----------------------------------------------------------------------------------
LISTS
----------------------------------------------------------------------------------*/

dl.links a {
	font-weight:normal;
}

dt {
	font-weight:bold;
}

dd {
	margin:0px 0px 0px 20px;	
}

dd.description {
	padding:0px 0px 5px 20px;
	margin:0px 0px 0px 0px;
}

div#column01 dd.location, div#column02 dd.location, ul.archive li {	
	border-bottom:1px solid #EEE;	
	margin:0px 0px 5px 0px;
}

ul.nodots, ul.release, ul.audio, ul.archive {
	list-style:none;
	padding-left:0;
	margin-left:0;
}

ul.release {
	margin-top:0;
}

ul.archive li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px;
}



/*----------------------------------------------------------------------------------
IMAGES
----------------------------------------------------------------------------------*/

img, div#google_map {
	border:1px solid #CCC !important;
	margin:0px 0px 11px 0px;
}

img.captcha {
	margin:0px 0px 11px 0px;	
}

img.release, img.artist {
	float:right;
	border:none !important;
	margin:3px 0px 0px 0px;
}

img.artist {
	float:right;	
	margin:6px 0px 0px 11px;
}

div.vcard img {
	display:none;
}



/*----------------------------------------------------------------------------------
LIGHTBOX
----------------------------------------------------------------------------------*/

#lightbox {
	background:#FFF;
	padding:5px;
	border:none;
}

#lightbox a, #lightbox a:hover {
	border:none;	
	background:none;
	margin:0;
	padding:0;
}

#overlay { 
	background-image: url(/img/overlay.png); 
	border:none;
}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
}



/*----------------------------------------------------------------------------------
FLICKR BADGE
----------------------------------------------------------------------------------*/

div#flickr {
	background:transparent;
	width:200px;
	height:285px;
	padding:3px 0px 0px 0px;
	clear:both;
	}

div#flickr img {
	float:left;
	margin:0px 11px 22px 11px;
	background:#EEE;
	padding:0px;
	width:75px;
	height:75px;
}

div#flickr a {
	border:none;
	background:none;
	margin:0;
	padding:0;	
}



/*----------------------------------------------------------------------------------
GOOGLE MAPS
----------------------------------------------------------------------------------*/

div#google_map {
	height:330px;
	width:440px;
	border:1px solid #CCC;
}

div#google_map_widget {
	height:198px;
	width:198px;
	border:1px solid #CCC;
}

div#google_map a, div#google_map_widget a {
	color:#000 !important;
	font-family:arial, helvetica, sans-serif;
	/*font-size:11px !important;*/
}

div#google_map a:hover, div#google_map_widget a:hover {
	color:#FFF !important;	
}

div#google_map img, div#google_map_widget img {
	border:none !important;	
}

div#google_map a.gmnoprint, div#google_map_widget a.gmnoprint {
	background:none;
	border:none;
}

div#google_map div, div#google_map_widget div {
	font-family:"Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
	font-size:11px;	
}

/*----------------------------------------------------------------------------------
BEATPORT PLAYER
----------------------------------------------------------------------------------*/

div.beatport {
	margin:0 0 1em 0;
	border:0;
}

div.beatport img {
	border:0 !important;
}

/*----------------------------------------------------------------------------------
FACEBOOK STUFF
----------------------------------------------------------------------------------*/

#widget_facebook {
	padding-bottom: 26px !important;
}