/* @override http://brettterpstra.dev/share/lastfm/style.css */

body {font-family:"Helvetica Neue",Arial,sans-serif;background:#fff;}
h1 {text-align:center;font-size:2em;font-weight:bold;text-transform:uppercase;margin-top:50px;}
.panes>div {
  float:left;
  width:100%;
  margin:10px auto;
}
#lastfm_menu {
  display:block;
  width:360px;
  margin:10px auto;
  clear:both;
}
#lastfm_menu li {
  float:left;
}
#lastfm_menu li a {
  width:auto;
  padding:10px;
  border:solid 1px #777;
  margin:1px;
  -moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-radius-topright: 10px;
  text-decoration:none;
  color:#999;
  font-weight:bold;
}
h2 a {
  display:block;
  margin:0 auto;
  text-align:center;
  text-decoration:none;
  color:#b74948;
}
#lastfm_menu li a.current {
  border-bottom:none;
  color:#333;
}
ul {
  list-style:none;
}
#tracks ul {width:500px;margin:0 auto;}
#tracks li {margin:10px;}
#tracks li img {float:left;clear:left;margin:10px;}
#tracks li a,#artists li a {
	display:block;
	width:400px;
	white-space:pre;
	overflow:hidden;
	padding:10px;
	float:left;
	background:#333;
	-moz-border-radius:10px;-webkit-border-radius:10px;
	color:white;
	text-decoration:none;
	margin-top:4px;
	border:solid 1px #333;
}

li a:hover {
	background:#fff;
	border:solid 1px black;
	color:black;
}
li.nowplaying a {background:#4b613c;}
#artistlist {
  float:left;
  width:100%;
  position:relative;
  text-align:center;
  clear:both;
}
#artists li {
  float:left;
  margin:2px;
}
#artists li a {
  display:block;
  width:220px;
  background-color:#eee;
  border:solid 1px #ccc;
  -webkit-box-shadow: 4px 4px 12px #999;
-moz-box-shadow: 4px 4px 8px #333;
box-shadow: 4px 4px 8px #333;
}
#artists li img {
  border:solid 1px #aaa;
  opacity:0.4;
  -webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
}
#artists li img:hover {
  opacity:1;
}
#artists li span {
  display:block;
  float:left;
  font-size:12px;
  text-indent:10px;
  color:#666;
  font-weight:bold;
  text-shadow:-1px 0 0 #fff;
}
#artists p {
  position:absolute;
  right:10px;
  top:10px;
}
#artists p>a {
  color:#999;
  text-decoration:none;
}
#artists p>a:hover {
  color:#333;
}