* {
	margin: 0;
	padding: 0;
}
body {
	font: 14px/18px  "Trebuchet MS", Tahoma, Arial, sans-serif;
	background: #EEF5F8 url(i/header-bg.gif) repeat-x;
	position: relative;
	width: 100%;
}
a {
	color: #3AAFFE;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {padding: 8px 0}
img {border: none}
input {vertical-align: middle}
blockquote {
	margin: 10px 10px 10px 20px;
	padding: 0 12px;
	background: #F4F4F4;
	border-left: 3px solid #E5E5E5;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
ul {list-style: none;}
.center {text-align: center}

#tbg {
	position: absolute;
	top: 0;
	left: 0;
	height: 254px;
	width: 50%;
	background: url(i/header-bg2.gif) repeat-x;
}
#wrapper {
	width: 100%;
	width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
	min-width: 1000px;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 254px;
	position: relative;
	background: url(i/header.jpg) 50% 0 no-repeat;
	overflow: hidden;
}
#logo {
	width: 775px;
	position: relative;
	top: 0;
	left: 50%;
	font-size: 29px;
	text-align: center;
	text-transform: uppercase;
}
#logo a {
	position: absolute;
	top: 30px;
	left: -50%;
	margin-left: 15px;
	padding: 10px 0 0 25px;
	width: 200px;
	height: 50px;
	color: #FE0184;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
}
#logo span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #31BBFF;
	margin: 3px 0 0;
}
#logo b {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 50px;
	background: url(i/header.jpg) -15px -30px no-repeat;
}

#top-nav {
	position: absolute;
	top: 38px;
	left: 41%;
	font-size: 12px;
	text-transform: uppercase;
}
#top-nav a {
	color: #B7B7AF;
	text-decoration: none;
	margin-right: 18px;
	background: url(i/arrow.gif) 0 2px no-repeat;
	padding: 0 0 0 18px;
}
#top-nav a:hover {
	color: #3AAFFE;
}

#letters {
	position: absolute;
	top: 221px;
	left: 0;
	width: 61%;
	height: 23px;
	background: #E9556F url(i/nav-bg.gif) repeat-x;
	list-style: none;
	text-transform: uppercase;
	padding: 9px 0 0 15px;
	color: #444;
}
#letters a {
	color: #FFF;
	padding: 0 1px;
}
#letters a:hover {
	color: #99E7FF;
}

#search {
	position: absolute;
	top: 230px;
	left: 47%;
	width: 200px;
}
#search input {
	float: left;
	font: 11px Arial, Tahoma;
}
.search {
	border: 1px solid #D83449;
	padding: 1px 4px;
	width: 130px;
	background: #F7D2DB;
}
.go {
	cursor: pointer;
	width: 46px;
	height: 18px;
	border: none;
	background: #E13352;
	padding: 0 0 2px;
	margin: 0 0 0 4px;
	color: #FBE4ED;
	border: 1px solid #F7889E;
	font-weight: bold !important;
}
@media all and (min-width: 0px) {
  .go {padding: 0}
}
.search:hover,
.go:hover,
search:focus {
	border: 1px solid #B32234;
}



/* Content
-----------------------------------------------------------------------------*/
#container {
	width: 100%;
	border-top: 4px solid #99E7FF;
	border-bottom: 1px solid #D4D4D4;
	padding: 4px 0 0;
	background: #FFF url(i/border.gif) repeat-y;
}
* html #container {height: 1%;}
#container:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#content {
	width: 100%;
	float: left;
	overflow: hidden;
}
#text {
	border: 1px solid #F2F1EF;
	border-width: 0 282px;
	padding: 10px 15px;
}

h2 {
	font: 25px/1 "Trebuchet MS", Arial, Tahoma;
	margin: 0 0 15px;
	color: #333;
}
h2 span {
	color: #D83449;
}
h3 {
	font-size: 18px;
	color: #D83449;
	margin: 25px 0 10px;
}
ul h3 {
	margin: 0 0 0px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 18px;
}

ul {
	width: 100%;
	overflow: hidden;
}
li {
	float: left;
	width: 100%;
	margin: 0 0 12px 0;
	border-top: 1px dotted #BBB;
	border-bottom: 1px dotted #BBB;
}
.search-results {
	margin: 5px 0 0 30px;
	list-style-type: disc;
	overflow: visible;
}
.search-results li {
	border: none;
	margin: 0;
	line-height: 23px;
	font-size: 15px;
}
li .image {
	float: left;
	margin: -1px 0;
	border-right: 15px solid #FFF;
	position: relative;
}
.image b,
#content li .image img {
	display: block;
	width: 120px;
	height: 120px;
	padding: 4px;
	border: 1px solid #CCC;
	position: relative;
	background: url(i/no_cover_big.jpg) 4px 4px no-repeat;
}
table .image img {
	padding: 4px;
	border: 1px solid #CCC;
}
.data {
	display: table;
	padding-left: 8px;
	height: 1%;
}
.artist {
	font-weight: bold;
	font-size: 18px;
	padding: 22px 0 0;
}
.artist a {
	color: #E54863;
}
.album {
	font-weight: bold;
	font-size: 18px;
	padding: 2px 0;
}
#albums .album {
  margin-top: -3px;
}
.year {
	margin: 14px 0 0;
	font-size: 11px;
	line-height: 14px;
}
#albums .year {
	margin: 5px 0 0;
}
.genre {
	font-size: 11px;
	line-height: 14px;
}
.genre a {
	font-weight: bold;
	color: #000;
}
#albums .genre a {
	color: #F68DA3;
}
#albums .genre strong {
	font-size: 12px;
}

table {
	width: 100%;
	border-collapse: collapse;
}
table th {
	padding: 6px 4px;
	border-bottom: 1px solid #888;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #444;
}
#track-list {
	margin: 15px 0;
}
#track-list th {
	background: #F2F1EF;
}
table td {
	padding: 4px;
	border-bottom: 1px dotted #BBB;
	font-weight: bold;
	font-size: 17px;
	color: #444;
}

.pager {
	padding: 25px 0;
	clear: both;
}

.rss a {
	float: right;
	width: 32px;
	height: 32px;
	background: #F5972A url(i/rss.gif) no-repeat;
}

#albums {
	margin: 30px 0;
	border-top: 1px dotted #BBB;
}
#albums strong {
	font-size: 16px;
	color: #F68DA3;
}
.price,
.tracks {
	font-size: 12px;
}
.download a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
}
.download a:hover {
	color: #E54863;
}


/* Left
-----------------------------------------------------------------------------*/
#left {
	float: left;
	width: 262px;
	padding: 10px;
	margin-left: -100%;
	position: relative;
	background: #F2F1EF;
}

#left .image,
#right .image {
	border-right: 10px solid #F2F1EF;
}
#left .image img,
#right .image img {
	padding: 4px;
	border: 1px solid #CCC;
	background: #FFF;
}
#left .data,
#right .data {
	padding-left: 5px;
}
#left .artist,
#right .artist {
	padding: 8px 0 0;
	font-size: 16px;
	line-height: 16px;
}
#left .album,
#right .album {
	font-size: 12px;
}
#left .year,
#right .year {
	margin: 0 0 8px;
	line-height: 11px;
	float: none;
}


/* Right
-----------------------------------------------------------------------------*/
#right {
	float: left;
	width: 262px;
	padding: 10px;
	margin-left: -282px;
	position: relative;
	background: #F2F1EF;
	overflow: hidden;
}

#genres-list {
	margin: 0 0 0 15px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	list-style-type: disc;
	color: #777;
}
#genres-list li {
	margin: 0;
	border: none;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #FFF;
	background: #BDBDB3;
	color: #FFF;
	text-align: center;
	padding: 15px 0;
	font-size: 11px;
	position: relative;
}
#footer a {
	color: #FFF;
}
#counter {
	position: absolute;
	top: 9px;
	right: 9px;
}