/*
name:        last.fm: dark + fancy v2 (rotane)
author:      www.last.fm/user/rotane
published:   June 6, 2012 – v2.0
version:     June 12, 2015 - v2.5.8
URL:         www.userstyles.org/styles/66946
short info:  A dark skin for last.fm; optimized for Firefox + Stylish
note:        Sorry for the messy code, I've started this skin ages ago and merely kept iterating on it...
*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document 
domain("www.last.fm"),
domain("lastfm.es"),
domain("lastfm.de"),
domain("lastfm.fr"),
domain("lastfm.jp"),
domain("lastfm.it"),
domain("lastfm.pl"),
domain("lastfm.com.br"),
domain("lastfm.se"),
domain("lastfm.tr"),
domain("lastfm.com.tr"),
domain("lastfm.ru"),
domain("cn.last.fm") {

html { margin-top: -1px !important; }
a, a:active { outline: none !important; }

/* adblock + hide unnecessary stuff */
#LastAd-TopRight,
.LastAd,
#noobDownloadThin,
#noobDownload,
#downloadDriver,
#footer_ads,
.buyButtonSupplier #ringtoneButton1,   /* ringtone link */
article.content .ringtone,             /* ringtone link */
article.content .media-links,
.breadcrumb,                           /* "navigation" bar */
#catalogueHead #button1,               /* we dont need 2 "Tag this" links */
.albums.albumsMedium .affiliates,      /* no "buy" links on small album grid */
.albums.albumsLarge .lfmDropDown,      /* no "buy" links on big album grid */
article.content .btn--ecommerce,       /* no "buy" links on new artist page */
article.content .umg-newsletter,       /* hide newsletter junk */
article.content #nrelate_related_placeholder,  /* related link on new artist/album pages */
article.content .promo-unit            /* last.fm ads on new artist/album pages */
{ display: none !important; }



/* bg */
html, body { background-color: #444 !important; }
body { padding-bottom: 0 !important; }



/* oldschool floating left menu */
.secondary-nav .drop-down-menu.more a.menu-toggle { display: none !important; }

.secondary-nav { position: fixed !important; left: 0 !important; }
.secondary-nav ul { position: absolute !important; right: 475px !important; top: -1px !important; width: 120px !important; display: block !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.secondary-nav ul li { display: block !important; background: #ccc !important; margin-left: 20px !important; }
.secondary-nav ul li a { background: none !important; display: block !important; padding: 1px 0 1px 13px !important; border: none !important; font-size: 11px !important; }
.secondary-nav ul li.first { border-radius: 2px 0 0 0 !important; border-top: 0px !important; }
.secondary-nav ul li { background: #aaa !important; color: #444 !important; border: 1px solid #888 !important; border-left: 0px !important; border-bottom: 0px !important; 
 background: linear-gradient(to left, #8f8f8f, #A2A2A2 5px) !important; }
.secondary-nav ul li:hover { border-right: 1px solid #ccc !important; color: #333 !important; background: #ccc !important; }
.secondary-nav ul li:hover a { text-decoration: none !important; }
.secondary-nav ul li.current { background: #ccc !important; border-right: 1px solid #ccc !important; }
/* fixes follow */

/* extra long links; thanks to Alex Esprit */
.hidden-menu a { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } 

/* user sub-pages */
.r-user #content .page-head.with-crumbtrail .secondary-nav ul { right: 490px !important; top: 33px !important;  }

.r-user #content .secondary-nav .visible-menu,
.r-user #content .secondary-nav .visible-menu * { background: transparent !important; border: none !important; }

/* artist sub-pages */
article.content .without-crumbtrail .secondary-nav ul { right: 489px !important; top: -15px !important; }
article.content .with-crumbtrail .secondary-nav ul,
.r-artist .with-crumbtrail .secondary-nav ul,
.r-album  .with-crumbtrail .secondary-nav ul,
.r-track  .with-crumbtrail .secondary-nav ul { right: 489px !important; top: 33px !important; }

/* event pages */
.r-event.a-overview #content .secondary-nav ul { right: 559px !important; top: -1px !important;  }
.r-event #content .with-crumbtrail .secondary-nav ul { right: 490px !important; top: 33px !important;  }
.r-event.a-attendance #content .with-crumbtrail .secondary-nav ul,
.r-event.a-similar #content .with-crumbtrail .secondary-nav ul { right: 574px !important; top: 33px !important;  }
.r-event.a-images .with-crumbtrail .secondary-nav ul { right: 489px !important; top: 33px !important;  }

/* group pages */
.r-group #content .with-crumbtrail .secondary-nav ul { right: 490px !important; top: 33px !important;  }
.a-forum #content .with-crumbtrail .secondary-nav ul { right: 490px !important; top: 33px !important;  }

/* tag pages */
.r-tag #content .with-crumbtrail .secondary-nav ul { right: 490px !important; top: 33px !important;  }
.r-tag.a-albums .with-crumbtrail .secondary-nav ul { right: 489px !important; top: 33px !important;  }

/* chart pages */
.r-page #content .without-crumbtrail .secondary-nav ul { right: 825px !important; top: -19px !important; }
.r-page #content .with-crumbtrail .secondary-nav ul { right: 825px !important; top: 33px !important; }

/* about pages */
.a-team #content .without-crumbtrail .secondary-nav ul,
.a-moderators #content .without-crumbtrail .secondary-nav ul { right: 490px !important; top: -1px !important;  }

/* home */
.page-head--home .secondary-nav ul { right: 1318px !important; top: -63px !important;  }
.page-head--home .secondary-nav { border-top: none !important; }

/* wip - put user link back into menu */
/* main page */
.r-user.a-overview .without-crumbtrail .secondary-nav ul { top: 32px !important; }
.r-user.a-overview .without-crumbtrail .secondary-nav ul li.first { border-radius: 0 !important; }
.r-user.a-overview #content .without-crumbtrail { position: fixed !important; background: transparent !important; }
.r-user.a-overview #content .without-crumbtrail h1 { position: absolute !important; left: -130px !important; top: 0px !important; width: 130px !important; display: block !important; background: #ccc !important; border-radius: 2px 0 0 0 !important; border-bottom: 1px solid #888 !important; padding: 1px 0 1px 13px !important; font-size: 11px !important; }
.r-user.a-overview #content .without-crumbtrail h1 a { display: block !important; }
.r-user.a-overview #content .without-crumbtrail h1:hover,
.r-user.a-overview #content .without-crumbtrail h1 a:hover { text-decoration: none !important; }
.r-user.a-overview #content .rightCol { margin-top: 35px !important; }

/* sub pages */
.r-user .page-head.with-crumbtrail .secondary-nav ul,
.r-user #content .page-head.with-crumbtrail .secondary-nav ul { top: 66px !important; }
.r-user .page-head.with-crumbtrail .secondary-nav ul li.first,
.r-user #content .page-head.with-crumbtrail .secondary-nav ul li.first { border-radius: 0 !important; }
.r-user .with-crumbtrail .top-crumb { position: fixed !important; }
.r-user .with-crumbtrail .top-crumb a { position: absolute !important; display: block !important; left: -225px !important; top: -5px !important; width: 117px !important; background: #aaa !important; border-radius: 2px 0 0 0 !important; border-bottom: 1px solid #888 !important; padding: 7px 0 7px 13px !important; font-size: 11px !important; background: linear-gradient(to left, #8f8f8f, #A2A2A2 5px) !important; }
.r-user article.content .with-crumbtrail .top-crumb a { top: -6px !important; left: -229px !important; }
.r-user .with-crumbtrail .top-crumb a > img { display: none !important; }
.r-user .with-crumbtrail .top-crumb a:hover { background: #ccc !important; text-decoration: none !important; }
.r-user .page-head.with-crumbtrail { padding: 0  !important; }
.r-user .with-crumbtrail .crumb-wrapper h1 { margin-left: -80px !important; }
.r-user .lovedtracks .top-crumb { position: fixed !important; }
.r-user .lovedtracks .top-crumb a { position: absolute !important; left: -230px !important; top: -6px !important; color: #333 !important; }
.r-user .lovedtracks .secondary-nav ul { left: -640px !important; }
.r-user .lovedtracks .secondary-nav ul li a { color: #333 !important; }
.r-user.a-shoutbox .with-crumbtrail .top-crumb a { left: -210px !important; }
.r-user.a-shoutbox .with-crumbtrail h1 { margin-left: -60px !important; }
.r-user.a-library #library.fiflufi .with-crumbtrail .top-crumb a { left: -210px !important; }
.r-user.a-library #library.fiflufi .with-crumbtrail h1 { margin-left: -60px !important; }



/* new page head (Aug 2012) */
#content .page-head.without-image { margin: 0 !important; padding: 5px 0 0 15px !important; }

/* sidebar to the top */
body.r-user .fiflufi .rightCol { top: -35px !important; padding-top: 11px !important; }
body.r-event .fiflufi .rightCol { top: -65px !important; padding-top: 11px !important; }

/* new header (Sept 2013) */
#page { margin-top: -12px !important; }
header.masthead { box-shadow: none !important; }

/* music search */
header.masthead .site-search .search-box { background: linear-gradient(to bottom, #888, #bbb, #ccc) !important; }

/* user dropdown*/
header.masthead #user-dropdown { background: #363636 !important; border-top: 1px solid #555 !important; margin-top: 5px !important; }
header.masthead #user-dropdown li a:hover { background: #000 !important; }



/* shadows under main and footer */
#content,
#LastFooter { border: 1px solid !important; border-left: none !important; border-right: none !important; border-bottom: none !important; box-shadow: 0px 1px 7px rgba(0,0,0,0.75) !important; }

/* weird workaround-fix for some pages (like unknown albums/library) */
/* 
#content { border-top: 1px solid  !important; } 
*/ 



/* main (left) area */
#content,
.leftColWrapper,
.leftColWrapper #photos .messageBox,
.albumCover .moduleOptions,
.actions-bar,
article.content .catalogue-social,
.r-user .lovedtracks  { background-color: #ccc !important; background: #ccc !important; color: #000 !important; }

.r-user #content .leftColWrapper,
.r-event #content .leftColWrapper,
.r-label #content .leftColWrapper { margin-top: -15px !important; }

.leftCol .profileOptions { border-top: none !important; }

/* new user's album page */
.r-user article.content .ecommerce-dropdown { display: none !important; }   /* hides buy album dropdown */
.r-user article.content .album-item-detail-wrapper { padding: 0 !important; }

/* recently viewed lab */
.recently-viewed.content { 
 background-color: #c6c6c6 !important; 
 border: none !important; border-top: 1px solid #999 !important; 
 background: linear-gradient(to bottom, #c0c0c0, #c6c6c6 35px) !important; 
 box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; }



/* links */
#content a,
#content a strong,
article a { color: #333 !important; } /* new artist page */
#content a:hover strong,
#content strong a:hover,
#content #catalogueHead h1 a:hover { text-decoration: underline !important; }
#content a:hover span.userImage img,
#content a:hover span.groupImg img { border: 1px solid #333 !important; }

/* fancy headlines */
#content #catalogueHead .buttons { margin-top: 10px !important; }
#content .leftCol h2.heading,
article.content .similar-artists h2,
article.content .artist-top-albums h2,
article.content .artist-events h2,
article.content .artist-listening-trend h2,
article.content #friends-who-listen-to h2,
article.content .g8.artist-shouts h2,
article.content .g4 .artist-listeners section:first-child h2
{ margin-top: 15px !important; 
 border-top: 1px solid #999 !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; 
 background: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.0) 35px) !important; }

/* undo for artist's featured tracks box */
#content #featuredTracks h2.heading,
#content .leftCol .home-group h2.heading { margin-top: 1px !important; border-top: none !important; box-shadow: none !important; background: transparent !important; }

/* fix fancy styling for new artist pages */
article.content .similar-artists h2,
article.content .artist-top-albums h2,
article.content .artist-events h2,
article.content .artist-listening-trend h2,
article.content .g8.artist-shouts h2
{ margin: 20px -19px 15px -19px !important; padding: 10px 10px 0 20px !important; }
/* right col on new artist page */
article.content #friends-who-listen-to h2,
article.content .g4 .artist-listeners section:first-child h2
{ margin: 20px -19px 15px -1px !important; padding: 10px 10px 0 0px !important; }

/* headlines right col*/
/* fancy styling */
#content .rightCol h2,
#content .rightCol .module h2,
#content .rightCol .home-group .module-header
{ margin-left: -14px !important; margin-right: -15px !important; margin-top: 20px !important; padding: 11px 15px 1px 14px !important; 
 border-top: 1px solid #7c7c7c !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.3) !important; 
 background: linear-gradient(to bottom, rgba(0,0,0,0.045), rgba(0,0,0,0.0) 30px) !important; }
/* undo fancy styling for first element - i hope i caught them all */
.r-user #content .rightCol h2:nth-child(2n),
.r-artist #content .rightCol .active h2:nth-child(2n),
#content .rightCol h2.first,
#events #content .rightCol > h2:first-child,
#festivals #content .rightCol > h2:first-child,
#music-landing #content .rightCol h2:first-child,
#home #content .rightCol h2,
.r-artist.a-images #content .rightCol h2 {
 margin: 0px !important; padding: 0 0 10px !important; 
 border-top: none !important; box-shadow: none !important; background: transparent !important; }

/* user page stuff */
.r-user #content .leftColWrapper { padding-top: 1px !important; }
.r-user #userBadge .badgeInfo { padding-top: 5px !important; }

/* big user avatar */
#userBadge { padding-bottom: 0px !important; }
#userBadge img,
#userBadge a img, /* the following lines are for the userscript that makes the avatar clickable */
#userBadge a img.photo,
#userBadge a img span.userImage, 
#userBadge a:hover span.userImage img { box-shadow: 0px 1px 2px rgba(0,0,0,0.75); border: 0 !important; margin: 3px 0 0 0 !important; padding: 0 !important; background-color: #fff !important; }
#userBadge a:hover span.userImage img { box-shadow: 0px 3px 6px rgba(0,0,0,0.5); }

/* new shout */
#content #userBadge #shoutBoxLink { position: relative !important; }
#content #userBadge #shoutBoxLink .highlight { position: absolute !important; bottom: -3px !important; background: #ff9 !important; border: 1px solid #ff9 !important; border-width: 3px 4px !important; border-radius: 4px !important; text-decoration: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important; }
#content #userBadge #shoutBoxLink:hover .highlight { text-decoration: none !important; background: #ffe !important; border-color: #ffe !important; }

/* subscriber/staff badge */
#content #userBadge .userType a { color: #ddd !important; font-size: 10px !important; letter-spacing: 0.1em !important; } 

/* on tour */
#content #catalogueHead a.ontour,
article.content .on-tour,
article.content .btn--on-tour { color: #f6f6f6 !important; font-weight: bold !important; }

/* hide settings/etc icons */
#content .moduleButtons .icon img { display: none !important; }

/* buttons */
#content .lfmButton strong,
#content .lfmButton,
#content .stationbutton span,
#content .stationButtonWrapper strong { color: #eee !important; }
#content .lfmButton:hover strong { text-decoration: none !important; }

#content .stationbutton,
#content .stationbutton span,
#content #sharebuttons .lfmButton,
#content #sharebuttons .lfmButton strong { border-radius: 5px !important; }

/* fix for links that need dark font */
#content .lfmBefriendButton strong,
#content .lfmBefriendButton :hover,
#content #sharebuttons .lfmButton strong,
#content .lfmAddButtonLarge strong { color: #333 !important; border-radius: 2px !important; }

/* loved/playlists/tags "button" */
.leftCol #taste #tasteCocktail .wrapper { 
 margin-bottom: 10px !important; padding: 6px 9px !important; 
 border: 1px solid #9F9F9F !important; border-radius: 4px !important; 
 background: linear-gradient(to bottom, #DEDEDE, #D4D4D4) !important; 
 box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; }
.leftCol #taste #tasteCocktail .wrapper a.icon { font-weight: bold !important; }

/* taste-o-meter */
#tasteometer span.bar { background: #999 !important; }
#tasteometer span.bar span { background: #555 !important; }



/* charts */
/* recent tracks */
#recentTracks tr td { background: #d5d5d5 !important; color: #666 !important;
 border-bottom: 1px solid #c8c8c8 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.29) !important; }
#recentTracks tr:last-child td { border-bottom: 1px solid #aaa !important; }
#recentTracks tr.first td { border-top: 1px solid #aaa !important; }
#recentTracks tr:hover td { background: #e9e9e9 !important; }
#recentTracks span.date { color: #777 !important; }
#recentTracks tr td { padding: 0 !important; }
#recentTracks tr.first td { border-top: 1px solid #aaa !important; border-bottom: 1px solid #afafaf !important; background: #dadada !important; 
 background: linear-gradient(to bottom, #EcEcEf, #DFDFE1) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important; }
#recentTracks tr td:not(.imageCell)  { padding: 5px 0 3px 9px !important; }
#recentTracks tr td.imageCell { border-left: none !important; }
#recentTracks tr td.dateCell { padding-right: 8px !important; border-right: 1px solid #aaa !important; }
#recentTracks tr td.dateCell img { border-radius: 3px !important; }

/* any charts */
table.chart tbody tr td { background: #d6d6d6 !important; border-top: 1px solid #cacaca !important; /* border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; */ }
table.chart tbody tr.odd td { background: #dbdbdb !important; }
table.chart tbody tr:hover td,
table.chart tbody tr:hover.odd td { background: #e9e9e9 !important; }
table.chart tbody tr td.chartbarCell,
table.chart tbody tr:hover.odd td.chartbarCell { background: #ccc !important; }
table.chart tbody tr td .chartbar, 
table.chart tbody tr td .chartbar span { background: #e9e9e9 !important; color: #666 !important; font-weight: bold !important; font-size: 10px !important; 
/* background: linear-gradient(to bottom, #EEEEEE, #E4E4E4) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; */}
table.chart tbody tr:hover td .chartbar,
table.chart tbody tr:hover td .chartbar span { background: #f2f2f2 !important; 
/* background: linear-gradient(to bottom, #F8F8F8, #EEEEEE) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,1) !important; */}
table.chart tbody tr td .chartbar { border-radius: 0 4px 4px 0 !important; }

table.chart td.positionCell    { padding: 4px 0px 4px 4px !important; }
table.chart td.playbuttonCell  { padding: 2px 0px 0px 10px !important; }
table.chart td.subjectCell     { padding: 4px 1px 4px 6px !important; }
table.chart td.chartbarCell    { padding: 0px 0px 0px 0px !important; }
table.chart td.lovedCell       { padding: 4px 0px 0px 0px !important; }
table.chart td.multibuttonCell { padding: 4px 7px 0px 5px !important; }
table.tracklist tr td.playcount { padding-right: 7px !important; }
table.chart td.chartbarCell span  { padding: 4px 0px 1px 6px !important; }

/* slightly taller chart lines on your profile (to match the ones from the charts sub-page) */
.r-user.a-overview table.chart td.positionCell    { padding: 5px 0px 5px 4px !important; }
.r-user.a-overview table.chart td.playbuttonCell  { padding: 3px 0px 1px 10px !important; }
.r-user.a-overview table.chart td.subjectCell     { padding: 5px 1px 5px 6px !important; }
.r-user.a-overview table.chart td.chartbarCell    { padding: 0px 0px 0px 0px !important; }
.r-user.a-overview table.chart td.lovedCell       { padding: 5px 0px 0px 0px !important; }
.r-user.a-overview table.chart td.multibuttonCell { padding: 5px 7px 0px 5px !important; }
.r-user.a-overview table.chart td.chartbarCell span  { padding: 6px 0px 3px 6px !important; }

/* and again on artist pages */
.r-artist.a-overview table.chart td.chartbarCell span  { margin: 1px 0 !important; }   /* weird fix, because padding doesn't do anything */

/* border fixes */
table.chart tbody tr:first-child td { border-top: 1px solid #aaa !important; }
table.chart tbody tr:first-child td.chartbarCell { border-top: 1px solid #ccc !important; }
table.chart tbody tr:last-child td { border-bottom: 1px solid #aaa !important; }
table.chart tbody tr:last-child td.chartbarCell { border-bottom: 1px solid #ccc !important; }
table.chart tbody tr td.positionCell { border-left: 1px solid #aaa !important; }
table.chart tbody tr td.reachCell { border-right: 1px solid #aaa !important; }

/* your own charts */
.a-charts table.chart { border-spacing: 0px !important; font-size: 11px !important; }

/* in library */
table.tracklist tr td { background: #d6d6d6 !important; border: none !important; border-top: 1px solid #cacaca !important; }
table.tracklist tr.odd td { background: #dbdbdb !important; }
table.tracklist tr td.dateCell { color: #666 !important; }
table.tracklist tr:hover td,
table.tracklist tr:hover.odd td { background: #e9e9e9 !important; }
/* border fixes */
table.tracklist tr td:first-child { border-left: 1px solid #aaa !important; }
table.tracklist tr td.playcount,
table.tracklist tr td.last  { border-right: 1px solid #aaa !important; }
table.tracklist tr:nth-child(2) th,
table.tracklist tr:last-child { border-bottom: 1px solid #aaa !important; }


/* new artist and new user tracks pages fixes */
#artist-top-tracks table.chart,
.similar-tracks table.tracklist,
.album-tracklist table.chart,
.r-user table.tracklist { border-spacing: 0px !important; font-size: 11px !important; }
.r-user table.tracklist td { padding: 5px 0 3px 9px !important; }
#artist-top-tracks table.chart tbody tr td.chartbarCell span { padding: 3px 0px 0px 6px !important; }

/* border fixes elsewhere */
#lovedTracks tr:first-child td { border-top: 1px solid #aaa !important; }
#similarMusicTracks tbody tr:first-child td { border-top: 1px solid #aaa !important; }
#similarMusicTracks thead tr td { border: none !important; background: #ccc !important; color: #666 !important; }
#similarMusicTracks tbody tr td:last-child  { border-right: 1px solid #aaa !important; }
#similarMusicTracks table { margin-bottom: 10px !important; }
#friendsListeningNow tr:first-child td { border-top: 1px solid #aaa !important; }
#friendsListeningNow tr td:last-child  { border-right: 1px solid #aaa !important; }
#libraryList tr:first-child td { border-top: 1px solid #aaa !important; }
#thePlaylist thead tr { box-shadow: inset 0 -1px 0px #aaa !important; }
#thePlaylist tbody tr td:last-child  { border-right: 1px solid #aaa !important; }
#deletablert tr:first-child td { border-top: 1px solid #aaa !important; }
#deletablert tr td.dateCell { border-right: none !important; }
#deletablert tr td.deleteCell { border-right: 1px solid #aaa !important; padding: 6px 3px 0 6px !important; }
.similar-tracks table.tracklist thead tr:first-child td { border-top: 1px solid #aaa !important; font-weight: bold !important; color: #333 !important; }
.similar-tracks table.tracklist tbody tr:last-child td,
.r-user table.tracklist tr:last-child td { border-bottom: 1px solid #aaa !important; }
.similar-tracks table.tracklist td:last-child { border-right: 1px solid #aaa !important; }

/* playlist (library) */
/*
#content .tracklist tr { background: #b4b4b4 !important; color: #666 !important; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; }
#content .tracklist tr th  { background: #ccc !important; }
#content .tracklist tr:hover  { background: #bbb !important; }
*/



/* new user tracks expanded view */
.r-user ul.recent-tracks-list li ul.recent-album-list { border: 1px solid #aaa !important; border-top: 1px solid #bfbfbf !important; }
.r-user ul.recent-tracks-list > li { margin: 0 0 6px !important; }
.r-user ul.recent-tracks-list li h3.recent-album-title { padding-left: 23px !important; background: #D0D0D0 !important; border: 1px solid #aaa !important; border-bottom: 0px !important; margin-bottom: 0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) !important; }
.r-user ul.recent-tracks-list > li > .recent-tracks-image { border: 1px solid #aaa !important; border-right: 0 !important; }
.r-user ul.recent-tracks-list > li.recent-tracks-item { background: #DADADA !important; border: 1px solid #aaa !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) !important; }
.r-user ul.recent-tracks-list > li.recent-tracks-item .recent-tracks-image { border: 0 !important; }
.r-user ul.recent-tracks-list > li.recent-tracks-item .media { border-left: 1px solid #aaa !important; }
.r-user ul.recent-tracks-list li ul li,
.r-user ul.recent-tracks-list li ul li.recent-tracks-item { margin: 0 !important; background: #DADADA !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.29) !important; }
.r-user ul.recent-tracks-list li ul li:last-child { border-bottom: none !important; }
X.r-user ul.recent-tracks-list li ul li:nth-child(even) { background: #D0D0D0 !important; }
.r-user ul.recent-tracks-list li .cover-image,
.r-user ul.recent-tracks-list li .no-image { border: none !important; }

/* pagination */
.r-user .pagination { font-size: 11px !important; }
.r-user .pagination a.pagelink { background: none !important; border: 1px solid #ccc !important; padding: 2px 5px !important; }
.r-user .pagination a.pagelink:hover { background: #E9E9E9 !important; border: 1px solid #aaa !important; }



/* tabs */
.module .horizontalOptions { border-bottom: 1px solid #e2e2e2 !important; margin-left: -15px !important; margin-right: -15px !important; /* box-shadow: 0 2px 1px rgba(255,255,255,0.1) !important; */ }
.module .horizontalOptions ul { padding-left: 15px !important; padding-bottom: 1px !important; }
.module .horizontalOptions ul li { padding: 0 !important; background: transparent !important; border-radius: 5px 5px 0 0 !important; border: 1px solid #b3b3b3 !important; border-bottom: none !important; }
.module .horizontalOptions ul li:hover { background: #bbb !important; border: 1px solid #999 !important; border-bottom: none !important; 
 background: linear-gradient(to bottom, #cecece, #c2c2c2) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.4) !important; }
.module .horizontalOptions ul li a { padding: 3px 12px 2px !important; margin: 0 !important; background: transparent !important; }
.module .horizontalOptions ul li a:hover { text-decoration: none !important; }
.module .horizontalOptions ul li.current,
.module .horizontalOptions ul li:hover.current { font-weight: bold !important; background: #ddd !important; border: 1px solid #999 !important; border-bottom: none !important; 
 background: linear-gradient(to bottom, #ddd, #d2d2d2) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; }

/* fancy headings for charts */
#content .modulecharts h2.heading,
article #artist-top-tracks span.h2Wrapper { background: linear-gradient(to bottom, #a7a7a7, #b3b3b3 25px) !important; border: none !important; border-top: 1px solid #909090 !important; margin-bottom: -3px !important; box-shadow: none !important; }
.horizontalOptions { background: #b3b3b3 !important; }
#content .modulecharts h2.heading a { margin-left: 9px !important; font-size: 16px !important; }

/* tabs user charts overrides */
.a-charts .horizontalOptions { border-bottom: 1px solid #999 !important; background: #ccc !important; }
.a-charts .module .horizontalOptions ul li { border: 1px solid #ccc !important; border-bottom: none !important; }
.a-charts .module .horizontalOptions ul li:hover,
.a-charts .module .horizontalOptions ul li.current,
.a-charts .module .horizontalOptions ul li:hover.current { border: 1px solid #aaa !important; border-bottom: none !important; }

/* tabs artist page overrides + fancy headlines */
article #artist-top-tracks span.h2Wrapper { margin-left: -19px !important; margin-right: -19px !important; margin-bottom: -18px !important; padding: 10px 0 10px 23px !important; }
article #artist-top-tracks .horizontalOptions { margin-left: -19px !important; margin-right: -19px !important; padding-left: 5px !important; }

/* tabs in festival lineup */
.r-event #lineupTabs { margin-left: -15px !important; margin-right: -15px !important; padding-left: 15px !important; border-bottom: 1px solid #999 !important; }
.r-event .horizontalOptions { background: #ccc !important; }
.r-event .horizontalOptions ul li,
.r-event .horizontalOptions ul li a { background: transparent !important; border: none !important; margin-bottom: 2px !important; display: block !important; }
.r-event .horizontalOptions ul li a { border: 1px solid #ccc !important; border-bottom: none !important; border-radius: 5px 5px 0 0 !important; }
.r-event .horizontalOptions ul li a:hover { border: 1px solid #999 !important; border-bottom: none !important; text-decoration: none !important; 
 background: linear-gradient(to bottom, #cecece, #c2c2c2) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.4) !important; }
.r-event .horizontalOptions ul li.current a { border: 1px solid #999 !important; border-bottom: none !important; font-weight: bold !important; 
 background: linear-gradient(to bottom, #ddd, #d2d2d2) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; }

/* tabs in event/festival attendence */
.r-event #attendanceTabs { margin-left: -15px !important; margin-right: -15px !important; padding-left: 15px !important; border-bottom: 1px solid #999 !important; }
.r-event #attendanceTabs li { margin-bottom: -2px !important; }
.r-event #attendanceTabs li a {padding: 4px 11px 1px !important; }

/* tabs in library */
#libraryTop { margin-left: -15px !important; margin-right: -15px !important; padding-right: 15px !important; }
#libraryNavigation { border-bottom: 1px solid #999 !important; padding-left: 15px !important; }
#libraryTopWrapper { padding-left: 15px !important; } /* fix */
#libraryNavigation li { margin-right: 5px !important; padding: 0 0 1px !important; background: transparent !important; border-radius: 5px 5px 0 0 !important; border: 1px solid #ccc !important; border-bottom: none !important; }
#libraryNavigation li a { padding: 1px 12px 1px !important; margin: 0 !important; background: transparent !important; }
#libraryNavigation li a:hover span { text-decoration: none !important; }
#libraryNavigation li:hover { background: #bbb !important; border: 1px solid #999 !important; border-bottom: none !important; 
 background: linear-gradient(to bottom, #cecece, #c2c2c2) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.4) !important; }
#libraryNavigation li.current,
#libraryNavigation li:hover.current { font-weight: bold !important; background: #ddd !important; border: 1px solid #999 !important; border-bottom: none !important; 
 background: linear-gradient(to bottom, #dbdbdb, #ccc 15px) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; }



/* charts calendar */
#calendar th { background: #fff !important; }
#calendar td { background: #dadada !important; border: 1px solid #ccc !important; }
#calendar td a { background: #e9e9e9 !important; }
#calendar .selected td a { background: #f9f9f9 !important; }

#calendar tr:hover td a { background: #f5f5f5 !important; }
#calendar tr:hover.selected td a { background: #f9f9f9 !important; }

#calendar td.marker { background: none !important; }
#calendar .selected td.marker { background: #ccc !important; }

#calendar .selected td.marker img { width: 1px !important; height: 1px !important; border: 1px solid #444 !important; border-radius: 2px !important; padding: 1px !important; margin: 0 3px 1px 0 !important; background: #fff !important; }

.calendarLegend .selected { background: #f9f9f9 !important; }



/* shoutbox area */

/* shout input – also styles forum input */
#shoutPost textarea,
#editor textarea,
#editor input[type=text] { color: #333 !important; background: #d8d8d8 !important; border-radius: 4px !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); padding: 10px 10px !important; border: none !important; 
 -moz-appearance: none !important; transition-property: background, height, color, box-shadow; transition-duration: 0.3s; }
.a-overview #shoutmsg { width: 523px !important; }
.a-shoutbox #shoutmsg { width: 677px !important; }
.a-journal #shoutmsg  { width: 381px !important; }
.r-artist article.content #shoutmsg  { width: 541px !important; }
.r-track article.content #shoutmsg  { width: 521px !important; }
.r-group .fixed #shoutmsg { width: 331px !important; }
#shoutPost textarea:focus,
#shoutPost textarea:hover,
#editor textarea:focus,
#editor textarea:hover,
#editor input[type=text]:focus,
#editor input[type=text]:hover { color: #000 !important; background: #E9E9E9 !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.85); }

#shoutPost .textareaActions { padding-right: 0 !important; }

/* bigger textarea while typing */
textarea:focus#shoutmsg { height: 200px !important; }

/* shout */
ul.shouts li { background: #ddd !important; margin-bottom: 5px !important; padding: 10px 12px 6px 91px !important; border: none !important; border-radius: 4px !important; }
ul.shouts li h3 { border: none !important; }
ul.shouts li .meta span { margin: 5px 9px 0 0 !important; } /* date */
ul.shouts li .meta input.delete { margin: 5px 8px 0 0 !important; } /* delete button */
ul.shouts li > p { margin: 0 0 20px !important; }
ul.shouts li .meta a { position: absolute !important; right: 9px !important; bottom: 5px !important; } /* reply-link */

/* shoutbox links smaller! */
#shoutList .meta a { font-size: 10px !important; color: #777 !important; }

/* shouts in new artist pages */
article.content #shoutbox ul a img.rounded { border: 1px solid #ccc !important; padding: 1px !important; border-radius: 0 !important; }
article.content #shoutbox ul a:hover img.rounded { border: 1px solid #000 !important; }

/* send button*/
#shoutPost input.btn.btn--small { background: linear-gradient(to bottom, #E9E9E9, #D9D9D9) !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3) !important; }
#shoutPost input.btn.btn--small:hover { background: linear-gradient(to bottom, #DFDFDF, #CFCFCF) !important; }



/* right area (sidebar) */
.rightCol,
.leftCol
 { background: #9B9B9B !important; 
 background: linear-gradient(to right, #8b8b8b 0px, #9B9B9B 5px) !important; }
.leftColWrapper { box-shadow: 3px 0 3px #8b8b8b !important; }
#content .clearit .rightCol { margin-top: -35px !important; }
.r-user.a-overview #content .rightCol { margin-bottom: -34px !important; }
.r-event #content .rightCol { margin-bottom: -65px !important; }
.rightCol > .home-group { background: #9B9B9B !important; margin-left: -10px !important; margin-right: -10px !important; }

/* full-width button-like lists */
.rightCol ul { border: none !important; margin-bottom: 10px !important; }

.rightCol ul.newsEntriesSmall li,
.rightCol ul.journalsSmall li,
.rightCol ul.groupsSmall li,
.rightCol ul.eventsSmall li,
.rightCol ul.minifeedSmall li,
.rightCol ul.listenersSmall li,
.rightCol .home-group #nowPlaying li,
.rightCol .home-group #friendsLoved li,
.rightCol .messageBox,
.rightCol .latestNewsEntry,
.rightCol .findmorefriends,
.rightCol .freeTracks li { 
 margin-bottom: 0px !important; padding: 6px 6px 7px 30px !important;
 border: none !important; border-top: 0px !important; border-radius: 0px !important; 
 background: #b4b4b4 !important; 
 background: linear-gradient(to bottom, #b5b5b5, #ababab) !important; 
 box-shadow: inset 0 1px 0px rgba(255,255,255,0.33), inset 0 -1px 0 rgba(0,0,0,0.2) !important; 
}

/* individual overrides */
.rightCol ul.groupsSmall li      { padding-left: 55px !important; }
.rightCol ul.minifeedSmall li    { padding-left: 28px !important; }
.rightCol ul.eventsSmall li      { padding-left: 44px !important; }
.rightCol ul.listenersSmall li   { padding: 5px 5px 0px 5px !important; }
.rightCol ul.newsEntriesSmall li > * { margin-left: -22px !important; } /* ugh, what an ugly fix */
.rightCol .home-group #nowPlaying li { padding-left: 55px !important; }
.rightCol .home-group #nowPlaying li .date img { margin-right: 5px !important; border-radius: 3px !important; }
.rightCol .home-group #friendsLoved li { padding-left: 55px !important; }
.rightCol .latestNewsEntry       { padding-left: 7px !important; }
.rightCol .findmorefriends       { padding-left: 6px !important; margin-top: 15px !important; }
.rightCol .messageBox            { padding-left: 8px !important; margin-bottom: 12px !important; }
.rightCol #photos .messageBox    { margin-top: 0 !important; }
.rightCol .messageBox .messageWrapper { background: transparent !important; padding: 0 !important; }
.rightCol .freeTracks li         { padding-left: 27px !important; }
.rightCol .freeTracks li .previewbutton { margin: -5px 0 0 2px !important; }
.rightCol .freeTracks li .lfmFreeDownloadButton { border-radius: 1px !important; }
.rightCol .freeTracks li .lfmFreeDownloadButton:hover span { text-decoration: underline !important; }
/* highlight yourself/friends */
.rightCol ul.listenersSmall li.you,
.rightCol ul.listenersSmall li.friend
{ background: linear-gradient(to bottom, #cfcfcf, #c4c4c4) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.28) !important; }

/* half-width button-like lists (friends) */
.rightCol ul.listenersSmall  { margin-right: 10px !important; }
.rightCol ul.listenersSmall li .track { margin-bottom: 7px !important; }
.rightCol ul.listenersSmall li .playingnow_icon { margin: 5px !important; border-radius: 3px !important; }
.rightCol ul.minifeedSmall  li span.date { color: #777 !important; }
 
.rightCol ul.usersSmall { margin-right: -10px !important; margin-bottom: 5px !important; }
.rightCol ul.usersSmall .icon { margin-top: 1px !important; font-size: 9px !important; line-height: 12px !important; }
.rightCol ul.usersSmall .icon img { border-radius: 3px !important; margin-left: 0 !important; }
.rightCol ul.usersSmall li { overflow: hidden !important; margin: 0px 4px 3px 0 !important; padding: 5px 1px 4px 5px !important; border-radius: 0px !important; width: 142px !important; 
 background: linear-gradient(to bottom, #b5b5b5, #ababab) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2) !important; 
}

/* highlight yourself/friends/mutual friends */
#attendees li.you,
#attendees li.friend,
.rightCol ul.usersSmall li.you,
.rightCol ul.usersSmall li.friend,
.rightCol .module.listenersModule.friendsplays li /* this is the userscript */
{ background: linear-gradient(to bottom, #cfcfcf, #c4c4c4) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.28) !important; }

#attendees li.friend a,
#attendees li.you a { background: none !important; font-weight: bold !important; }

/* final fixes */
.rightCol .listenersModule,
.rightCol .listenersModule.friendsplays { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: -5px !important; }
.rightCol .listenersModule.friendsplays #friendsThrobber,
.rightCol .listenersModule.friendsplays span.moduleOptions a { margin-bottom: 10px !important; }
.rightCol .module.listenersModule.friendsplays ul.usersSmall:nth-child(2) { margin-top: -5px !important; }



/* track stats */
.rightCol .statsModule   { background: #aaa !important; border: 1px solid #777 !important; 
 background: linear-gradient(to bottom, #c0c0c0, #aaa 100px, #b5b5b5 200px, #a0a0a0) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5) !important; }
.rightCol .statsModule .container { color: #666 !important; border: none !important; }
.rightCol .trackscrobblegraph { background: #808080 !important; border-top: 1px solid #707070 !important; border-radius: 0 !important; }
.rightCol .personalStats { background: transparent !important; border-radius: 0 !important; border-top: 1px solid #ccc !important; }
.rightCol .personalStats p { color: #222 !important; }
#content .rightCol .personalStats p a { color: #444 !important; }



/* footer */
#LastFooter, 
#footer_content, 
#cbsi_f_pop, 
#legalities #copy, 
#legalities #copy .date { background: #797979 !important; color: #111 !important; }
#footerStuff { background: #999 !important; border-radius: 5px 5px 0 0 !important; 
 background: linear-gradient(to bottom, #ccc 0px, #999 1px, #888) !important; }
#LastFooter a { color: #444 !important; }
#footer_content a { color: #333 !important; }
#footerLinks dt,
#justCantGetEnough { border-bottom: 1px solid #606060 !important;  }
#legalities #copy { padding: 0 !important; }

#justCantGetEnough BLOCKQUOTE { color: #2a2a2a !important; font-size: 18px !important; margin-left: -7px !important; margin-top: -10px !important; }

#footerLinks { margin-top: -18px !important; }
#footer_content { margin-bottom: -10px !important; }
#cbsi_f { display: none !important; }

#LastFooter { border-radius: 5px 5px 0 0 !important; border-top: none !important;  }

/* new footer (sept 2013) */
footer { margin-bottom: 0 !important; background: #999 !important; border-radius: 2px 2px 0 0 !important; text-shadow: 0 1px 0 rgba(255,255,255,0.4) !important; border-top: 1px solid rgba(255,255,255,0.33) !important; }
footer hr { border: none !important; border-bottom: 1px solid rgba(255,255,255,0.3) !important; border-top: 1px solid rgba(0,0,0,0.15) !important; }



/* pop-ups */
#page .dialogBox,
#page .dialogBox fieldset,
#page .dialogBox div { background: #ddd !important; }

#page .dialogBox { box-shadow: 0 7px 21px rgba(0,0,0,0.8) !important; }
#page .dialogBox fieldset { border: none !important; }
#page .dialogBox fieldset h1 a { color: #000 !important; }



/* other pages */
#content #pages .page { background: #ccc !important; color: #000 !important; }

/* library tabs */
/* deprecated
#libraryNavigation { border-bottom: 1px solid #e1e1e1 !important; }
#libraryNavigation li { background: #aaa !important; border-radius: 4px 4px 0 0!important; margin-right: 7px !important; }
#libraryNavigation li a { background: transparent !important; }
#libraryNavigation li a:hover span { text-decoration: none !important; }
#libraryNavigation li.current,
#libraryNavigation li:hover.current { background: #ddd !important; font-weight: bold !important; }
#libraryNavigation li:hover { background: #bbb !important; }
*/

/* library */
#librarySubNav .current a { font-weight: bold !important; }
#librarySubNav .current a:hover { text-decoration: none !important; }

#content #lovedTracksWrapper .messageWrapper { background: transparent !important; padding: 0 0 0 1px !important; }
#content #libraryPagehead h1 { display: inline !important; }
#content #libraryPagehead a.icon { display: inline-block !important; margin: 3px 0 0 10px !important;  }

/* other tabs */
#content .skyWrap .tertiaryNavigation { border-bottom: 1px solid #e1e1e1 !important; }
#content .skyWrap .tertiaryNavigation li { background: #aaa !important; border-bottom: 1px solid #e1e1e1 !important; border-radius: 4px 4px 0 0 !important; margin-right: 10px !important; }
#content .skyWrap .tertiaryNavigation li a { background: transparent !important; }
#content .skyWrap .tertiaryNavigation li a:hover { text-decoration: none !important; }
#content .skyWrap .tertiaryNavigation li.current,
#content .skyWrap .tertiaryNavigation li:hover.current { background: #ddd !important; font-weight: bold !important; }
#content .skyWrap .tertiaryNavigation li:hover { background: #bbb !important; }



/* events+festivals overview */
#events #content .fullWidth,
#festivals #content .fullWidth { border-bottom: 1px solid #888 !important; background: #ddd !important; margin: 0 !important; padding: 15px !important; }

#content .fullWidth ul.eventToggle li.all span { border-radius: 6px 0 0 6px !important; }
#content .fullWidth ul.eventToggle li.festivals span { border-radius: 0 6px 6px 0 !important; }

/* events overview */
#events .leftColWrapper { padding-right: 15px !important; }
#content .eventsMedium th { padding: 20px 0 1px 0 !important; }
#content .eventsMedium tr td { background: #DFDFDF !important; }
#content .eventsMedium tr td.detail { padding-left: 10px !important; }
#content .eventsMedium tr td:first-child { border-radius: 4px 0 0 4px !important; }
#content .eventsMedium tr td:last-child  { border-radius: 0 4px 4px 0 !important; }
#events #content h2 img { margin: 8px 15px !important; }

/* festivals overview */
#festivals .leftColWrapper { padding-right: 15px !important; }
#content #festivalResults tr td .title-venue { background: #DFDFDF !important; }

/* event page */
/* are you going? buttons */
#areYou input.toggleButton { -moz-appearance: none !important; background: #DFDFDF !important; border: 1px solid #666 !important; border-radius: 3px !important; 
 background: linear-gradient(to bottom, #ddd, #bbb) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.8) !important; }
#areYou input.toggleButton:hover { background: linear-gradient(to bottom, #E7E7E7, #C5C5C5) !important; }

#areYou input.activeToggleButton { background: #DFDFDF !important; border-top: 1px solid #444 !important; 
 background: linear-gradient(to bottom, #0077DD, #0099FF) !important; box-shadow: none !important; }
#areYou input.activeToggleButton:hover { background: linear-gradient(to bottom, #0A81E7, #0AA3FF) !important; box-shadow: none !important; }

/* compatibility */
.festivalTasteometer span.bar { background: #999 !important; }
.festivalTasteometer span.bar span { background: #555 !important; }



/* neighbours */
#content .sharedArtists { background: #ddd !important; border-radius: 6px !important; }



/* groups */
#content div[style="border-top: 1px solid rgb(204, 204, 204);"],
#content > .fullWidth,
#content div[style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"],
#content > .clearit,
#content div[style="background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto;"].clearit 
{ background-color: #ccc !important; color: #000 !important; border: 0px solid #000 !important; }

.fiflufi #content > .fullWidth { border-top: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; }

/* discussions/journals overview */
.r-group .journalsSmall,
.r-group .journalsSmall li { border: none !important; }

.r-group .journalsSmall li,
.r-group #recentDiscussions td { background: #E2E2E2 !important; margin-bottom: 5px !important; padding: 6px 5px 6px 32px !important; }
.r-group #recentDiscussions td { padding-left: 56px !important; padding-bottom: 8px !important; display: block !important; max-width: 561px !important; }
.r-group .fixed #recentDiscussions td { max-width: 477px !important; } /* fix for smaller group pages */
.r-group .fixed .journalsSmall li { max-width: 501px !important; } /* fix for smaller group pages */
.r-group .journalsSmall li:nth-child(2n+2),
.r-group #recentDiscussions tr:nth-child(2n+2) td { background: #DADADA !important; }

/* wider journal page */
.a-journal #content .skylineRight .skyWrap,
.a-journal #content .bbcode { width: 956px !important; }



/* members list, groups lists (written for group member pages) */
/* coloured boxes */
ul#memberUserList li,
ul.groupsMedium li,
ul.usersMedium li { border: none !important; border-top: 0px !important; padding: 6px 7px 4px 7px !important;
 margin-bottom: 5px !important; margin-right: -9px !important; border-radius: 0px !important; background: #b4b4b4 !important; 
 background: linear-gradient(to bottom, #DFDFDF, #D8D8D8) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22) !important; 
}
ul.groupsMedium li { margin-right: 5px !important; padding: 6px 6px 7px 6px !important; width: 360px !important; }

/* highlight friends */
ul#memberUserList li.you,
ul#memberUserList li.friend,
ul.usersMedium li.you,
ul.usersMedium li.friend { background: linear-gradient(to bottom, #EFEFEF, #E8E8E8) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.5), inset 0 -1px 0 rgba(0,0,0,0.23) !important; }

/* txt styles */
ul#memberUserList li .vcard strong,
ul.groupsMedium .groupContainer strong,
ul.usersMedium li .userContainer strong { border: none !important; margin-bottom: 3px !important; }
ul#memberUserList li .lastTrack,
ul#memberUserList li .lastTrack a,
ul#memberUserList li .nowListening,
ul#memberUserList li .nowListening a,
ul.groupsMedium .latestActivity,
#content ul.groupsMedium .latestActivity a, 
ul.usersMedium li p,
ul.usersMedium li p a,
ul.usersMedium li .scrobblesource,
ul.usersMedium li .scrobblesource a { color: #666 !important; font-size: 10px !important; }
ul#memberUserList li .info,
ul.groupsMedium .members,
ul.usersMedium li .info { color: #444 !important; }
ul#memberUserList li .nowListening img { border-radius: 3px !important; margin-left: 1px !important; }



/* new artists page */
article.content,
article.content header.page-head { background: #ccc !important; border: none !important; }
.a-shoutbox #content .fullWidth { border: none !important; }
article.content { border-radius: 0 2px 0 0 !important; }

article.content .artist-social,
article.content .track-social,
article.content .album-social { background: #ccc !important; }

article.content .btn--play,
article.content .tags li:not(.more) a,
article.content a.stationbutton { color: #fff !important; }

article.content .artist-top-albums .album-details .label { margin-top: 0px !important; }

/* article.content .wiki-text a { color: #04d !important; } */
article.content .wiki-text a { color: #666 !important; }

/* share menu */
.dropdown-btn { background-color: #eee !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3) !important; }
.dropdown-btn:hover { background-color: #e6e6e6 !important; }
.hidden-menu.dropdown-btn-menu { box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5) !important; border: none !important; background-color: #eee !important; }

/* fix for user page */
.r-user .dropdown-btn { background-color: #C2C2C2 !important; }
.r-user .dropdown-btn:hover { background-color: #b9b9b9 !important; }
.r-user .hidden-menu.dropdown-btn-menu { background-color: #C2C2C2 !important; border-top: 1px solid #bbb !important; }
.r-user .hidden-menu.dropdown-btn-menu a:hover { background-color: #b9b9b9 !important; }

/* top right area */
article.content .listener-details { border-radius: 4px !important; font-size: 12px !important; line-height: 16px !important; }
article.content .listener-details a { color: #666 !important; }
article.content .listener-details::after { border-left: 7px solid #ccc!important; border-right: 7px solid #ccc!important; border-bottom: 7px solid #ddd !important;  top: -7px !important; left: 12px !important; }

article.content section.listener-details--listening-now ul img.icon { top: 39px !important; left: 44px !important; }

/* round boxes */
article.content .listener-details,
article.content .memo
{ background: #ddd !important; padding: 8px 12px !important; }

article.content .listener-details a,
article.content .memo a 
{ color: #666 !important; }

/* friends/users in "sidebar" */
article.content .r--full-bleed section ul .media
{ border: none !important; border: none !important; padding: 6px 5px 5px 6px !important;
 margin-bottom: 0px !important; border-radius: 0px !important; background: #b4b4b4 !important; 
 background: linear-gradient(to bottom, #e3e3e3, #d9d9d9) !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.2) !important; 
}

article.content .r--full-bleed section ul .media .media-body { left: -10px !important; position: relative !important; color: #555 !important; font-size: 11px !important; line-height: 14px !important; }
article.content .r--full-bleed section ul .media .media-body a { color: #777 !important; }
article.content .r--full-bleed section ul .media .media-body h3 { font-size: 12px !important; line-height: 16px !important; }
article.content .r--full-bleed section ul .media .media-body h3 a { color: #333 !important; }
article.content .r--full-bleed section ul .media .userImage img.icon { top: -58px !important; }
article.content .r--full-bleed section ul .media img.rounded { width: 36px !important; height: 36px !important; border-radius: 0 !important; }
article.content .r--full-bleed section ul .media a img.rounded { border: 1px solid transparent !important; padding: 1px !important; }
article.content .r--full-bleed section ul .media a:hover img.rounded { border: 1px solid #000 !important; }

article.content .r--full-bleed section ul .media.friend,
article.content .r--full-bleed section ul .media.you
{ background: linear-gradient(to bottom, #f3f3f3, #e9e9e9) !important; }

/* artist's pictures */
/* old? */
#content #file div#view,
#content #file span.titleBar,
.r-artist.a-images .pagehead,
.r-album.a-images .pagehead { background: #ccc !important; }

#content .rightCol .imageScroller { background: #ccc !important; }
#content .rightCol .imageScroller li { background-color: #ccc !important; border: none !important; }

#content #voting,
#content .voter { background: #eee !important; display: inline-block !important; padding: 7px 8px !important; border-radius: 6px !important; }
#content .voter li { border-radius: 4px !important; }
#content .vote-error { margin-top: -10px !important; background: #eee !important; padding: 7px 10px 5px !important; border-radius: 4px !important; }

#content .pictures { margin-top: 5px !important; }

#content .image-slide { margin: 0px !important; }
#content .image-slide img { border-radius: 0px !important; }
#content .image-slide .the-image { background: #666 !important; }

/* featured tracks */
#featuredTracks { background: #d2d2d2 !important; border: 1px solid #9a9a9a !important; border-radius: 4px !important; 
 background: linear-gradient(to bottom, #ddd, #d2d2d2 30px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6) !important; }
#featuredTracks tr td { background: #dbdbdb !important; }
#featuredTracks tr.odd td { background: #e3e3e3 !important; }

#featuredTracks h2.heading { border: none !important; border-bottom: 1px solid #bbb !important; margin: 0 !important; padding-left: 3px !important; }
#featuredTracks tr.first td { border-top: 1px solid #f1f1f1 !important; }
#featuredTracks tr.last td  { border-bottom: 1px solid #bbb !important; }
#featuredTracks tr td a.lfmFullTrackButton { margin-top: 0px !important; margin-bottom: 1px !important; }
#featuredTracks .moduleOptions { border-top: 1px solid #e5e5e5 !important; }

/* featured tracks/videos */
article.content .featured-track a,
article.content #hero-video a { color: #ddd !important; }

/* friends listens (sidebar) */
article.content #friends-who-listen-to .chartbar,
article.content #friends-who-listen-to .chartbar span { background: #e9e9e9 !important; color: #444 !important; font-size: 11px !important; font-weight: bold !important; }
article.content #friends-who-listen-to .chartbar span { padding: 5px 0 1px 11px !important; }
article.content #friends-who-listen-to .chartbar:hover,
article.content #friends-who-listen-to .chartbar:hover span { background: #f3f3f3 !important; }
article.content #friends-who-listen-to .chartbar { border-radius: 0 4px 4px 0 !important; margin-top: 7px !important; }
article.content #friends-who-listen-to .user-listen-count-name { padding-left: 0px !important; font-weight: bold !important; }

/* srtists albums page */
.a-albums .content,
.a-albums .content .page-head { background: #ccc !important; border: none !important; border-radius: 0 2px 0 0 !important;}
.a-albums .content .page-head .top-crumb a { color: #000 !important; }
.a-albums .content .secondary-nav li a { color: #333 !important; }

/* artists images page */
.a-images .content,
.a-images .content .page-head { background: #ccc !important; border: none !important; border-radius: 0 2px 0 0 !important;}
.a-images .content .page-head .top-crumb a { color: #000 !important; }
.a-images .content .secondary-nav li a { color: #333 !important; }



/* labs */
.r-page .content { background: #ccc !important; border: none !important; }
.r-page .content .page-head { background: #ccc !important; }


/* radio */
#artistStationButton.stationbutton.stationbuttonExtended {border-radius: 8px 8px 5px 5px !important; }
#artistStationButton a {border-radius: 5px !important; }
#artistStationButton  { background: #ddd !important; 
background: linear-gradient(to bottom, #eaeaea, #d4d4d4) !important;
/* box-shadow: 0px 1px 1px #999 !important; */
border: 1px solid #999 !important; 
}



/* tracks */
/* track chart */
.scrobblepron img,
.scrobblepron { background: #ddd !important; border-radius: 4px; padding-bottom: 1px; }
.scrobblepron { padding-top: 0px !important; }
.scrobblepron h4 { padding-top: 6px !important; color: #555 !important; }



/* forums */
/* visited links */
#content .forumview .threadTitle a { color: #000 !important; }
#content .forumview .threadTitle a:visited { color: #777 !important; }

/* alternating bg-colors */
.forumtable tr td,
.forumComments > li { background: #e2e2e2 !important; }
.forumtable tr.alt td,
.forumComments > li.odd,
#forumsearch { background: #eaeaea !important; }

/* style thread overview */
.forumtable tr td,
.forumtable tr.alt td { border: none !important; border-bottom: 2px solid #ccc !important; }

/* style comments */
.forumComments > li,
.forumComments > li.odd,
#editorPreviewPane { border-radius: 4px !important; margin-bottom: 4px !important; border: none !important; }

/* preview and editor */
#editorPreviewPane { width: 490px !important; background: #F0F0F0 !important; margin: 10px 0 !important; }
#content .skyWrap .reply { position: relative !important; }
#editorPanel #toolbar { position: absolute !important; float: left !important; left: 550px !important; bottom: 55px !important; width: 400px !important; }

/* hide sigs */
.forumComments .messageSig { display: none !important; }

/* lighter/smaller comment action links */
#content .forumComments .forumLine a { color: #999 !important; font-size: 9px !important; letter-spacing: 0.3px !important; }

/* edited */
#content .forumComments .forumStuff .messageEditor,
#content .forumComments .forumStuff .messageEditor a { color: #777 !important; font-size: 11px !important; }

/* forum posts and shouts link colours */
#content ul.shouts li p a,
ul.shouts li p a,
#content ul.forumComments li .messageContent .bbcode a { color: #666 !important; }



/* settings */
/* larger about you textarea */
textarea.bio { min-height: 400px !important; }



/* charts */
.mediumImageChart tr td { padding-bottom: 5px !important; border: none !important; }
#charts-landing .rightCol .mediumChartWithImages li { border: none !important; }



/* home */
#content .rightCol .home-group .home-group-header { display: none !important; }
#content .rightCol .home-group .module-footer { border: none !important; padding-bottom: 0 !important; }



/* tags */
#content #tagHead a { color: #fff !important; }
#content #tagHead  { border: none !important; padding: 0 !important; }
.r-tag #content #tagHead .wrapper { width: 100% !important; padding: 0 !important; }
.r-tag #content #tagHead .wrapper .content { width: 90% !important; }
.r-tag #content .rightCol { margin-top: 300px !important; }
.r-tag #content .rightCol #playerReplacement { margin-top: -320px !important; }
.r-tag #content .rightCol #playerReplacement h2.heading { color: #000 !important; }



/* userscript fixes */
.listenersModule.friendsplays { margin-bottom: 7px !important; padding-bottom: 7px !important; }
#SnydeUnique { font-size: 11px !important; text-align: left !important; margin: 3px 0 0 15px !important; }

}



/* status page */
@-moz-document 
domain("status.last.fm") {

html, body { background: #444 !important; }

footer { border: none !important; background: inherit !important; color: #000 !important; text-shadow: none !important; }
article { border: none !important; padding-top: 20px !important; }

td, td a { color: #ccc !important; font-size: 12px !important; text-shadow: none !important; }
#leftCol, #leftCol p, #leftCol span, #leftCol a { color: #222 !important; background: transparent !important; font-size: 12px !important; line-height: 17px !important; font-family: Verdana !important; } 
#leftCol .updated, #leftCol .updated a { font-size: 10px !important; color: #444 !important; }

#leftCol, #realtime-updates { padding: 13px 20px 10px !important; background: #aaa !important; border-radius: 3px !important; box-shadow: 0 1px 5px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5) !important; }

#leftCol h1 { margin: 0 0 10px !important; font-size: 19px !important; text-shadow: 0 1px 0 rgba(255,255,255,0.65) !important; }
#leftCol h4 { margin: 0 0 15px !important; font-size: 14px !important; text-shadow: 0 1px 0 rgba(255,255,255,0.6) !important; }

#leftCol #manual-updates { margin: 15px -35px 20px !important; padding: 11px 17px 5px !important; background: #ddd !important; border: 1px solid #eee !important; border-radius: 2px !important; box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important; }
#leftCol #manual-updates p:first-child, 
#leftCol #manual-updates p:first-child span { font-size: 14px !important; line-height: 19px !important; background: transparent !important; }
#leftCol hr { border: none !important; border-bottom: 1px solid #ddd !important; }

#realtime-updates { margin-top: -1px !important; margin-left: -20px !important; padding: 8px 20px 10px !important; background: #bbb !important; }
#realtime-updates td { font-size: 13px !important; color: #f5f5f5 !important; text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; }
#realtime-updates .status_ok { color: #dfe !important; }

a:hover { text-decoration: none !important; }

}