.main {
  font-family: "nimbus-sans-condensed",sans-serif;
  background-color: #2B2B2B;
}

#splash {
  position: absolute;
  height: 200px;
  width: 350px;
  top: 50%;
  left: 50%;
  margin-top: -125px;
  margin-left: -200px;
  padding: 25px;
  text-align: center;
  background-color: #2F2F2F;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 48px;
}

#username {
  font-size: 24px;
  font-family: "nimbus-sans", sans-serif;
  width: 330px;
  padding: 10px;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  border-style: none;
  background-color: #E0E0E0;
  background-position: 10px 50%;
  background-repeat:no-repeat;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	
}

.button {
  font-size: 24px;
  padding: 10px;
  font-family: "nimbus-sans", sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-top: solid 1px pink;
  background-color: red;
  overflow: auto;
  background: #ff3019; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
  background: linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}

.chart rect {
  fill: #33F;
  stroke: #FFF;
}

.section {
  overflow: auto;
  float: left;
  padding: 10px;
}

.year {
  font-weight: bold;
  font-size: 60px;
  color: #FFFFFF;
}

.release {
  clear: both;
  overflow: auto;
  float: left;
  margin: 10px 0;
  padding: 10px;	
  background-color: lightGray;
}

.number {
  padding-bottom: 10px;	
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.info {
  float: left;
}

.cover {
  float: left;
  clear: both;
  width: 300px;
  height: 300px;
}

.tracks {
  padding: 10px;
  position: absolute;
  margin-top: -305px;
  width: 280px;
  height: 280px;
  background-color:#FFFFFF02;
  overflow: auto;
}

.track {
  clear: both;
}

.song {
  float: left;
}

.song_count {
  float: right;
}

.artist {
  float: left;
  width: 150px;
}

.album {
  float: right;
  width: 150px;
  text-align: right;
}

.album_count {
  float: right;
  margin-top: 5px;
}