<?php 
header('Content-type: text/css');
header("Date: " . date("D, j M Y G:i:s ", time()) . 'GMT');
header("Content-Type: text/css");
header("Expires: " . gmdate("D, j M Y H:i:s", time() + 86400) . " GMT");
header("Cache-Control: max-age=86400, must-revalidate");
header("Pragma: cache");?> 
/*************************************************************************/
/* author:     www.cowboysandindians.be                                  */
/* generated on: <?=date("D, j M Y G:i:s ", time()) . 'GMT';?>                            */
/*************************************************************************/
<?php
	ob_start("compress");
	function compress($buffer) {
		$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
 		$buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
 		return $buffer;
	}
?> 
/*  reset: resets the browser's defaults */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-size: 100%;line-height: 1.5;font-family: inherit;text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
input {vertical-align:middle;}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul, li {list-style:none;}

/* colours

F8FFDA		general background
271B0F		brown background
D9DDC2		green background
F8FFDA		beige
FFB400		yellow
cf6416		yellow hover
DE4800		orange
B20017		red
D40017		box red
1F170A		brown text
F74500		orange text
7D8364		green twitter text
B6BF9F		green bottom borders
3B2E24		brown bottom borders
CFD5B9		green borders within boxes

*/

/* =================================================================================
   #general 
================================================================================= */

body {
	background: #F8FFDA url("../images/bg.jpg");
	color: #1F170A;
	font: 12px/1.5 "Lucida Grande", "Lucida Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	line-height: 1;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 14px;
	clear: left;
}
h3 {
	margin: 0 0 1em 10px;
	font-size: 12px;
}
#sidebar-1 h3{
	margin-right: 10px;
}
#sidebar-1 h3, #sidebar-2 h3, #footer h3 {
	font-size: 18px;
}
h4, h5, h6 {
	font-weight: normal;
}
h4.label {
	float:left;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	margin:0 4px;
}
p {
	margin: 10px 10px 30px 10px;
}
a {
	text-decoration: none;
	color: #D40017;
	outline: none; /* NICK */
}
a:hover {
	text-decoration: underline;
}
em {
	text-transform: uppercase;
	color: #D40017;
	font-style: normal;
}
strong {
	font-weight: bold;
}
img {
	border: none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* font replacement */

/* font stack used, images not possible because of dynamic fields, cuf—n not possible due to lycensing */

ul#nav, .tagbox, .filter, #main h1, #sidebar-1 h3, #sidebar-2 h3, #footer h3 {
	font-family: "Lucida Grande", Arial, Verdana, "Century Gothic", "Lucida Sans", sans-serif;
	font-weight: normal;
}

/* tables */

table {
	width: 100%;
	border-top: 1px solid #CFD5B9;
	margin-bottom: 10px;
}
#calendar table{
	border-top: 1px solid #9c4e14;
}
#calendar .agenda{
	color: #1F170A;
	float: right;
	text-transform: uppercase;
}
th, td {
	text-align: center;
	width: 14%;
	border-bottom: 1px solid #CFD5B9;
	padding: 3px;
}
#calendar th, 
#calendar td{
	border-bottom: 1px solid #9c4e14;
}
#calendar td a:hover{
	text-decoration: none;
}
.calendar td a:hover{
	text-decoration: none;
}
th {
	border-bottom-width: 2px;
}
td a {
	color: #FFB400;
}
td a:hover {

}
td.inactive {
	color: #7D8364;
}
#calendar td.inactive {
	color: #9c4e14;
}
td.today {
	background: url("../images/dot-yellow.png") no-repeat center center;
}
td.event {
	background: url("../images/dot-brown.png") no-repeat center center;
}

/* forms */

form {
	position: relative;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
form p {
	margin: 0;
}
input {
	border: none;
	margin: 3px 6px;
	color: #777;
	vertical-align: middle;
}

/* signup and search forms */

.small  {
	border: 1px solid #CFD5B9;
	height: 24px;
	overflow: visible;
}
.small label {
	position: absolute;
	text-indent: -9999px;
}
.small input {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1;
	float: left;
}
.small input.button {
	width: auto !important;
	margin: 0;
	font-size: 10px;
	padding: 1px 5px;
	line-height: 1.4;
	position: absolute;
	top: 4px;
	right: 4px;
}
.search {
	margin-left: 12px;
}
.search img {
	float: left;
	margin-left: -12px;
}
.search input {
	width: 150px;
}
.signup .ok-signup{
	font-weight:bold;
	margin-top:4px;
	text-align:center;
	color:black;
}
.signup input {
	width: 80px;
}
#search input {
	width: 320px;
}
#footer .signup input {
	width: 115px;
}
.highlite{
	background: #000;
	padding: 0px 2px 0px 2px;
	color: #fff;
}

/* all buttons */

.button {
	background-color: #D40017;
	color: #fff;
	border: none;
	padding: 1px 5px;
	text-transform: uppercase; 
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 1.4;
}
.button:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #b90014;
}

/* microformats */

.vcard {
	padding: 10px;
}
.vcard .adr {
	margin-top: 1em;
}
.vcard .info {
	margin-top: 1em;
}

/* general classes */

.sub {
	text-transform: lowercase;
	line-height: 1;
}
.more {
	text-transform: uppercase;
	color: #D40017;
}
a.more {
	background:url("../images/right-brown.png") no-repeat scroll right 50% transparent;
	bottom:-4px;
	font-size:11px;
	margin-bottom:0;
	padding-right:7px;
	position:absolute;
	right:10px;
}
.share {
	color: #1F170A;
	position: absolute;
	top: 5px;
	right: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 10px;
	background: url("../images/plus.png") no-repeat left 50%;
}
.share:hover {
	
}
.alt {
	color: #7D8364;
}
.inline li {
	float: left;
	_width: 55px;
	margin: 0 5px 5px 0;
}
.social li {
	padding-left: 18px;
	padding-top: 2px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 55px;
}
.social a {
	
}
.social a:hover {

}
.fb {
	background-image: url("../images/fb-dark.png");
}
.nl {
	background-image: url("../images/nl-dark.png");
}
.ms {
	background-image: url("../images/ms-dark.png");
}
.tw {
	background-image: url("../images/tw-dark.png");
}
.yt {
	background-image: url("../images/yt-dark.png");
}

/* image replacement */

.irm {
	display: -moz-inline-box;
	display: inline-block;
	background: transparent none 0 0 no-repeat;
	text-indent: -9999px;
	font: 0/0 sans-serif;
	overflow: hidden;
	color: rgba(255,255,255,0);
	vertical-align: middle;
}

/* =================================================================================
   #header 
================================================================================= */
   
#header {
	background: url("../images/bg-header.jpg") repeat-x 50% 34px; /* ----- 34 ----- */
}
#headerbox {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header h1, #header h2 {

}
 
#header h2#logo a {
	width: 362px;
	height: 58px;
	text-indent: -9999px;
	display: block;
	margin: 28px 0 0 10px;
}

/* main navigation */

#nav {
	margin-left: 10px;
	text-transform: uppercase;
	line-height: 34px; /* ----- 34 ----- */
	padding-left: 5px;
	font-size: 14px;
}
#nav li {
	display: inline;
}
#nav li a {
	color: #1F170A;
	margin-right: 20px;
}
#nav li a:hover, 
#nav li a.active {
	color: #F74500;
	text-decoration: none;
}

/* RSS & social links */

#socialnav {
	position: absolute;
	top: 9px; /* ----- 34-23 ----- */
	right: -100px;
}
#socialnav li {
	display: inline;
}
#socialnav li a {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-left: 5px;
}
#socialnav .facebook {
	background: url("../images/fb-small.png");
}
#socialnav .twitter {
	background: url("../images/tw-small.png");
}
#socialnav .rss {
	background: url("../images/rss-small.png");
}

/* searchbar */

#searchbar {
	width: 240px;
	position: absolute;
	top: 4px; /* ----- 34-28 ----- */
	right: 10px;
}

/* spotlight */

#spotlight {
	margin: -10px 0 0 10px;
	position: relative;
	height: 298px;
}
#spotlighter {
	overflow: hidden;
	width: 490px;
	height: 298px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 22px 0 0 75px;
	z-index: 10;
}

/* Carrousels */

/* Container */
#carrousel{
	width:470px;
	height: 298px;
	position: relative;
	margin-top: 10px;
}

#carrousel.featured-events{
	overflow:hidden;
}

/*Title container*/
#carrousel .title-container{
	background: url(../images/slideshow-nav-scrollable-bg.png) top left repeat-x;
	bottom:0;
	left: 0;
	height:81px;
	position:absolute;
	width:440px;
}

#carrousel.single-artist .title-container{
	background: url(../images/slideshow-nav-bg.png) top left repeat-x;
}

#carrousel .title-container h1{
	color: #ffb400;
	font-size: 24px;
	margin-top: -5px;
	margin-left: 14px;
	font-size: 24px;
	white-space: nowrap;
}

#carrousel.single-artist .title-container h1{
	margin-top: 30px;
}

#carrousel.featured-artists .title-container h1{
	margin-top: 20px;
}

#carrousel .title-container h1 a{
	color: #ffb400;
	font-size: 24px !important;
}
#carrousel .title-container h1 a:hover{
	text-decoration: none;
	color:  #cf6416;
}
#carrousel .title-container .date{
	color: #fff;
	font-size: 18px;
	display: block;
	margin-left: 14px;
}

/*Panes*/
#carrousel .carrousel-panes{
	height: 298px;
	position:absolute;
	width:470px;
}

#carrousel.featured-events .carrousel-panes{
	width:20000em;
}

#carrousel .carrousel-panes .carrousel-pane{
	height:280px;
	padding-top:18px;
	float: left;
	width:439px;
	overflow: hidden;
	position: relative;
}

#carrousel.featured-artists .carrousel-panes .carrousel-pane{
	width:  781px;
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane{
	font-size:11px;
	height:280px;
	left:436px;
	padding:0 5px 0 20px;
	position:absolute;
	top:18px;
	width:319px;
	z-index:99;
}
#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane h3{
	color: #1F170A;
	font-size: 18px;
	margin: 0 0 8px 0;
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane p {
	margin: 0;
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane p a {
	border-bottom: 1px dotted red;
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane h4 {
	float: left;
	margin-top: 10px;
	border-top: 1px solid #7F651C;
	padding: 5px 0;
	font-weight: bold;
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane ul {
	float: left;
	margin-top: 10px;
	border-top: 1px solid #7F651C;
	width: 261px; /* NICK */
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane ul li {
	border-bottom: 1px solid #C09719;
	display: block;
}

#carrousel.featured-artists .carrousel-panes .carrousel-secondary-pane ul li a {
	display: block;
	padding: 3px 16px 3px 5px;
	background: url("../images/arrow-brown.png") no-repeat right 50%;
	color: #271B0F;
	text-transform: none;
}

/*Navigation*/
#carrousel .nav{
	bottom:5px;
	margin-left:13px;
	position:absolute;
	text-align:center;
	z-index:1;
}

#carrousel .nav a {
	background:transparent url(../images/slideshow-dots.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:1px;
	height:7px;
	margin:3px;
	width:7px;
	cursor: pointer;
}

#carrousel .nav a:hover{
	background-position:0 -7px;
}

#carrousel .nav a.current{
	background-position:0 -14px;
}


/* IMAGE GALLERY */

.image-gallery { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 430px; 
    height:110px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.image-gallery div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.image-gallery div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.image-gallery div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


.image-gallery {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 430px;
	height:110px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(http://flowplayer.org/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.image-gallery .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.image-gallery img {
	float:left;
	cursor:pointer;
	width:100px;
	height:75px;
	border:1px solid transparent;
	margin: 15px 1px 0 1px !important;
}

/* active item */
.image-gallery .active {
	border:1px solid #000;
	z-index:9999;
	position:relative;
}


.image_wrap { 
    /* dimensions */ 
    width:465px; 
 	clear:  both; 
}

.image_wrap img{
	width: 470px;
	margin: 0 !important;
	padding: 0;
}

/* this makes it possible to add next button beside scrollable */
.image-gallery {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url("../images/gallery-btns.png") no-repeat scroll -112px 0 transparent;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1px;
	height:112px;
	margin:0;
	width:19px;
}

/* right */
a.right, a.right.disabled 		{ background-position: -38px 0; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-19px 0; }
a.right:active 	{ background-position:-38px 0; } 


/* left */
a.left, a.left.disabled 			{ background-position: -38px -112px; margin-left: 0px; } 
a.left:hover  	{ background-position:-19px -112px; }
a.left:active  	{ background-position:-38px -112px; }

/*=================================*/
/* 2 or 3 columns */

.twocolumn {
	background: url("../images/bg-spotlight-2.png") no-repeat top right;
}
.threecolumn {
	background: url("../images/bg-spotlight-3.png") no-repeat top right;
}
.twocolumn h3, 
.threecolumn h3 {
	color: #1F170A;
	font-size: 18px;
	margin: 0 0 8px 0;
}
.threecolumn .col3 h3, 
.twocolumn .col2 h3 {
	color: #FFB400;
}
.threecolumn p, 
.twocolumn p {
	margin: 0;
}
.threecolumn .col1, 
.threecolumn .col2, 
.threecolumn .col3, 
.twocolumn .col1, 
.twocolumn .col2 {
	float: left;
	padding: 0 5px 0 10px;
	font-size: 11px;
}

.threecolumn .col1, 
.threecolumn .col2, 
.threecolumn .col3, 
.twocolumn .col2 {
	width: 145px;
}
.twocolumn .col1 {
	width: 305px;
}
.twocolumn h4,
.slideshow-secondary-pane h4 {
	float: left;
	margin-top: 10px;
	border-top: 1px solid #7F651C;
	padding: 5px 0;
	font-weight: bold;
}
.twocolumn .col1 ul,
.slideshow-secondary-pane ul {
	float: left;
	margin-top: 10px;
	border-top: 1px solid #7F651C;
	width: 261px; /* NICK */
}
.twocolumn .col1 li,
.slideshow-secondary-pane li {
	border-bottom: 1px solid #C09719;
	display: block;
}
.twocolumn .col1 li a,
.carrousel-secondary-pane li a {
	display: block;
	padding: 3px 16px 3px 5px;
	background: url("../images/arrow-brown.png") no-repeat right 50%;
	color: #271B0F;
	text-transform: none;
}
.twocolumn .col1 p a,
.carrousel-secondary-pane p a {
	border-bottom: 1px dotted red;
}
.twocolumn .col2 li,
.threecolumn .col3 li {
	margin-bottom: 3px;
}
.twocolumn .col2 li a,
.threecolumn .col3 li a {
	display: block;
	padding: 3px 16px 3px 0;
	background: url("../images/arrow-burgundy.png") no-repeat right 50%;
}
.twocolumn .col2 li a:hover,
.threecolumn .col3 li a:hover {
	background: url("../images/arrow-brown.png") no-repeat right 50%;
}
.threecolumn .col1 h4 {
	color: #FFB400;
	background: #1F170A;
	font-size: 14px;
	margin: 0 0 5px;
	padding: 1px 0 1px 2px;
}
.threecolumn ul {
	margin-bottom: 5px;
}
.threecolumn li {
	line-height: 1.3;
}
.threecolumn li a, .twocolumn li a {
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
}
.threecolumn .col3, .twocolumn .col2 {
	color: #fff;
	line-height: 1.3;
}
.threecolumn .col3 ul, .twocolumn .col2 ul {
	margin-top: 5px;
}
.col3 .more-info{
	bottom:60px;
	color:#FFFFFF;
	position:absolute;
	right:16px;
	text-transform:uppercase;
	background:url("../images/right-brown.png") no-repeat scroll right 50% transparent;
	padding-right:10px;
}

/* =================================================================================
   #content 
================================================================================= */
   
#container {
	width: 960px;
	margin: 0 auto;
	background: url("../images/bg-content.png") repeat-y 0 0;
}
#content {
	padding-bottom: 68px;
	background: url("../images/bg-container.png") no-repeat bottom left;
	overflow: hidden;
}
#main {
	width: 470px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
}
#main h1 {
	margin-bottom: 10px;
}

/* per post */

.post {
	position: relative;
	margin-bottom: 20px;
}

.post em{
	color: #1F170A;
	font-style: italic;
	text-transform: none;
}

.post-icon{
	background:url("../images/stream-icons.png") no-repeat scroll left top transparent;
	float:left;
	height:15px;
	margin-left:-10px;
	margin-right:10px;
	margin-top:3px;
	width:12px;
}
.post-icon.news{
	background-position: 0 0;
}
.post-icon.image{
	width: 14px;
	background-position: -13px 0;
}
.post-icon.video{
	background-position: -28px 0;
}
.post-icon.audio{
	width: 11px;
	background-position: -41px 0;
}

.post-graphic object,
.post-graphic embed{
	margin: 10px 10px 0 0;
}
.post-graphic img{
	margin: 10px 10px 0 0;
}
.post .post-content-wrapper{
	margin-bottom:10px;
	padding-top:10px;
	position:relative;
}
.post .flyer{
	margin: 0 12px 0 0;
	float: left;
}
.post .post-content{
	margin-top:0;
	padding-bottom:20px;
	padding-right:3px;
}
.post .post-content ul,
.post .post-content ol{
	margin: 5px 0 0 30px;
}
.post .post-content ul li{
	list-style: disc;
	padding: 5px;
	margin-left: 10px;
}
.post .post-content ol li{
	list-style: decimal;
	padding: 5px;
	margin-left: 10px;
}
/* filters */

.filter {
	text-transform: uppercase;
	padding: 10px 0;
	border-top: 1px solid #DDE4C0;
	border-bottom: 1px solid #DDE4C0;
}
.filter li {
	display: inline;
}
.filter li a {
	color: #1F170A;
	padding: 1px 10px 2px;
	margin-right: 3px;
}
.filter li a:hover, 
.filter li a.active {
	background: #271B0F;
	color: #F8FFDA;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
}

/* headings */

#content h1 {
	border-bottom: 2px solid #DDE4C0;
	padding: 0 10px 10px;
	line-height: 1;
	margin-bottom: 0;
}
#content h2 {
	_border-top: 1px solid #DDE4C0;
	border-bottom: 2px solid #DDE4C0;
	margin-top: -5px;
	padding: 10px;
	line-height: 1.3;
}
#content h2 a {
	color: #1F170A;
}
#content h2 a:hover,
#content h2.gig a:hover{
	text-decoration: none;
	color: #cf6416;
}
#content h2.gig {
	background: #271B0F;
	color: #FFB400;
	position: relative;
	padding: 2px 0 2px 10px;
	margin: 0;
	border-bottom: none;
	padding-left: 0;
	overflow: hidden;
}
#content h2.gig a {
	color: #FFB400;
}
h2 span.date {
	float: right;
	color: #F74500;
	line-height: 20px;
	margin: 1px -7px 0 0;
}
h2.gig span.date {
	float: none;
	background: #FFB400 url("../images/left-brown-rev.png") no-repeat right 50%;
	color: #271B0F;
	padding: 5px 16px 5px 10px;
	margin:0;
}

/* metadata for concerts */

.meta {
	padding: 7px 10px;
	border-bottom: 1px solid #DDE4C0;
	line-height: 1;
}
.meta li {
	display: inline;
	padding-right: 5px;
	margin-right: 0px;
	border-right: 1px solid #271B0F;
	line-height: 1;
}
.meta li.last {
	border: none;
	padding-right: 0;
	margin-right: 0;
}
.tickets {
	vertical-align: middle;
	position: absolute;
	top: 17px; /* nog aan te passen! */
	right: 0;
}
.tickets .button{
	position: relative;
	top: -2px;
}

.tickets .button.fnac{
	background-color: #EAB00E;
}

.tickets .button.fnac:hover{
	background-color: #d9a30d;
}

/* tags */

.tagbox {
	clear: left;
	background: rgb(210,220,180);
	background: rgba(210,220,180,0.5);
	padding: 5px 0 15px;
	position: relative;
}
.tags {
	float:left;
	width:360px;
}
.tags li {
	float:left;
}

.tags li a {
	color:#1F170A;
	font-size:11px;
	line-height:1;
	margin-right:5px;
	padding:0 0 0 5px;
	text-transform: uppercase;
}
.tags li a:hover, 
.tags li a.active {
	color:#291e0d;
	text-decoration: underline;
}

/* lineup list */

.lineup {
	text-transform: uppercase;
	margin-bottom: 20px;
}
.lineup ul {
	margin-top: 5px;
	border-bottom: 2px solid #DDE4C0;
}
.lineup .time {
	margin-right: 10px;
}
.lineup li {
	padding: 5px 10px 0;
}
.lineup li li {
	padding: 2px 0;
	border-top: 1px solid #DDE4C0;
}
.lineup li.even {
	background: #D9DDC2;
}
.lineup li a{
	color: #1F170A;
}
.lineup li a:hover{
	color: #D40017;
}

/* mediabox */

.media{
	width: 470px;
	height: 340px;
	position: relative;
	overflow: hidden;
}
.media-panes {
	overflow: hidden;
	margin-bottom: 20px;
	width:20000em; 
	position:absolute;
}
.media-panes ul{
	float:left;
	width: 470px;
}
.media-panes li {
	_width: 235px;
	overflow: hidden;
	_border-top: 1px solid #DDE4C0;
	float: left;
	margin: 3px 3px 0 0;
}
.media-panes h4 {
	margin-top: 7px;
	font-weight: bold;
}
.media-panes a {
	font-size: 10px;
}
#content .facebook, #content .netlog {
	width: 65px;
	height: 22px;
}
#content .facebook {
	background-image: url("../images/fb-button.png");
}
#content .facebook:hover {

}
#content .netlog {
	background-image: url("../images/nl-button.png");
}
#content .netlog:hover {
	
}

/* artist search */

#search ul {
	margin-top: 5px;
	background: rgb(155,165,120);
	background: rgba(155,165,120,0.8);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
	padding-left: 10px
}
#search li {
	float: left;
	padding: 2px 0;
}
#search a {
	color: #F8FFDA;
	padding:5px 3px 5px 3px;
}
#search a:hover, #search a.active {
	background: #271B0F;
	color: #FFB400;
}
.longlist {
	margin: 10px 10px 20px 20px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}
.longlist ul {
	width: 140px;
	float: left;
	padding-left: 7px;
	border-left: 1px solid #DDE4C0;
}
.longlist ul.first {
	padding-left: 0;
	border-left: none;
}
.longlist li {
	line-height: 1.5;
}
.longlist a {
	color: #271B0F;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
}

/* pagination */

.pagination {
	text-align: center;
	padding: 20px 10px;
	color: #7D8364;
	font-weight: bold;
	text-transform: uppercase;
}
.pagination .direction {
	font-weight: normal;
}
.pagination li {
	display: inline;
	height: 17px;
	padding: 5px 0;
}
.pagination a {
	color: #1F170A;
	padding: 5px;
}
.pagination a:hover {
	color: #FFB400; 
}
.pagination .current {
	background: url("../images/dot-yellow.png") no-repeat center center;
}
.pagination .current a:hover {
	color: #271B0F;
}

/* =================================================================================
   #sidebars 
================================================================================= */

/* boxes with rounded border */

.box {
	margin: 10px;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
.box h2 {
	font-size: 16px;
	border-bottom: none !important;
	border-top: none !important;
	margin-top: 0 !important;
	line-height: 0 !important;
	padding: 5px 0 12px 2px !important;
}
.box h3 {
	margin-left: 0;
}
.box h4 {
	margin-bottom: 1em;
	text-align: center;
}
.box p {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
.box {
	background-color: #D9DDC2;
}
#sidebar-1 .box {
	background-color: #F8FFDA
}

/* sidebar-1 */

#sidebar-1 {
	width: 280px;
	float: left;
	padding-top: 10px;
	background: url("../images/bg-sidebar-top.png") no-repeat top left;
	font-size: 11px;
}
#sidebar-1 a.agenda {
	text-transform: uppercase;
	float: right;
	padding: 10px 10px 10px;
	color: #1F170A !important;
	font-weight: bold;
}

/* news- and shortlists */ 

.datelist {
	margin: 10px 10px 0;
}
.datelist li {
	padding-bottom: 3px;
	border-bottom: 1px solid #B6BF9F;
	margin-bottom: 3px;
}
.datelist li span {
	padding-right: 5px;
}
.datelist .date {
	color: #7D8364;
}
.datelist a {
	color: #1F170A;
}
.datelist a:hover {

}

/* archive */

h4.arch {
	border-bottom:1px solid #B6BF9F;
	color:#FFFFFF;
	text-transform:capitalize;
	background: #A7AF86;
}
h4.arch:hover{
	background: #bec798;
}
h4.arch a {
	color:#F8FFDA;
	float:left;
	height:24px;
	line-height:24px;
	padding:0 0 0 5px;
	width:100%;
}
h4.arch a:hover {
	text-decoration: none;
}
a.archive {
	color: #1F170A;
	text-transform: uppercase;
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #B6BF9F;
	text-align: right
}
a.archive:hover {
	cursor: pointer;
	
}

/* twitterbox */

#tweets {
	background-image: url("../images/tweety.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 56px;
}
#tweets p {
	padding: 5px 0;
	margin-bottom: 0;
	border-bottom: 1px solid #CFD5B9;
}
#tweets a {
	color: #1F170A;
	font-weight: bold;
}
#tweets a.follow {
	text-transform: uppercase;
	float: right;
	padding: 10px 10px 0;
}
#tweets .twittList{
	margin:0;
	padding:0;
}
#tweets .jRM{float:right;clear:both}
#tweets .twittList .alt .juitterUsername {
	color: #7D8364;
}

#tweets a:hover {

}

/* artist's online */

#off li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #D9DDC2;
	padding: 5px 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#online a {
	color: #1F170A;
}
#online a.home {
	padding-left: 16px;
	background: url("../images/home-small.png") no-repeat 0 0;
}
#online a.home:hover {

}

/* tag cloud */

#tagcloud li {
	padding-left: 12px;
	background: url("../images/tag.png") no-repeat 0 50%;
	height: 20px;
	line-height: 20px;
	_width: 63px;
}
#tagcloud a {
	color: #F8FFDA;
	background-color: #271B0F;
	_padding:2px 30px 1px 0; /* NICK */
	padding:2px 5px 1px 0;
	text-transform: uppercase;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-radius: 2px;
	white-space: nowrap; /* NICK */
	_width:35px; /* NICK */
	float:left; /* NICK */
}
#tagcloud a:hover {

}

/* sidebar-2 */

#sidebar-2 {
	width: 200px;
	float: left;
	padding-top: 10px;
	font-size: 11px;
}
#sidebar-2 p{
	font-size: 10px;
}
/* connect */

#facebook, #netlog {
	padding: 10px 0 10px 20px;
}
#facebook {
	border-bottom: 1px solid #DDE4C0;
}
#facebook a {
	width: 168px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background: url("../images/fb-large.png") no-repeat top left;
}
#facebook iframe, #netlog iframe{
	margin-left: -10px;
}
#netlog {
	margin-top: 7px;
}
#netlog a {
	width: 168px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background: url("../images/nl-large.png") no-repeat top left;
}

/* =================================================================================
   #footer 
================================================================================= */
   
#footer {
	background: #271B0F;
	color: #F8FFDA;
}
#footer a {
	color: #F8FFDA;
}
#footerbox {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
}
#footer h3 {
	margin-bottom: 30px;
}
#footer h4 {
	color: #FFB400;
	border-bottom: 1px solid #3B2E24;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#footer ul {
	margin-bottom: 20px;
}
#footer li {
	padding-left: 12px;
	background-image: url("../images/arrow-yellow.png");
	background-repeat: no-repeat;
	background-position: left 50%;
}
#footer li a:hover {
	
}

/* sitemap */

#sitemap {
	width: 368px;
	float: left;
	margin-right: 10px;
}
#sitemap ul {
	width: 184px;
	float: left;
}

/* rest */

#festivals, #everywhere, #free {
	width: 184px;
	float: left;
	margin-right: 10px;
}
#footer .social li {
	padding-left: 18px;
}
#footer .social a {
	
}
#footer .social a:hover {

}
#footer .fb {
	background-image: url("../images/fb-light.png");
}
#footer .nl {
	background-image: url("../images/nl-light.png");
}
#footer .ms {
	background-image: url("../images/ms-light.png");
}
#footer .tw {
	background-image: url("../images/tw-light.png");
}
#footer .yt {
	background-image: url("../images/yt-light.png");
}

/* copyright and general terms */

#footer #smallprint {
	clear: left;
	border-top: 1px solid #3B2E24;
	padding: 10px 0;
	margin: 0;
	position: relative;
	line-height: 1;
}
#smallprint span {
	display: block;
	text-align: right;
	margin-top: -16px;
}
#smallprint #cni {
	background: url("../images/cni.png") no-repeat right 50%;
	padding: 2px 20px 2px 0;
}
#smallprint #cni:hover {

}
#smallprint #lastfm {
	background-image: url("../images/lastfm.png");
	width: 41px;
	height: 16px;
	margin-right: 16px;
}
#smallprint #lastfm:hover {

}

/*OVERLAY*/
div.overlay {
	padding:35px;	
	width:636px;  
	display:none;
	background:url(../images/white.png) no-repeat !important;	
}

div.overlay div.close {
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

/*PARTNERS*/
.partners h2{
	border-bottom: none !important;
}
.partners td{
	text-align: center;
	border: none;
	vertical-align: middle;
	padding: 10px 0 5px 0;
}

/*TICKETS*/
#petrolpas_bullets{
	list-style: decimal;
}
#petrolpas_bullets li{
	list-style: decimal;
	float: none;
	margin:3px 3px 3px 28px;
	padding:5px;
}

/*STUFF*/
.media-post img{
	margin: 3px 3px 0 0;
	float: left;
}
.images-media img{
	margin: 0 !important;
}
.images-media{
	margin: 0 !important;
	padding: 0 !important;
}
.images-media li{
	list-style: none !important;
	margin-left: 0 !important;
	margin: 3px 3px 0 0 !important;
	padding: 0 !important;
	float: left;
}
<?php ob_end_flush();?>