
body {
background: url(http://gicdn.ghostly.com/discovery/assets/img/colorstripe.gif) repeat-x #2a2a2a;
}

.container {
width: 960px;
margin: 0 auto;
}

.header {
float: left;
background: #1e1e1e;
width: 940px;
}

.header .brand {
float: left;
margin-right: 300px;
}

.header .download {
float: right;
}

.header .download a {
color: #666;
font-family: arial;
font-size:11px;
}

.header .share {
margin-top: 20px;
margin-bottom: 40px;
}

.header .share a {
font-family: arial;
font-weight: bold;
color: #f0f0f0;
text-decoration: none;
cont-size: 11px;
}

.header .share a.facebook {
float: left;
background: url(http://gicdn.ghostly.com/discovery/assets/img/facebook.png) no-repeat;
padding-left: 20px;
height: 20px;
display: block;
margin-right: 20px;
}

.header .share a.twitter {
float: left;
background: url(http://gicdn.ghostly.com/discovery/assets/img/twitter.png) no-repeat;
padding-left: 20px;
height: 20px;
display: block;
margin-right: 20px;
}

.header .share a.email {
float: left;
background: url(http://gicdn.ghostly.com/discovery/assets/img/email.png) no-repeat 0 2px;
padding-left: 20px;
height: 20px;
display: block;
}

#content {
clear: both;
float: left;
width: 100%;
margin-top: 18px;
padding: 30px 0;
}

.favorites {
float: left;
width: 720px
}

.notifications {
float: left;
width: 940px;
padding-bottom: 15px;
border-bottom: 4px solid #1e1e1e;
margin-bottom: 30px;}

.error-notification {
width: 600px;
margin: 0 auto;
height: 200px;
background: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000;
padding: 20px 60px;
}

.error-notification p {
font-family: arial;
font-size: 20px;
text-align: center;
}

.error-notification strong {
display: block;
font-size: 60px;
text-align: center;
color: #666;
}

.your-station,.name-your-station, .anonymous-station {
text-align: center;
}

.your-station h1 {
font-family: arial;
font-size: 10px;
color: #666;
text-transform: uppercase;
}

.your-station h2 {
font-family: arial;
font-size: 30px;
font-weight:bold;
color: #f0f0f0;
}

.your-station h3 {
font-size: 14px;
font-family: arial;
padding: 0 150px;
color: #666;
}

.your-station h4 a {
color: #ccc;
font-family: arial;
font-size: 12px;
text-decoration: none;
}

.name-your-station {
background: url(http://gicdn.ghostly.com/discovery/assets/img/namingbox.png) no-repeat;
height: 129px;
padding: 20px 0;
}

.name-your-station h1 {
font-family: arial;
font-size: 25px;
font-weight: bold;
color: #fff;
}

.name-your-station h2 {
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #999;
}

.name-your-station h3 {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #999;
}

.name-your-station form {
margin-top: 10px;
}

.name-your-station .input {
width: 250px;
padding: 6px;
font-size: 15px;
}

.name-your-station .button {
border: none;
background: url(http://gicdn.ghostly.com/discovery/assets/img/namebutton.png) no-repeat 0px 0px;
height: 35px;
width: 132px;
cursor: pointer;
padding: 12px;
}

.anonymous-station h1 {
font-family: arial;
font-size: 10px;
color: #ccc;
text-transform: uppercase;
margin: 0 0 0px 0;
}

.anonymous-station a {
color: #666;
font-size: 11px;
font-family: arial;

}
dl, dd {
margin: 0;
padding: 0;
}

dl {
float:left;
width: 220px;
margin: 0 20px 20px 0;
padding: 0;
background: #1a1a1a url(http://gicdn.ghostly.com/discovery/assets/img/release_bottom.gif) no-repeat bottom left;
}


dl.last-release {
margin: 0;
padding:0;
background: none;
}

dl.last-release dd {
margin: 0;
padding: 0;
}




dl.release {
height: 337px;}
dt {
padding: 10px;
font-size: 130%;
color: #fff;
background: #1a1a1a url(http://gicdn.ghostly.com/discovery/assets/img/release_top.gif) no-repeat top left;
}

dd {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
color: #666;
font-family: Verdana, sans-serif;
font-size: 90%;
}

dl.release dt img {
width: 188px;
padding: 5px 5px 0 5px;
}

.artist,.track,.album,.buy {
color: #fff;
font-family: arial;
}

.artist {
font-size: 11px;
color: #eee;
}

.track {
font-size: 14px;
color: #fff;
font-weight: bold;
height: 35px;
line-height: 15px;
}

.album {
font-size: 11px;
color: #666;
}

.buy {
float: left;
padding-bottom: 10px;
}

.buy a {
color: purple;
font-size: 10px;
}

.sidebar {
float:left;
width: 240px;
}

.sidebar .info {
margin-top: 20px;
}

.sidebar .info a {
color: #fff;
text-decoration: none;
font-size: 12px;
display:block;
margin: 10px 0;
font-weight: bold;
width: 155px;
}

.sidebar p {
font-size: 11px;
font-family: arial;
color: #ccc;
width: 189px;
padding-left: 10px;
line-height: 20px;
}


.featured-playlists {
width: 220px;
margin: 50px 0;
padding-left: 10px;
}

.featured-playlists h1 {
color: #fff;
font-family: arial;
font-weight: bold;
font-size: 14px;
}

.featured-playlists h2 {
color: #666;
font-family: arial;
font-size: 12px;
margin-bottom: 20px;
}

.featured-playlists li a {
color: #fff;
font-family: arial;
text-decoration: none;
font-size: 12px;
}



.podcast {
background: url(http://gicdn.ghostly.com/discovery/assets/img/player_box.png) no-repeat;
width: 220px;
height: 337px;
}

.podcast embed {
margin: 17px 0 0 15px;
}

.podcast img {
margin-left: 15px;
}

.buttons span {
float:left;
margin-right: 20px;
font-size: 11px;
color: #666;
width: 70px;
font-weight: bold;
padding-top: 3px;
}

.buttons ul {
float: left;
}

.buttons li {
float: left;
width: 27px;
padding-bottom: px;
}

a#Amazon {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -99px 0 red;height: 21px;
width: 27px;
cursor:pointer;
display:block;
}

a#Amazon:hover {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat;
}

a#Ghostly {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -121px 0;
height: 21px;
width: 27px;
cursor:pointer;
display:block;
}

a#Ghostly:hover {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -22px 0;
}

a#Beatport {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -145px 0;
height: 21px;
width: 27px;
cursor:pointer;
display:block;
}

a#Beatport:hover {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -46px 0;
}

a#iTunes {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -169px 0;
height: 21px;
width: 27px;
cursor:pointer;
display:block;
}

a#iTunes:hover {
background: url(http://gicdn.ghostly.com/discovery/assets/img/discovery_icons.gif) no-repeat -70px 0;
}




.footer {
clear:both;
float: left;
margin: 50px 0 0 240px;
}

.footer li {
float: left;
margin-right: 10px;
color: #666;
}

.footer li a {
color: #fff;
font-family: arial;
font-size: 12px;
text-decoration: none;
}

.footer .sub {
font-size: 11px;
font-family: arial;
}

.footer .sub a {
font-size: 11px;
}

.hide {display:none;}
.error {border: 3px solid red;}

