* {
	margin: 0;
	padding: 0;}

body {
	background-color: #FFF;
	color: #000;
	font: 100% Arial, Helvetica, sans-serif;}

a img {
	border: 0;}


/**
 * CLEARFIXWES
 */
#header #main-nav:after, #header #music-nav:after, #left-col #newsletter p.submit:after, #center-col .album-thumbs:after,
#center-col p.details:after, #center-col div.project h3:after {
	content: '.';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;}

#header #main-nav, #header #music-nav, #left-col #newsletter p.submit, #center-col .album-thumbs,
#center-col p.details, #center-col div.project h3 {
	zoom: 1;}



/**
 * GENERAL POSITIONING
 */
#wrapper {
	position: relative;
	margin-top: 10px;
	width: 970px;
	left: 50%;
	margin-left: -485px;}

#right-col {
	position: absolute;
	top: 0;
	right: 0;}

#left-col, #center-col {
	float: left;}

#header {
	width: 738px;
	margin-bottom: 3px;}

#left-col {
	width: 193px;}

#center-col {
	width: 533px;
	border: 6px solid #F60;}

#right-col {
	margin-left: 7px;
	width: 225px;}


/**
 * HEADER
 */
#header h1 {
	width: 737px;
	height: 51px;
	margin-bottom: 30px;
	text-indent: -9999em;
	overflow: hidden;
	background: #FFF url(/images/h1.gif) top left no-repeat;}
	
#header h1 a {
	display: block;
	
}

#header #main-nav {
	margin-bottom: 3px;
	list-style: none;}

#header #main-nav li {
	display: block;
	float: left;}

#header #main-nav #main-sitemap,
#header #main-nav #main-contact,
#header #main-nav #main-press,
#header #main-nav #main-faq,
#header #main-nav #main-partners,
#header #main-nav #main-disclaimer {
	float: right;}

#header #main-nav li a {
	display: block;
	height: 19px;
	text-indent: -9999em;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;}

#header #main-nav li a:link:hover, #header #main-nav li a:visited:hover,
#header #main-nav li a.active {
	background-position: bottom left;}

#header #main-nav #main-sitemap a,
#header #main-nav #main-contact a,
#header #main-nav #main-press a,
#header #main-nav #main-faq a,
#header #main-nav #main-partners a,
#header #main-nav #main-disclaimer a {	
	font-size: 0.7em;
	vertical-align: bottom;
	text-indent: 0;
	width: auto;
	display: inline;
	margin-left: 5px;
	overflow: visible;}

#header #main-nav #main-sitemap a:link,
#header #main-nav #main-sitemap a:visited,
#header #main-nav #main-contact a:link,
#header #main-nav #main-contact a:visited,
#header #main-nav #main-press a:link,
#header #main-nav #main-press a:visited,
#header #main-nav #main-faq a:link,
#header #main-nav #main-faq a:visited,
#header #main-nav #main-partners a:link,
#header #main-nav #main-partners a:visited,
#header #main-nav #main-disclaimer a:link,
#header #main-nav #main-disclaimer a:visited {		
	color: #000;
	text-decoration: underline;
}

#header #main-nav #main-sitemap a:link:hover,
#header #main-nav #main-sitemap a:visited:hover,
#header #main-nav #main-contact a:link:hover,
#header #main-nav #main-contact a:visited:hover
#header #main-nav #main-press a:link:hover,
#header #main-nav #main-press a:visited:hover,
#header #main-nav #main-faq a:link:hover,
#header #main-nav #main-faq a:visited:hover,
#header #main-nav #main-partners a:link:hover,
#header #main-nav #main-partners a:visited:hover,
#header #main-nav #main-disclaimer a:visited:hover {
	text-decoration: none;
}
	

#header #main-nav #main-music a {
	background-image: url(/images/main-music.gif);
	width: 115px;}

#header #main-nav #main-agenda a {
	background-image: url(/images/main-agenda.gif);
	width: 117px;}

#header #main-nav #main-projects a {
	background-image: url(/images/main-projects.gif);
	width: 129px;}

#header #main-nav #main-about a {
	background-image: url(/images/main-about.gif);
	width: 117px;}

#header #music-nav {
	background-color: #9C9E9F;
	list-style: none;
	clear: both;}

#header #music-nav li {
	display: block;
	float: left;
	border-right: 2px solid #FFF;}

#header #music-nav li a {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
	height: 19px;}

#header #music-nav li a:link:hover, #header #music-nav li a:visited:hover,
#header #music-nav li a.active {
	background-position: bottom left;}

#header #music-nav li#music-all a {
	width: 44px;
	background-image: url(/images/music-all.gif);}

#header #music-nav li#music-dance a {
	width: 59px;
	background-image: url(/images/music-dance.gif);}

#header #music-nav li#music-rock a {
	width: 142px;
	background-image: url(/images/music-rock.gif);}

#header #music-nav li#music-pop a {
	width: 41px;
	background-image: url(/images/music-pop.gif);}

#header #music-nav li#music-jazz a {
	width: 48px;
	background-image: url(/images/music-jazz.gif);}

#header #music-nav li#music-folk a {
	width: 103px;
	background-image: url(/images/music-folk.gif);}

#header #music-nav li#music-contemporary a {
	width: 127px;
	background-image: url(/images/music-contemporary.gif);}

#header #music-nav li#music-other a {
	width: 60px;
	background-image: url(/images/music-other.gif);}


/**
 * LEFT COLUMN
 */
#left-col h6 {
	font-weight: bold;
	padding: 3px 10px;}

#left-col p, #left-col ul, #left-col ol, #left-col h6 {
	margin-bottom: 1em;
	font-size: 0.75em;}

#left-col #subnav {
	background-color: #F60;
	padding-bottom: 1em;}

#left-col #subnav h6 {
	margin-bottom: 0;}

#left-col #subnav ul {
	margin-left: 25px;
	margin-bottom: 0;
	list-style: none;}
	
#left-col #subnav ul li.active {
	font-weight: bold;}

#left-col #subnav ul a:link, #left-col #subnav ul a:visited {
	text-decoration: none;
	color: #FFF;}

#left-col #subnav ul a:link:hover,
#left-col #subnav ul a:visited:hover {
	text-decoration: underline;
	color: #FFF;}

#left-col #newsletter {
	margin-right: 6px;
	margin-bottom: 10px;
	padding-top: 3px;
	color: #FFF;
	padding-bottom: 9px;
	background-color: #58585A;}

#left-col #newsletter h6 {
	padding: 0;
	background: transparent url(/images/newsletter-h6.gif) center center no-repeat;
	text-indent: -9999em;
	overflow: hidden;}

#left-col #newsletter form, #left-col #newsletter .message {
	border: 1px solid #FFF;
	padding: 6px;
	margin: 0 6px;}

#left-col #newsletter form p.errors, #left-col #newsletter div.message p {
	font-size: 0.70em;}

#left-col #newsletter form input {
	width: 100%;
	border: 0;}	

#left-col #newsletter form input.button {
	background-color: #FF8C40;
	padding: 2px 3px;
	color: #FFF;
	width: auto;
	float: right;}

#left-col #newsletter p.submit {
	margin-bottom: 0;}

#left-col #partnerlogos img {
	margin-bottom: 10px;
}

#left-col #rssfeeds {
	border-bottom: 1px solid #f60;
}

.feed-list {
  margin-bottom: 15px;
  padding: 0;
  list-style-type: none;
}

.feed-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("/images/feed-icon-14x14.png") no-repeat 0 50%;
  list-style-type: none;
} 

/**
 * RIGHT COLUMN
 */
#right-col div {
	margin-bottom: 6px;}

#right-col #music-search {
	padding-bottom: 6px;
	background-color: #9C9E9F;}

#right-col #music-search h6 {
	text-indent: -9999em;
	overflow: hidden;
	height: 29px;
	background: transparent url(/images/music-search-h6.gif) top left no-repeat;}

#right-col #music-search p {
	margin: 6px;
	font-size: 0.75em;}

#right-col #music-search p#advanced-search {
	margin-bottom: 0;
	text-align: right;}

#right-col #music-search p a {
	text-align: right;}

#right-col #music-search p a:link, #right-col #music-search p a:visited {
	color: #FFF;
	text-decoration: none;}

#right-col #music-search p a:link:hover, #right-col #music-search p a:visited:hover {
	text-decoration: underline;}

#right-col #music-search form input {
	display: inline;
	line-height: 1.5em;
	vertical-align: middle;
	height: 1.5em;
	border: 0;
	width: 80%;}

#right-col #music-search form input.button {
	margin-left: 5px;
	display: inline-block;
	color: #FFF;
	background-color: #000;
	width: 15%;}

#right-col #quote {
	background: #FF8C40 url(/images/quote-bg.gif) top left repeat-x;
	padding: 6px;}

#right-col #quote h6 {
	position: relative;
	left: -6px;
	top: -6px;
	height: 19px;
	text-indent: -9999em;
	overflow: hidden;
	background: #000 url(/images/quote-h6.gif) left center no-repeat;}

#right-col #quote q {
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}

#right-col #quote q:before, #right-col #quote q:after {
	content : '';}	

#right-col #quote cite {
	font-style: normal;
	text-transform: uppercase;
	display: block;
	clear: both;}

#right-col #quote cite a:link, #right-col #quote cite a:visited {
	color: #000;
	font-size: 0.75em;
	text-decoration: underline;}

#right-col #quote cite a:link:hover, #right-col #quote cite a:visited:hover {
	text-decoration: none;}

#right-col #demo_cds {
	background: transparent url(../images/listen-compilations-bg.gif) top left repeat-y;}

#right-col #demo_cds .edges {
	background: transparent url(../images/listen-compilations-corners.gif) bottom left no-repeat;
	padding-bottom: 10px;}

#right-col #demo_cds h3 {
	width: 225px;
	height: 19px;
	text-indent: -9999em;
	overflow: hidden;
	background: transparent url(../images/listen-compilations-h3.gif) top left no-repeat;}

#right-col #demo_cds h4 {
	margin: 7px;
	font-weight: bold;
	color: #FFF;}

#right-col #demo_cds p {
	margin: 7px;
	color: #FFF;}

#right-col #demo_cds p a:link, #right-col #demo_cds p a:active, #right-col #demo_cds p a:visited {
	color: #FFF;
	text-align: right;
	display: block;
	font-size: 0.75em;}

#right-col #demo_cds ul {
	list-style: none;
	border: 1px solid #FFF;
	margin: 7px 7px 0 7px;}

#right-col #demo_cds ul li.even {
	background: #3D3C3F url(../images/listen-compilations-even-arrow.gif) 195px center no-repeat;}

#right-col #demo_cds ul li.odd {
	background: transparent url(../images/listen-compilations-odd-arrow.gif) 195px center no-repeat;}

#right-col #demo_cds ul li a {
	font-size: 0.75em;
	color: #FFF;
	padding: 0.3em 0 0.2em 7px;
	text-decoration: none;
	display: block;
	zoom: 1;}

#right-col #demo_cds ul li a:link:hover,
#right-col #demo_cds ul li a:visited:hover {
	text-decoration: underline;}

/**
 * CENTER COLUMN
 */
#center-col p, #center-col ol, #center-col ul, #center-col table {
	margin-bottom: 1em;}

#center-col p, #center-col ol, #center-col ul, #center-col th, #center-col td {
	font-size: 0.75em;}

#center-col p.intro {
	font-weight: bold;}

#center-col p.disclaimer {
	font-style: italic;
	font-size: 0.75em;}

#center-col p.details {
	border-bottom: 1px solid #000;}

#center-col p.details a:link, #center-col p.details a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #000;}

#center-col p.details span {
	font-size: 0.75em;
	float: left;}

#center-col p.details span.date {
	font-size: 1em;
	font-weight: bold;
	float: right;}

#center-col p a:link, #center-col ol a:link, #center-col ul a:link, #center-col th a:link, #center-col td a:link,
#center-col p a:visited, #center-col ol a:visited, #center-col ul a:visited, #center-col th a:visited, #center-col td a:visited, #left-col #rssfeeds a:link, #left-col #rssfeeds a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;}

#center-col p a:link:hover, #center-col ol a:link:hover, #center-col ul a:link:hover, #center-col th a:link:hover,
#center-col td a:link:hover, #center-col p a:visited:hover, #center-col ol a:visited:hover, #center-col ul a:visited:hover,
#center-col th a:visited:hover, #center-col td a:visited:hover, #left-col #rssfeeds a:link:hover, #left-col #rssfeeds a:visited:hover {
	color: #F60;}

#center-col h2, #center-col h3, #center-col h4, #center-col p, #center-col table, #center-col div.hr, #center-col #latest-video, #center-col .latest-video,
#center-col #democd_player, #center-col #democd_current, #center-col .player {
	margin-left: 12px;
	margin-right: 12px;}

#center-col #democd_current {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.75em;
	font-weight: bold;
	color: #F60;}

#center-col #democd_current span {
	color: #000;}

#center-col h2 {
	font-size: 1.5em;}

#center-col div.genre h2 {
	font-size: 1.2em;}

#center-col h2 span {
	font-weight: normal;}

#center-col img.left {
	margin-right: 6px;
	margin-left: 12px;
	/*margin-bottom: 3px;*/
	float: left;}

#center-col h3 {
	color: #F60;
	font-size: 0.75em;
	font-weight: bold;}

#center-col h3.agendaitem,
#center-col h3.projectitem
{
	margin-top: 0.5em;
	font-size: 1em;}

#center-col h3.agendaitem a:link, #center-col h3.agendaitem a:visited, 
#center-col h3.projectitem a:link, #center-col h3.projectitem a:visited
 {
	color: #F60;
	text-decoration: underline;}

#center-col h3.agendaitem a:link:hover, #center-col h3.agendaitem a:visited:hover,
#center-col h3.projectitem a:link:hover, #center-col h3.projectitem a:visited:hover
{
	text-decoration: none;
}

#center-col h3.artist {
	color: #000;}

#center-col div.project img {
	float: left;
	margin-left: 12px;
	margin-top: 5px;
	margin-right: -83px;
}

/*#center-col div.project h3 {
	margin-top: 2em;}

#center-col div.project h3 a {
	float: left;}

#center-col div.project h3 span a {
	float: none;}

#center-col div.project h3 a:link, #center-col div.project h3 a:visited {
	color: #F60;
	text-decoration: none;}

#center-col div.project h3 a:link:hover, #center-col div.project h3 a:visited:hover {
	text-decoration: underline;} 

#center-col div.project h3 span.genre a:link, #center-col div.project h3 span.genre a:visited {
	font-size: 0.5em;
	color: #000;
	text-transform: uppercase;
	text-decoration: underline;}

#center-col div.project h3 span.genre a:link:hover, #center-col div.project h3 span.genre a:visited:hover {
	text-transform: uppercase;
	text-decoration: none;}

#center-col div.project h3 span {
	float: left;}

#center-col div.project h3 span.genre {
	width: 7em;}

#center-col div.project h3 span.date {
	font-size: 0.75em;
	margin-top: 4px;
	float: right;}*/

#center-col div.project {
	margin-bottom: 20px;
	zoom: 1;
}

#center-col div.project p.project {
	position: relative;
	width: 416px;
	left: 93px;}

#center-col ol, #center-col ul {
	margin-left: 30px;}

#center-col div.hr {
	height: 0;
	overflow: hidden;
	border-top: 1px solid #F60;}

#center-col .album-thumbs {
	margin-left: 12px;
	zoom: 1;
	list-style: none;}

#center-col .album-thumbs .album {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;}

#center-col .album-thumbs .album a {
	width: 80px;
	display: inline-block;}

#center-col #latest-video, #center-col .latest-video {
	float: left;}

#center-col table.tracklist {
	width: 509px;
	border-collapse: collapse;
	border-bottom: 1px solid #F60;}

#center-col table.tracklist th {
	border-top: 0;
	text-align: left;
	border-bottom: 1px solid #F60;}

#center-col table.tracklist tr.upper td {
	background-image: url(/images/tracklist-border.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 7px;
	padding-bottom: 3px;
	font-weight: bold;}

#center-col table.tracklist tr.upper td.trackno {
	width: 15%;
	padding-left: 5px;}

#center-col table.tracklist tr.lower td {
	background-image: url(/images/tracklist-border.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 7px;
	font-size: 0.6em;}

#center-col table.tracklist tr.odd td {
	background-color: #FFB27F;}

#center-col table.tracklist tr.even td {
	background-color: #FFD9BF;}

#center-col table.tracklist tr td.artist {
	width: 150px;}

#center-col table.tracklist tr.odd td.active, #center-col table.tracklist tr.even td.active {
	background-color: #000;
	color: #FFF;}
	
#center-col table.tracklist tr.odd td.active a, #center-col table.tracklist tr.even td.active a {
	color: #FF6600;
}


#center-col table.tracklist tr td.controls {
	text-align: center;
	width: 50px;}

#center-col form#contact-form label {
	color: #F60;}

#center-col form#contact-form input.button {
	border: 0;
	background-color: #000;
	padding: 2px 4px 3px 4px;
	color: #FFF;}

#center-col form#musicsearch label {
	display: block;
	float: left;
	width: 5em;}

#center-col #searchresults {
	margin: 0 12px;
	border-top: 1px solid #F60;
	list-style: none;
	margin-bottom: 1.5em;}

#center-col #searchresults li,
#center-col #searchresults li span {
	background-image: url(/images/tracklist-border.gif);
	background-repeat: repeat-x;
	display: block;}

#center-col #searchresults li {
	background-position: top left;
	_display: inline-block;
	padding-top: 5px;}

#center-col #searchresults li.odd {
	background-color: #FFB27F;}

#center-col #searchresults li.even {
	background-color: #FFD9BF;}

#center-col #searchresults li span {
	padding-bottom: 5px;
	background-color: transparent;
	background-position: bottom left;}

#center-col #searchresults li span a:link,
#center-col #searchresults li span a:visited {
	color: #000;
	text-decoration: none;
	margin-left: 5px;}

#center-col p em.organisation {
	font-style: normal;
	color: #F60;}

#center-col table#headlines {
	width: 509px;}

#center-col table#headlines td {
	vertical-align: top;
	white-space: nowrap !important;
}

#center-col table#headlines td.date {
	white-space: normal !important;
	text-align: right;}

#center-col p.pagination {
	text-align: center;}

#center-col p.pagination span {
	font-weight: bold;
	color: #F60;}

#center-col p.pagination a:link,
#center-col p.pagination a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #000;}

#center-col ul.files {
	overflow: hidden;
	display: block;
	margin: 12px;
	list-style: none;
	position: relative;}

#center-col ul.files li {
	list-style: none;
	position: relative;
	/*float: left;*/
	zoom: 1;}
	
#center-col ul.files li span {
	position: relative;
	margin: 0px 10px;
	top: -10px;}	

#center-col table#musicsitemap {
	margin: 0px 12px;}

#center-col table#musicsitemap td {
	vertical-align: top;
	padding-right: 3px;}

#center-col table#musicsitemap td.genre {
	width: 150px;}

#center-col p.pagination a:link:hover,
#center-col p.pagination a:visited:hover {
	text-decoration: underline;}

div#slidewindow {
	position: relative;
	width: 175px;
	padding-top: 20px;
	overflow: hidden;}

div#slidewindow .scroll-left, div#slidewindow .scroll-right {
	position: absolute;
	cursor: pointer;
	z-index: 50;
	padding-left: 10px;
	padding-right: 10px;
	top: 0;}

div#slidewindow .scroll-left {
	left: 0;}

div#slidewindow .scroll-right {
	right: 0;}

div#slider {
	position: relative;
	left: 0;
	width: 3300px;}

table.month {
	float: left;
	padding-left: 10px;
	width: 175px;}

table.month th, table.month td {
	text-align: left;
	font-size: 0.8em;}

p.calendarheader {
	text-align: middle;
	font-weight: bold;
	position: absolute;
	padding-left: 40px;
top: 0;}

a.calendarlink {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

table#press {
	width: 510px;
}

table#press td {
	vertical-align: top;
	font-size: 1em;
}


#left-col #partnerlogos, #left-col #rssfeeds {
	margin: 6px;
}

#left-col ul#feeds {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	zoom: 1;
}

#left-col ul#feeds li {
	position: relative;
	display: block;
	float: left;
	margin: 10px 14px;
	height: 32px;
	zoom: 1;
}
