Last.fm Style

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

@-moz-document domain("last.fm") {

#page {
/*  width: 980px !important;
  left: 50% !important;
  margin-left: -490px !important;*/
  width: 100% !important;

  padding: 0 !important;
  position: absolute !important;
  top: 31px !important;
  bottom: 96px !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 10px 0px rgba(120, 120, 120, .2) !important;
}

body,
.shouts .message p,
#events .location.adr {
  color: #48494d !important;
}

.site-footer,
#radioControlScrobbleToggle,
.feedback-message,
#shoutboxContainer,
.eventsSmall,
#events > h2 > span,
#events > p:nth-child(2),
#buyToggle2 > strong:nth-child(1),
.primary-nav a[href*="/originals"] {
  display: none !important;
}

#events > h2 {
  border-top: none !important;
}

body[style*="background-image"] #content,
.skin-active #content {
  box-shadow: none !important;
}

#webRadioWrapper {
  overflow: visible !important;
}

body {
  background: #EDEEF1 !important;
  margin-top: 32px !important;
}

#content {
  background: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
}

* {
  font-family: 'Open Sans', sans-serif !important;
}

a:active,
a:focus {
  outline: none !important;
}

/* icons */
.iconleft--small.iconleft--light:before,
.iconright--small.iconright--light:after,
.btn--small.btn--primary.iconleft:before,
.btn--small.btn--primary.iconright:after,
.btn--small.btn--brand.iconleft:before,
.btn--small.btn--brand.iconright:after,
.btn--small.btn--brand-blue.iconleft:before,
.btn--small.btn--brand-blue.iconright:after,
.btn--small.btn--moderation.iconleft:before,
.btn--small.btn--moderation.iconright:after,
.btn--small.btn--header.iconleft:before,
.btn--small.btn--header.iconright:after,
.btn--tiny.btn--primary.iconleft:before,
.btn--tiny.btn--brand.iconleft:before,
.btn--tiny.btn--brand-blue.iconleft:before,
.btn--tiny.btn--moderation.iconleft:before {
  background-image: url("http://puu.sh/65ym1.png") !important;
}

#userMetadata img.icon {
  background-image: url("http://puu.sh/649cr.png") !important;
}

.radiocontrol {
  background-image: url("http://puu.sh/6aKXd.png") !important;
}

#radioControlPlay .radiocontrol {margin: -3px 0px 0px -63px !important;}
#radioControlPlay:hover .radiocontrol { margin: -22px 0 0 -63px !important; }
#radioControlPause .radiocontrol { margin: -1px 0px 0px -159px !important;}
#radioControlPause:hover .radiocontrol { margin: -21px 0px 0px -159px !important;}
#radioControlUnlove .radiocontrol { margin: -62px 0px 0px !important; }
#radioControlVolFull .radiocontrol {margin: -62px 0 0 -101px !important;}
#radioControlVolMute .radiocontrol {margin: -62px 0px 0px -87px !important;}
#radioControlVolMute { width: 11px !important;}
#radioControlVolMute {left: -2px !important;}
#radioControlVolFull {left: 87px !important;}

/**
    Navigation Bar
*/

.masthead {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  background: #212d39 !important;
  box-shadow: 0 0 10px 0px rgba(120, 120, 120, .2) !important;
  border: none !important;
  border-bottom: 1px solid #ebebeb !important;
  height: 35px !important;
  padding: 0 !important;
}

.site-search {
  right: 27px !important;
  top: 8px !important;
  left: auto !important;
}

.site-search .search-box {
  height: 15px !important;
  padding: 2px 5px 2px 5px !important;
}

/*fieldset:hover .js-search.search-box,
.js-search.search-box:focus,
.js-search.search-box:active  {
  width: 170px !important;
  right: 38px !important;
}*/

.js-search {
  width: 120px !important;
  box-shadow: none !important;
  -moz-appearance: none !important;
}

.search-submit {
  display: none !important;
}

.js-search.search-box {
  border: none !important;
  box-shadow: none !important;
  color: #3d3d3d !important;

  background: #FBFCFD !important;
  border: 1px solid #DEE7EF !important;
  border-radius: 2px !important;
  transition: width .5s ease, right .5s ease !important;
}

.js-search-progress {
  display: none !important;
}

.masthead-right {
  top: 0 !important;
  right: 150px !important;
  transition: margin .5s ease !important;
}

.user-badge-avatar {
  display: none !important;
}

.user-badge {
  background: none !important;
  border-radius: 0 !important;
  border: none !important;
  text-shadow: none !important;
  top: 0 !important;
  padding: 0 8px !important;
  height: 35px !important;
  line-height: 35px !important;
font-size: 14px !important;
}

.masthead-right {
  height: 35px !important;
  line-height: 35px !important;
}

.btn.btn--header,
.user-badge:after,
.user-badge:active:after,
.user-badge:hover:after {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.primary-nav {
  height: 35px !important;
  position: relative !important;
  top: 10px !important;
  left: -211px !important;
}

a.btn,
.primary-nav-link {
  color: #E6E9EE !important;
  font-weight: normal !important;
  text-shadow: 0 0 #CCD3DD !important;
}

.primary-nav-link:focus {
  background: none !important;
}

.primary-nav-item {
  height: 35px !important;
  line-height: normal !important;
}

#listenNav a,
.primary-nav-item a {
  height: 35px !important;
  line-height: 35px !important;
}

.primary-nav-link,
.primary-nav-item {
  padding: 0 10px !important;
  transition: box-shadow .15s ease-in-out 0s !important;
}

.primary-nav-link:hover,
a.btn:nth-child(1):hover {
  color: #B4BECD !important;
  background: none !important;
  box-shadow: inset 0px -3px 0px 0px #B4BECD !important;
}

.user-badge:hover,
.user-badge:focus {
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
}

.user-dropdown-toggle {
  left: -10px !important;
  height: 10px !important;
  top: 12px !important;
}

.active .user-dropdown-toggle {
  top: 10px !important;
}

#user-dropdown {
  background: #345e78 !important;
  border: none !important;
  box-shadow: none !important;
}

.user-dropdown .dropdown-btn-menu-item:hover,
.user-dropdown .dropdown-btn-menu-item:focus {
  background-color: #305870 !important;
}

.user-dropdown-divider-top {
  border-top: 1px solid #305870 !important;
}

.user-dropdown-divider-bottom {
  border-bottom: 1px solid #305870 !important;
}

.lastfm-logo {
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  position: absolute !important;
  top: 0 !important;
}

.lastfm-logo::before {
  position: absolute !important;
  top: 0 !important;
  left: -10px !important;
  font-size: 14px !important;
  color: #E6E9EE !important;
  text-shadow: 0 0 #CCD3DD !important;
  font-family: 'Open Sans', sans-serif !important;
  content: "Home";
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 35px !important;
  line-height: 35px !important;
  transition: box-shadow .15s ease-in-out 0s !important;
}

.lastfm-logo:hover::before {
  color: #B4BECD !important;
  background: none !important;
  box-shadow: inset 0px -3px 0px 0px #B4BECD !important;
}


/**
    Right Column
*/

#rightColumn {
  padding: 0 !important;
  width: 300px !important;
  position: fixed !important;
  right: 0 !important;
  top: 35px !important;
  bottom: 0 !important;
}

#userMetadata {
  bottom: 0 !important;
  padding-top: 15px !important;
  height: 100% !important;
  border: none !important;
  text-align: right !important;
}

.mAddToLibrary,
.mRemoveFromLibrary,
.stationbutton .icon.radio_play_icon {
  display: none !important;
}

#userMetadata div.items ul li {
  padding-right: 20px !important;
}

#userMetadata .h2Wrapper {
   padding-right: 20px !important;
}

#userMetadata,
#rightColumn .odd,
#rightColumn .heading,
#rightColumn .itemContent {
  background: #F0F4F9 !important;
}

#rightColumn li {
  border-bottom: 1px solid #F0F4F9 !important;
  padding: 8px 7px 8px 27px !important;
}

#page .moduleOptions {
  padding: 6px !important;
  text-align: left !important;
}

#recentTracks .moduleOptions a,
#recentStations .moduleOptions a {
  font-size: 0 !important;
}

#recentTracks .moduleOptions a::after {
  position: absolute !important;
  top: 16px !important;
  transition: all .2s ease, opacity 1s ease !important;
  content: "View more";
  font-size: 12px !important;
  padding: 5px !important;
  border-radius: 3px !important;
  color: #9A9A9A !important;
  background: #ECECEC !important;
  opacity: 0 !important;
}

#recentStations .moduleOptions a::after {
  position: relative  !important;
  top: -184px !important;
  left: -9px !important;
  transition: all .2s ease, opacity 1s ease  !important;
  content: "View more";
  font-size: 12px !important;
  padding: 5px !important;
  border-radius: 3px !important;
  color: #9A9A9A !important;
  background: #ECECEC !important;
  opacity: 0 !important;
}

#recentTracks:hover .moduleOptions a::after,
#recentStations:hover .moduleOptions a::after {
  opacity: 1 !important;
}

#recentTracks .moduleOptions a:hover::after,
#recentStations .moduleOptions a:hover::after {
  color: #737373 !important;
  background: #e7e7e7 !important;
}

.stations .delete {
  float: left !important;
}

.stations .delete::before {
  content: "Remove";
  font-size: 10px !important;
  color: #DF503C !important;
  opacity: 0 !important;
}

li:hover .delete::before {
  opacity: .5 !important;
}

.stations .delete img {
  display: none !important;
}

#recentStations,
#userStations {
  margin-top: -12px !important;
}

#rightColumn .heading {
  z-index: 0 !important;
  position: relative !important;
}

#rightColumn .heading {
  font-size: 17px !important;
  border: none !important;
  border-bottom: none !important;
  color: #5a616e !important;
  font-weight: normal !important;
}

.itemContent li:first-of-type {
  margin-top: 5px !important;
}

#rightColumn .h2Wrapper {
  position: relative !important;
  z-index: 1 !important;
}

#rightColumn .itemContent,
#rightColumn li.nowPlaying {
  border: none !important;
}

#rightColumn a {
  color: #1F2127 !important;
  font-weight: normal !important;
}

#recentTracks li:first-of-type a {
  color: #636AAB !important;
}

#rightColumn #recentTracks ul a:hover,
#rightColumn .itemContent .moduleOptions a:hover {
  text-decoration: none !important;
  color: #636AAB !important;
}

#rightColumn .itemContent ul a:hover span {
  text-decoration: none !important;
  color: #0e3961 !important;
}

#rightColumn .itemContent ul a span {
  vertical-align: baseline !important;
}

#rightColumn .itemContent .moduleOptions a {
  background-image: none !important;
  padding-right: 0 !important;
}

#rightColumn #recentTracks .nowPlaying:not(.paused) {
  background: url("http://puu.sh/6naDA.gif") no-repeat scroll 8px 6px #FCFCFC !important;
}

#rightColumn #recentTracks .nowPlaying.paused {
  background: url("http://puu.sh/6b28Z.png") no-repeat scroll 8px 6px #FCFCFC !important;;
}

#userStations > div > ul > li:nth-child(1):hover,
#userStations > div > ul > li:nth-child(2):hover,
#userStations > div > ul > li:nth-child(3):hover,
#userStations > div > ul > li:nth-child(4):hover,
#userStations > div > ul > li:nth-child(5):hover,
#recentStationsList > ul > li:nth-child(1):hover,
#recentStationsList > ul > li:nth-child(2):hover,
#recentStationsList > ul > li:nth-child(3):hover,
#recentStationsList > ul > li:nth-child(4):hover,
#recentStationsList > ul > li:nth-child(5):hover,
#recentTracks li:nth-child(2):hover,
#recentTracks li:nth-child(3):hover,
#recentTracks li:nth-child(4):hover,
#recentTracks li:nth-child(5):hover,
#recentTracks li:nth-child(6):hover  {
  background: #FCFCFC !important;
}

#userStations > div > ul > li:nth-child(1):hover span,
#userStations > div > ul > li:nth-child(2):hover span,
#userStations > div > ul > li:nth-child(3):hover span,
#userStations > div > ul > li:nth-child(4):hover span,
#userStations > div > ul > li:nth-child(5):hover span,
#recentStationsList > ul > li:nth-child(1):hover span,
#recentStationsList > ul > li:nth-child(2):hover span,
#recentStationsList > ul > li:nth-child(3):hover span,
#recentStationsList > ul > li:nth-child(4):hover span,
#recentStationsList > ul > li:nth-child(5):hover span,
#recentTracks li:nth-child(1):hover a,
#recentTracks li:nth-child(2):hover a,
#recentTracks li:nth-child(3):hover a,
#recentTracks li:nth-child(4):hover a,
#recentTracks li:nth-child(5):hover a,
#recentTracks li:nth-child(6):hover a {
  color: #636AAB !important;
}


/**
    Music Player
*/

.album {
  display: none !important;
}

#trackMetaData {
  background: #FFFFFF !important;
}

#radioPlayer {
  z-index: 1 !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

#radioTrackMeta {
  position: relative !important;
  top: 15px !important;
}

#radioTrackMeta > p:nth-child(1) {
  position: relative !important;
  top: -8px !important;
  font-size: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#radioControlVolume {
  position: relative !important;
  top: -13px !important;
}

#radioFooter {
  overflow: visible !important;
}

#radioHeader {
  height: 0px !important;
  overflow: hidden !important;
}

#radioContent {
  height: 70px !important;
  background: #212d39 !important;
  border-top: 1px solid #10171f !important;
}

#radioVisualisation,
#radioControlSlideshowToggle {
  display: none !important;
}

#radioSwitchPaneButton,
#radioSwitchPaneButton strong {
  background: none !important;
  right: 5px !important;
  left: auto !important;
  top: -40px !important;
  padding-left: 0px !important;
  z-index: 10 !important;
}

#radioSwitchPaneButton strong {
  color: #2a69a6 !important;
  font-weight: normal !important;
  font-size: 10pt !important;
  padding: 0 !important;
  border-bottom: 1px #37597a !important;
}

#radioSwitchPaneButton strong:hover {
  color: #0e3961 !important;
}

#radioTitle {
  position: absolute !important;
  right: 15px !important;
  line-height: 29px !important;
  text-align: right !important;
  width: auto !important;
  color: #FFFFFF !important;
  font-size: 17px !important;
  font-weight: normal !important;
}

#radioFooter {
  background: #212d39 !important;
  z-index: 0 !important;
  border-top: none !important;
}

#radioStatus,
#adroll,
.tuneLoading {
  display: none !important;
}

#radioControls {
  top: 55px !important;
  left: 10px !important;
  z-index: 1 !important;
}
/*
#radioControlSkip {
  display: flex !important;
  align-items: right !important;
  justify-content: right !important;
}*/

#webRadio .webRadioHeader {
  overflow: visible !important;
}

#radioControlLove:hover .radiocontrol { margin: -20px 0 0 0 !important; }
#radioControlSkip:hover .radiocontrol { margin: -22px 0 0 -120px !important; }
#radioControlSkip.disabled:hover .radiocontrol { margin: -42px 0 0 -120px !important;}

#radioPlayer .messageBox {
  position: absolute !important;
  top: -45px !important;
  left: 10% !important;
  right: 10% !important;
  width: 70% !important;
  margin: 0 auto !important;
  background: #efa3a3 !important;
  border: 2px solid #E98181 !important;
  border-radius: 3px !important;
  color: #9c4242 !important;
  padding: 8px !important;
  text-align: center !important;
  font-weight: 600 !important;
}

#radioPlayer .messageBox a {
  color: #2a69a6 !important;
  font-weight: normal !important;
}

#radioPlayer .messageBox a:hover {
  text-decoration: none !important;
  color: #0e3961 !important;
}

#radioTrackMeta {
  color: #595a5c !important;
}

#radioTrackMeta a {
  color: #FFFFFF !important;
  font-weight: normal !important;
}

#radioTrackMeta a:hover {
  text-decoration: none !important;
  color: #afc3dc !important;
}

.artist a {
  padding-right: 3px !important;
}

.track  a {
  padding-left: 3px !important;
}

#trackProgress {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#trackProgress #trackRemaining {
  margin-top: -5px !important;
  color: #8996a6 !important;
  text-align: left !important;
  padding-left: 20px !important;
  flex: 2 !important;
}

#trackProgress #trackPlayed {
  margin-top: -5px !important;
  color: #8996a6 !important;
  text-align: right !important;
  padding-right: 20px !important;
  flex: 2 !important;
}

#progressBar {
  width: 50% !important;
  margin-top: 8px !important;
  height: 5px !important;
  border-radius: 5px !important;
  background: none repeat scroll 0% 0% #101922 !important;
  border-bottom: 1px solid #283545 !important;
}

#progressBar span {
  height: 5px !important;
  border-radius: 5px !important;
  background: none repeat scroll 0% 0% #0078e6 !important;
  margin: 0 !important;
}

#progressBar span::after {
  margin-top: -2px !important;
  margin-right: -5px !important;
  float: right !important;
  content: "";
  width: 10px !important;
  height: 10px !important;
  background: #dde6eb !important;
  border-radius: 10px !important;
}



/**
    Left Column
*/

.metadataHeader #button1,
.metadataHeader #button2,
.metadataHeader #downloadToggle1,
.metadataHeader .lfmSendButton strong,
.metadataHeader .lfmButton strong {
  background: none !important;
  text-shadow: none !important;
  color: #2a69a6 !important;
  font-weight: normal !important;
}

#downloadContain1 {
  z-index: 0 !important;
}

.lfmBigButton,
.lfmBigButton strong,
.lfmDropDown a.lfmBigBuyMoreButton {
  width: auto !important;
  min-width: 10px !important;
  padding: 0 !important;
}

#buyToggle2 > strong:nth-child(1) {
  background: none !important;
  text-shadow: none !important;
  color: #2a69a6 !important;
  font-weight: normal !important;
  font-size: 11pt !important;
  padding-left: 0px !important;
}

.lfmDropDown a.lfmSmallBuyMoreButton {
  height: 18px !important;
  padding: 0 !important;
}

#buyToggle2 {
  background: none !important;
}

.lfmBigButton {
  display: block !important;
}

.lfmBigButton:hover strong {
  text-decoration: none !important;
}

.tags a {
  color: #2a69a6 !important;
}

.tags a:hover {
  text-decoration: none !important;
  color: #0e3961 !important;
}

.ontour {
  background: #345e78 !important;
  border: 3px solid #345e78 !important;
  text-transform: none !important;
  font-size: 11px !important;
}

.artistName {
  color: #2a69a6 !important;
  font-size: 20px !important;
  font-weight: normal !important;
  line-height: 1 !important;
}

.artistName:hover {
  text-decoration: none !important;
  color: #0e3961 !important;
}

#wikiReadMore,
#wikiAbstract a {
  color: #2a69a6 !important;
  border: none !important;
}

#wikiReadMore:hover,
#wikiAbstract a:hover {
  text-decoration: none !important;
  color: #0e3961 !important;
}

.twoCols .heading,
#shoutboxContainer .heading,
#recommendedStations .heading {
  color: #74757b !important;
  font-weight: normal !important;
}

.twoCols a,
#shoutList a,
#sbPost.confirmButton,
#events .url .summary,
#shoutList .author.user a,
#shoutbox .moduleOptions a,
#recommendedStations strong {
  color: #2a69a6 !important;
  font-weight: normal !important;
}

.twoCols a:hover,
#shoutList a:hover,
#sbPost.confirmButton:hover,
#shoutList .author.user a:hover,
#shoutbox .moduleOptions a:hover,
#recommendedStations strong:hover {
  text-decoration: none !important;
  color: #0e3961 !important;
}

ul.eventsSmall a,
ul.eventsSmall a:hover strong.summary {
  text-decoration: none !important;
}

ul.eventsSmall li strong.summary {
  display: inherit !important;
}

#shoutbox .moduleOptions a,
#webRadio .stationbuttonLarge {
  background: none !important;
}

#shoutbox .moduleOptions a {
  padding-right: 0 !important;
}

#sbPost.confirmButton {
  background: none !important;
  border-color: transparent !important;
  text-shadow: none !important;
}

#events .month {
  background: #345e78 !important;
  border: 1px solid #345e78 !important;
}

#events .day {
  color: #505154 !important;
}

#userStats > img:nth-child(3) {
  display: none !important;
}


/**
    New Station Selector
*/

/*fuck, this was a nightmare to work out*/
#webRadioWrapper,
#leftColumnWrapper,
#webRadio {
  width: 100% !important;
}

#leftColumn {
  width: calc(100% - 302px) !important;
}

#webRadio[style*="left: 0"] #simpleStarter,
#webRadio[style*="left: -"] #nowPlayingMeta {
  display: inline !important;
}

#webRadio[style*="left: -"] #simpleStarter,
#webRadio[style*="left: 0"] #nowPlayingMeta {
  display: none !important;
}

#webRadio[style*="left: -"] #webRadioPlayer,
#webRadio[style*="left: 0"] #simpleStarter {
  width: 100% !important;
}

#webRadio[style*="left: -"] #simpleStarter,
#webRadio[style*="left: 0"] #webRadioPlayer {
  width: 0% !important;
}

#webRadio {
  left: 0 !important;
}

#simpleStarter,
#webRadioPlayer {
  width: 50% !important;
}

#webRadioWrapper {
  background: none !important;
}

.personalStations,
.stationSection,
.starterContent,
.starterContent h3 {
  background: #fff !important;
  color: #0d1c28 !important;
}

.starterContent {
  width: 600px !important;
  margin: 0 auto !important;
}

.starterContent h3 {
  color: #2F4348 !important;
  font-size: 12pt !important;
}

#webRadio .stationSection h3 {
  margin: 0 !important;
  padding: 5px !important;
}

#webRadio .stationSection h3 ~ ul,
#webRadio .stationSection h3 ~ table,
.personalStations {
  margin-top: 40px !important;
}

#simpleStarter strong,
.starterContent a {
  font-weight: normal !important;
  color: #006199 !important;
}

#simpleStarter strong {
  font-size: 10pt !important;
}

.stationSection p {
  color: #2F4348 !important;
}

#webRadio .nowPlaying .transparent_png,
#webRadio .nowPaused .transparent_png,
div.stationSection:nth-child(17),
.stationSection .moduleOptions,
#simpleSubmit,
.recommended,
.personal,
.mix {
  display: none !important;
}

#simpleInput {
  width: 300px !important;
  height: 30px !important;
  float: none !important;
  margin: 0px auto !important;
  background: #FFFFFF !important;
  border-radius: 2px !important;
  border: 1px solid #a1acb5 !important;
}

#sampleStations {
  margin: 5px auto !important;
}

.artistInput {
  width: 294px !important;
  height: 30px !important;
  text-align: center !important;
  font-weight: normal !important;
  font-size: 10pt !important;
  padding: 0 !important;
  margin: 0 !important;
}

.artistInput::-moz-placeholder {
  opacity: 1 !important;
  color: #8E8E99 !important;
}

.starterForm {
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#simpleStarter > div:nth-child(2) {
  text-align: center !important;
}

div.stationSection:nth-child(16) {
  margin-top: 50px !important;
}

#webRadio .nowPaused,
#webRadio .nowPlaying,
#webRadio .nowPaused strong,
#webRadio .nowPlaying strong {
  background: #FFFFFF !important;
}

#webRadio .nowPaused strong,
#webRadio .nowPlaying strong {
  font-size: 0 !important;
}

#webRadio .nowPaused strong::before,
#webRadio .nowPlaying strong::before {
  content: "Back to Now Playing";
  font-size: 10pt !important;
}


}

/*Changes colour of header bar links when on the respective page*/

@-moz-document url-prefix("http://www.last.fm/home") {
.lastfm-logo::before {color: #F1F1F8 !important; box-shadow: inset 0px -3px 0px 0px #EBEDF1 !important;}
}

@-moz-document url-prefix("http://www.last.fm/music") {
.primary-nav a[href*="/music"] {color: #F1F1F8 !important; box-shadow: inset 0px -3px 0px 0px #EBEDF1 !important;}
.primary-nav a[href*="/music"]:hover {box-shadow: inset 0px -3px 0px 0px #B4BECD !important; color: #B4BECD !important;}
}

@-moz-document url-prefix("http://www.last.fm/listen") {
.primary-nav a[href*="/listen"] {color: #F1F1F8 !important; box-shadow: inset 0px -3px 0px 0px #EBEDF1 !important;}
.primary-nav a[href*="/listen"]:hover {box-shadow: inset 0px -3px 0px 0px #B4BECD !important; color: #B4BECD !important;}
}

@-moz-document url-prefix("http://www.last.fm/events") {
.primary-nav a[href*="/events"] {color: #F1F1F8 !important; box-shadow: inset 0px -3px 0px 0px #EBEDF1 !important;}
.primary-nav a[href*="/events"]:hover {box-shadow: inset 0px -3px 0px 0px #B4BECD !important; color: #B4BECD !important;}
}

@-moz-document url-prefix("http://www.last.fm/charts") {
.primary-nav a[href*="/charts"] {color: #F1F1F8 !important; box-shadow: inset 0px -3px 0px 0px #EBEDF1 !important;}
.primary-nav a[href*="/charts"]:hover {box-shadow: inset 0px -3px 0px 0px #B4BECD !important; color: #B4BECD !important;}
}