@import "reset.css";

/* - html elements - */
body {background:#fff; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:75%; padding-bottom:15px;}
a {text-decoration:none; color:#448ccb;}
a:hover {text-decoration:underline;}
h1 {font-size:2em; margin-bottom:10px; color:#448ccb; font-weight:bold;}
h2 {font-size:1.4em; margin-bottom:6px; color:#448ccb; font-weight:bold;}
p {margin-bottom:10px;}

/* - global - */
#main {margin:15px auto; width:1024px; padding: 0 15px 0 15px;}
#header {border-bottom:1px solid #ccc; width:100%; float:left; margin-bottom:12px;}
#logo {background:#fff url('../images/logo.jpg'); float:left; height:30px; margin:0 26px 14px 0; width:192px; text-indent:-9999px;}
#nav {float:left; margin:9px 0 10px 0;}
#nav li {float:left; margin-right:8px; border-right:1px solid #ccc; height:15px; padding:3px 8px 0 0;}
#nav .last {border:none;}
#search {float:left; margin-bottom:9px; width:1024px;}
#search form {margin:0 auto; width:650px;}
#search-txt  {background:#fff url('../images/search-bg.jpg'); width:620px; height:22px; border:none; padding:6px 0 0 30px;}
#search-btn {display:none;}
#left {float:left; margin-bottom:10px;}
#right {float:right; margin-bottom:10px;}

#med-rec {background-color:#ebebeb; height:250px; margin-bottom:0; width:300px;}
#med-rec iframe {display:block;}

#leaderboard {background-color:#ebebeb; clear:left; float:left; height:90px; margin-bottom:40px; width:728px;}

#footer {border-top:1px solid #ccc; width:100%; margin-bottom:20px; float:left;  padding-top:10px;}
#footer-links {float:left;}
#footer-links li {float:left; margin-right:20px;}
#footer-note {float:right; font-size:0.9em; color:#464646;}

#artist-name {width:100%; float:left; margin-bottom:12px;}

#media-player {background-color:#f7f7f7; float:left; margin-bottom:40px; width:1024px;}

.left-column {
	float: left;
	width: 705px;
}

.right-column {
	float: left;
	margin-left: 18px;
	width: 300px;
}

.med-rect {
	background-color: #FFFFFF;
	width: 300px;
	height: 250px;
	color: #000000;	
}

.artist-med-rect{
	margin-left:150px;
}

#hiddenLeaderboard {
	visibility:hidden;
}

#hiddenIsland {
	visibility:hidden;
}

#letters {
	float: left;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 12px;
}
#artists {
	float: left;
	clear: both;
	border-right: 1px solid #CCCCCC;
	margin-right: 12px;
}

#genres {
	float: left;
	border-right: 1px solid #CCCCCC;
	margin-right: 12px;
}

#sort {
	margin-bottom: 12px;
	padding: 0 0 85px 0;
}

#pager {
	float: right;
}

.home-mrec-spacing {margin-top: 23px;}

div#artists ul {margin:0 0 0 0;padding:0 0 16px 0;font-size:1.2em;width:170px;float:left;}
div#artists ul li {}
div#artists ul a {padding:4px 0 4px 16px;line-height:1.9;background:url('/images/bg_li.gif') no-repeat 0 8px;}
div#artists ul a.current {font-weight:bold;}

div#genres ul {margin:0 0 0 0;padding:0 0 16px 0;font-size:1.2em;width:170px;float:left;}
div#genres ul li {}
div#genres ul a {padding:4px 0 4px 16px;line-height:1.9;background:url('/images/bg_li.gif') no-repeat 0 8px;}
div#genres ul a.current {font-weight:bold;}

div#sort ul {margin:0 0 0 0;padding:0 0 16px 20px;font-size:1.2em;float:left;}
div#sort ul li {}
div#sort ul a {padding:4px 0 4px 16px;line-height:1.9;background:url('/images/bg_li.gif') no-repeat 0 8px;}
div#sort ul a.current {font-weight:bold;}

div#sitemap ul {margin:0 0 0 0;padding:0 0 16px 0;font-size:1.2em;float:left;}
div#sitemap ul li {}
div#sitemap ul a {padding:4px 0 4px 16px;line-height:1.9;background:url('/images/bg_li.gif') no-repeat 0 8px;}

.bullet-list {padding:5px 0 5px 15px;}
.bullet-list li{padding:4px 0 4px 16px;background:url('/images/bg_li.gif') no-repeat 0 8px;}

/* - track listings - */
.track-listings {float:left; margin-bottom:10px; width:628px;}
.track-listings .header {border-bottom:1px solid #ccc; float:left; width:628px; margin-bottom:14px;}
.track-listings h2 {float:left;}
.track-listings .row {float:left; margin-bottom:40px; width:100%;}
.track-listings .count {float:right; margin-right:10px; font-size:0.9em;}
.track-listings .more {float:right; font-weight:bold; font-size:0.9em;}
.track-listings .track {float:left; width:156px;}
.track-listings .thumb {float:left; margin-bottom:5px; border:1px solid #737373;}
.track-listings .thumb img {display:block;}
.track-listings .play {margin:3px 0 0 5px; position:absolute; display:block;}
.track-listings .title {float:left; margin-bottom:6px; width:148px; font-weight:bold;}
.track-listings .artist {float:left; width:148px; margin-bottom:5px; font-size:0.9em;}
.track-listings .views {color:#959595; font-size:0.9em;}

/* A - Z letter list */
ul#mlAZ {list-style:none;height:45px;padding:0 0 0 10px;margin:2px 0 6px 4px;width:931px;}
ul#mlAZ li {float:left;}
ul#mlAZ li a {display:block;width:34px;height:45px;line-height:2.9;text-align:center;font-weight:bold;font-size:1.5em;color:#3c434b;}
ul#mlAZ li a:hover, ul#mlAZ li a.loading {background:#3c434b;color:#448ccb;text-decoration:none;background:url('/images/musiclib/bg_az.jpg') no-repeat -941px 0;}
ul#mlAZ li a.current {color:#448ccb}

.track-display {padding:5px; border:1px solid #ccc; float:left; margin-bottom:10px; width:700px}
.track-display .thumb {float:left; margin-bottom:5px; border:1px solid #737373;}
.track-display .track-info {float:left; margin-left: 5px;}
.track-display .track-info table {margin-top: 20px;}
.track-display .track-info table .info-label {width:90px; height: 20px; font-size:1em; font-weight:bold;}

#about_us {width:680px;}