/* 
	480 2col
	230 1col
	darkblue: #003a55;
	
*/
*
{
	margin: 0;
	padding: 0;
	font: 12px Arial;
}

body
{
	background: #1a77a3;
}

h1, h2, h3
{
	font-size: 35px;
	color: #003a55;
}

h1, h2
{
	height: 60px;
	background: url('/images/BG-koppen.jpg') repeat-x 0 100%;
}

#header
{
	height: 120px;
	background: #2389b9 url('/images/BG-header.jpg') repeat-x 0 0;
}

#innerheader
{
	margin: 0 auto;
	width: 1000px;
}

#logo
{
	float: left;
	padding: 5px 0 0 0;
}

#innerheader ul
{
	float: left;
	margin: 0 0 0 170px;
	padding: 70px 0 0 0;
}

#innerheader ul li
{
	display: inline;
	margin-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #fff;
}

#innerheader ul li:last-child
{
	border: none;
}

#innerheader ul li a
{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

#innerheader ul li a:hover
{
	text-decoration: underline;
}

#main
{
	background: #fff;
}

#innermain
{
	margin: 0 auto;
	padding: 10px;
	width: 980px;
}

#footer
{
	height: 273px;
	background: transparent url('/images/BG-footer.jpg') repeat-x 0 0;
}

#innerfooter
{
	margin: 0 auto;
	padding: 20px 0 15px 0;
	width: 980px;
	border-bottom: 1px solid #fff;
	color: #fff;
}

#innerfooter ul
{
	float: right;
}

#innerfooter ul li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #fff;
}

#innerfooter ul li:last-child /* This is should work, but not in IE */
, #innerfooter ul li.last /* This works in IE, mother******   */
{
	padding: 0 0 0 10px;
	border-right: none;
}

#mblock
{
	float: left;
	margin: 0 20px 0 0;
	width: 730px;
}

#mblock #intro
{
	border-bottom: 1px solid #ffcebd;
	margin: 0 0 30px 0;
}

#mblock img
{
	float: right;
}

#mblock #intro p strong
{
	font-weight: bold;
}

#mblock p
{
	margin: 0 0 10px 0;
	width: 480px;
	font-size: 13px;
	line-height: 18px;
	color: #003a55;
}

#mblock #player
{
	float: left;
	/*margin: 0 20px 0 0;*/
	width: 500px;
	/*height: 244px;
	background: #000;*/
}

#mblock #player object
{
	margin-right: 20px;
	width: 230px;
}

#mblock #buttons
{
	float: left;
	width: 230px;
}

#mblock #buttons img
{
	border: 0px;
	margin: 0 0 20px 0;
}

#sblock
{
	float: left;
	margin: 0;
	width: 230px;
}

#sblock ul
{
	list-style: none;
}

#sblock li
{
	padding: 10px 0;
	border-bottom: 1px solid #ffcebd;
}

#sblock li strong
{
	display: block;
	font-size: 20px;
	color: #003a55;
}

#sblock li a
{
	display: block;
	margin: 5px 0;
	font-size: 16px;
	text-decoration: none;
	color: #006290;
}

#sblock li a:hover
{
	text-decoration: underline;
}

#sblock li p
{
	color: #009ce4;
}

#ablock
{
	clear: left;
	padding: 10px 0 0 0;
	margin: 0 0 60px 0;
}

#ablock .artist
{
	float: left;
	width: 230px;
	margin: 0 20px 0 0;
}

#ablock .artist img
{
	border-top: 1px solid #ffcebd;
	border-bottom: 1px solid #ffcebd;
}

#ablock .artist h4 
{
	margin: 0 0 10px 0;
	font-size: 23px;
	color: #003a55;
}

#ablock .artist:last-child
, #ablock .artist-last
{
	margin: 0;
}

#ablock .artist p
{
	line-height: 16px;
	font-size: 13px;
	color: #003a55;
}

#ablock .artist p:first-line
{
	font-weight: bold;
}

#ablock .artist a
{
	display: block;
	color: #003a55;
	font-size: 13px;
	font-weight: bold;
}

.clear
{
	clear: both;
	visibility: hidden;
}