body {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 100%; color: #880073; background-color: #eeeeee}
input, select {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 100%; width: 200px;}
table {font-family: Georgia}

ul { padding: 0; margin: 0;}
ol { padding: 0; margin: 0;}
li {list-style: none; text-align: left; display: block}

h1
{
	color: #343434;

}
h2
{
	color: #565656;
}

.transOfferRow
{
	list-style: none; height: 29px; border-top: 10px solid #FFFFFF; width: 610px
}
.offerRow
{
	background: #eee; list-style: none; height: 29px; border-top: 10px solid #FFFFFF; width: 610px; padding-left:5px;
}
	h3.offer
	{
		padding: 0px; margin: 0px; font-size: 14px; font-weight: normal; line-height: 29px;
	}

#h3_header
{
	font-size: 120%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
}

.semantic
{
	display: none;
}


#h5_header
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 40px;
	left: 10px;
	font-size: 75%;
	color: #FFF;
}


#header
{
	positon: absolute;
	top: 0px;
	left: 0px;
	width: 850px;
	height: 70px;
	background-color: #880073;
	color: #FFFFFF;
	background: url(/images/header_bg.png) bottom left repeat-x;
}

#navigation a
{
	padding: 3px;
	positon: absolute;
	top: 0px;
	left: 0px;
	color: #880073;
	background-color: #efefef;
	font-size: 80%;
	letter-spacing: 0.05em;
	text-decoration: none;
}

#navigation a.active
{
	padding: 3px;
	positon: absolute;
	top: 0px;
	left: 0px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 75%;
	text-decoration: none;
}

#navigation a:before
{
	content: "»";
}

#navigation a:hover
{
	color: #fff;
	background-color: #c597c1;
}

#navigation ul
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

#navigation ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	padding: 2px 10px 5px;
}

#content
{

	margin: 0px;
	padding: 0px;
	padding: 20px;
	padding-top: 5px;
	height: 600px;
	color: #333;
}

#content h1
{
	margin: 0px;
	padding: 0px;
	font-size: 140%;
}

#content table
{
	margin: 0px;
	margin-top: 20px;
	padding: 0px;

	position: relative;
	top: -20px;
	left: 0px;
	width: 710px;

	font-size: 85%;
}

#content table tr:hover
{
	cursor: pointer;
	background-color: #880073;
	color: #FFF
}

#content table tr td {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 100%; color: #333; background-color: #eeeeee;}

#content a
{
	color: #454545;
	text-decoration: none
}

#content h2 a
{
	color: #676767;
	text-decoration: none
}

#content a:hover
{
	color: #880073;
	text-decoration: none
}

#breadcrumb
{
	position: relative;
	top: 20px;
	left: 10px;
	font-size: 11px;
	margin-bottom: 15px;
	color: #999;
	width: 800px;
}

#breadcrumb a
{
	color: #666;
	font-weight: bold;
	text-decoration: underline
}

#breadcrumb a:hover
{
	color: #880073;
	text-decoration: none
}

#breadcrumb ul
{
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}

#breadcrumb ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	padding: 2px 2px 2px;
}

#tagcloud
{
	float: left; width: 610px; margin-top: 8px; text-align: justify; line-height: 20px
}

#tagcloud ul
{
	list-style: none;
}

#tagcloud li
{
	display: inline;
}

#tagcloud a
{
	color: #939393;
}


#tagcloud a:hover
{
	color: #880073;
}

li.artist
{
	cursor: pointer;

}
li.artist h2
{
	padding: 2px; margin: 0px; font-size: 20px; line-height: 27px; margin-top: 10px
}

li.album
{
	background: #eee; list-style: none; height: 29px; border-top: 10px solid #FFFFFF; width: 610px; padding-left:5px;
}

li.album:hover
{
	cursor: pointer;
	font-weight: bold;
}

li.album h3
{
	padding: 2px; margin: 0px; font-size: 14px; line-height: 27px
}

li.song:hover
{
	font-weight: bold;
	cursor: pointer
}

li.song
{

	background: #eee; list-style: none; height: 29px; width: 610px; padding-left:5px; line-height: 27px; font-size: 12px; border-top: 1px dotted #999;
}

.pager
{
width: 600px; text-align: center; margin-top: 15px; font-size: 14px
}