@CHARSET "UTF-8";

/* tło */
html,body {
}

body {
	background-color: #cccccc;
	background-image: url("img/background.gif");
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
}

div#container {
	width: 1000px;
	margin: auto;
	background-image: url("img/bg.png");
}


/* - header -------------------- */

div#header {
	background-color: #6699FF;
	width: 962px;
	margin-left: 19px;
	height: 104px;
	padding-top: 0px;
}

div#logo {
	float: left;
	width: 160px;
	padding: 0px;
	margin: 0px;
	height: 104px;
}
div#logo img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
	
div#banner {
	float: left;
	width: 600px;
	text-align: center;
	height: 98px;
	padding-top: 6px;
}

div#calendar {
	float: left;
	color: white;
	font-size: 10px;
	left: 800px;
	width: 190px;
	margin-left: 10px;
	padding-top: 6px;
}

/* - nav ----------------------- */
div#nav {
	width: 180px;
	padding: 0px;
	margin-top: 20px;
	float: left;
	background: #F9E38D;
	margin-bottom: 10px;
}

ul#menu {
	list-style: none;
	background-image: url("img/menu-bg.gif");	
	background-repeat: repeat-y;
	width: 173px;
	padding-left: 0px;
	margin: 0px;
}

ul#menu li {
	font-family: Verdana;
	font-size: 16px;
	color: white;
	padding-bottom: 0px;
	padding-top: 0px;
}

ul#menu li.first {
	background-image: url("img/menu-top.gif");
	background-repeat: no-repeat;
	padding-top: 10px;
}

ul#menu li.last {
	background-image: url("img/menu-bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
}

ul#menu li.current a {
	border-left: 10px solid #CCCCFF;
	margin-left: 5px;
	padding-left: 6px;
}

ul#menu li a {
	color: white;
	text-decoration: none;
	margin-left: 5px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
	border-bottom: 1px solid #CCCCFF;
}

ul#menu li.first a {
	border-top: 1px solid #CCCCFF;
}

ul#menu li a:hover {
	color: white;
	text-decoration: none;
	background-color: #88AAFF;
}

/* - content ------------------- */
div#content {
	width: 600px;
	padding: 0px;
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	text-align: justify;
}

div#text {
	padding-bottom: 20px;
}

div#text p {
	font-size: 14px;
	line-height: 21px;
}

div#text h1 {
	margin: 0px;
	font-size: 25px;
}

div#text h2 {
	margin-bottom: 5px;
	margin-top: 5px;
	
	font-size: 18px;
}



div#text fieldset {
	border: none;
}

/* - sidebar ------------------- */
div#sidebar {
	width: 190px;
	padding: 0px;
	padding-top: 15px;
	float: left;
	text-align: center;
}

/* - footer -------------------- */
div#footer {
	background-color: #6699FF;
	margin-left: 19px;
	width: 962px;
	clear: both;
	color: white;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

div#footer a {
	color: white;
	text-decoration: none;
}


/* - discography - ---------------- */
div.album {
	padding-bottom: 20px;
}

div.album a.title {
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 40px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	color: black;
}


div.album a.title img {
	position: absolute;
	border: none;
}

div.album a.title h2 {
	position: absolute;
	margin-left: 70px;
}

div.album a.title span {
	margin-left: 450px;
	margin-top: 3px;
	border: 1px solid #CCCCCC;
	width: 120px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	font-size: 18px;
}

div.album ol {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 330px;
	float: right;
	list-style: none;
}

div.album li.track {
	vertical-align: middle;
	font-size: 18px;
}

div.album li.track a {
	text-decoration: none;
	color: black;
}

div.album li.download {
}

div.album li.download a {
	text-decoration: underline;
}

div.album div.tracks div.description {
	clear: both;
}