@namespace url(http://www.w3.org/1999/xhtml);
/* Seriously, don't apply this if you are prone to seizures. */

@-moz-document domain(plug.dj){


#room-bar.bar-button{
width: 338px !important;
}
#woot.crowd-response .top .label,
#grab.crowd-response .top .label,
#meh.crowd-response .top .label{
 visibility: hidden !important;
}
#woot.crowd-response .top .label:after{
   content:"Wan!" !important;
   visibility: visible !important;
   position: absolute !important;
   top: 0px !important;
   left:0px !important;
}
#grab.crowd-response .top .label:after{
   content:"Mine! :3" !important;
   visibility: visible !important;
   position: absolute !important;
   top: -10px !important;
   left:0px !important;
   font-size: 12px !important;
}
#meh.crowd-response .top .label:after{
   content:"Grrr!" !important;
   visibility: visible !important;
   position: absolute !important;
   top: 0px !important;
   left:0px !important;
}

/* Header */
#history-button,
#room-bar,
#now-playing-bar,
.header-panel-button,
/* Chat pane */
#chat,
#chat-messages .message,
#chat-messages .welcome,
.update,
.skip,
.moderation,
.emote,
.mention,
/* Room list */
#user-lists,
.group,
/* Waitlist */
#waitlist,
.user,
/* Footer */
#footer{
/*background-image: url(http://i.imgur.com/9xKJWMw.png) !important;*/
background-image: url(http://i.imgur.com/9xKJWMw.png) !important;
background-attachment: fixed !Important;
}

/* Black text to make things readable */
/* --> Chat pane */
.message .text,
.emote,
.mention,
/* --> Header bar */
.header-panel-button,
.bar-value,
#header,
#volume,
/* --> Titles */
#waitlist .title,
#waitlist > .header .current,
#user-lists .title,
/* --> User stuff */
#user-lists .user,
#waitlist .user,
#user-meta{
color: white !Important;
}

/* Text fix for unintended background elements */
#user-panel > DIV:first-child,
#store-button.back,
.action,
.welcome.panel{
background-image: none !important;
color: white !important;
}

}