/********************************
* red theme
*******************************/
/* any text */
.theme-red .theme-color,
.theme-red .user-details a,
.theme-red .user-details a:hover,
.theme-red .box h3 span,
.theme-red .played-by .tweet-time,
.theme-red .tweets .tweet .tweet-container .tweet-time,
.theme-red .box .box-view-more a,
.theme-red .box .box-view-more,
.theme-red .box .box-view-more span,
.theme-red .grid_item a:hover,
.theme-red .played-by a.tweet-author:hover,
.theme-red .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-red #list_carousel .list_item .list_item_description span.label a:hover,
.theme-red #sidemenu li a,
.theme-red .user-navigation li.selected a
{
  color: #d52027;
}
/* anything that needs the background */
.theme-red .user-chart-buttons a,
.theme-red .user-chart-buttons button,
.theme-red .box h3 span.box-heading-fav-chart,
.theme-red .box h3 span.box-heading-bubble,
.theme-red .box h3 span.box-heading-multi-comment,
.theme-red .box h3 span.box-heading-add-comment,
.theme-red .grid_item_description .external_link:hover,
.theme-red .grid_item_description .external_link:active,
.theme-red .more-options-box a.popup-arrow,
.theme-red #list_carousel .list_item .sortable-handle,
.theme-red #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-red #list_carousel .list_item .controls .more-options,
.theme-red #list_carousel .list_item .list_play,
.theme-red #list_carousel .playing .list_play,
.theme-red #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_red.png?v=1);
}
/* anything that needs a border */
.theme-red .friend-tiny-avatar:hover img,
.theme-red .jcarousel-item div.playing,
.theme-red .grid_item:hover,
.theme-red .popup_overlay,
.theme-red #sidemenu li a.tweet-author
{
  border-color: #d52027;
}
/* bottom border */
.theme-red .more-options-box a {
  border-bottom-color: #de4d52;
}
/* dark background color */
.theme-red .more-options-box a,
.theme-red .more-options-box
{
  background-color: #d52027;
}
/* light background color */
.theme-red .more-options-box a:hover {
  background-color: #de4d52;
}
.theme-red #list_carousel .list_item.playing {
  background-color: #fdf2f2;
}



/********************************
* black theme
*******************************/
/* any text */
.theme-black .theme-color,
.theme-black .user-details a,
.theme-black .user-details a:hover,
.theme-black .box h3 span,
.theme-black .played-by .tweet-time,
.theme-black .tweets .tweet .tweet-container .tweet-time,
.theme-black .box .box-view-more a,
.theme-black .box .box-view-more,
.theme-black .box .box-view-more span,
.theme-black .grid_item a:hover,
.theme-black .played-by a.tweet-author:hover,
.theme-black .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-black #list_carousel .list_item .list_item_description span.label a:hover,
.theme-black #sidemenu li a,
.theme-black .user-navigation li.selected a
{
  color: #000000;
}

.theme-black .grid_item a:hover {
	color: #FFF;
}
/* anything that needs the background */
.theme-black .user-chart-buttons a,
.theme-black .user-chart-buttons button,
.theme-black .box h3 span.box-heading-fav-chart,
.theme-black .box h3 span.box-heading-bubble,
.theme-black .box h3 span.box-heading-multi-comment,
.theme-black .box h3 span.box-heading-add-comment,
.theme-black .grid_item_description .external_link:hover,
.theme-black .grid_item_description .external_link:active,
.theme-black .more-options-box a.popup-arrow,
.theme-black #list_carousel .list_item .sortable-handle,
.theme-black #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-black #list_carousel .list_item .controls .more-options,
.theme-black #list_carousel .list_item .list_play,
.theme-black #list_carousel .playing .list_play,
.theme-black #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_black.png?v=1);
}
/* anything that needs a border */
.theme-black .friend-tiny-avatar:hover img,
.theme-black .jcarousel-item div.playing,
.theme-black .grid_item:hover,
.theme-black .popup_overlay,
.theme-black #sidemenu li a.tweet-author
{
  border-color: #000000;
}
/* bottom border */
.theme-black .more-options-box a {
  border-bottom-color: #333333;
}
/* dark background color */
.theme-black .more-options-box a,
.theme-black .more-options-box
{
  background-color: #000000;
}
/* light background color */
.theme-black .more-options-box a:hover {
  background-color: #333333;
}
.theme-black #list_carousel .list_item.playing {
  background-color: #f0f0f0;
}



/********************************
* grey theme
*******************************/
/* any text */
.theme-grey .theme-color,
.theme-grey .user-details a,
.theme-grey .user-details a:hover,
.theme-grey .box h3 span,
.theme-grey .played-by .tweet-time,
.theme-grey .tweets .tweet .tweet-container .tweet-time,
.theme-grey .box .box-view-more a,
.theme-grey .box .box-view-more,
.theme-grey .box .box-view-more span,
.theme-grey .grid_item a:hover,
.theme-grey .played-by a.tweet-author:hover,
.theme-grey .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-grey #list_carousel .list_item .list_item_description span.label a:hover,
.theme-grey #sidemenu li a,
.theme-grey .user-navigation li.selected a
{
  color: #707070;
}
/* anything that needs the background */
.theme-grey .user-chart-buttons a,
.theme-grey .user-chart-buttons button,
.theme-grey .box h3 span.box-heading-fav-chart,
.theme-grey .box h3 span.box-heading-bubble,
.theme-grey .box h3 span.box-heading-multi-comment,
.theme-grey .box h3 span.box-heading-add-comment,
.theme-grey .grid_item_description .external_link:hover,
.theme-grey .grid_item_description .external_link:active,
.theme-grey .more-options-box a.popup-arrow,
.theme-grey #list_carousel .list_item .sortable-handle,
.theme-grey #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-grey #list_carousel .list_item .controls .more-options,
.theme-grey #list_carousel .list_item .list_play,
.theme-grey #list_carousel .playing .list_play,
.theme-grey #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_grey.png?v=1);
}
/* anything that needs a border */
.theme-grey .friend-tiny-avatar:hover img,
.theme-grey .jcarousel-item div.playing,
.theme-grey .grid_item:hover,
.theme-grey .popup_overlay,
.theme-grey #sidemenu li a.tweet-author
{
  border-color: #707070;
}
/* bottom border */
.theme-grey .more-options-box a {
  border-bottom-color: #8d8d8d;
}
/* dark background color */
.theme-grey .more-options-box a,
.theme-grey .more-options-box
{
  background-color: #707070;
}
/* light background color */
.theme-grey .more-options-box a:hover {
  background-color: #8d8d8d;
}

.theme-grey #list_carousel .list_item.playing {
  background-color: #f7f7f7;
}



/********************************
* blue theme
*******************************/
/* any text */
.theme-blue .theme-color,
.theme-blue .user-details a,
.theme-blue .user-details a:hover,
.theme-blue .box h3 span,
.theme-blue .played-by .tweet-time,
.theme-blue .tweets .tweet .tweet-container .tweet-time,
.theme-blue .box .box-view-more a,
.theme-blue .box .box-view-more,
.theme-blue .box .box-view-more span,
.theme-blue .grid_item a:hover,
.theme-blue .played-by a.tweet-author:hover,
.theme-blue .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-blue #list_carousel .list_item .list_item_description span.label a:hover,
.theme-blue #sidemenu li a,
.theme-blue .user-navigation li.selected a
{
   color: #0c80cb;
}
/* anything that needs the background */
.theme-blue .user-chart-buttons a,
.theme-blue .user-chart-buttons button,
.theme-blue .box h3 span.box-heading-fav-chart,
.theme-blue .box h3 span.box-heading-bubble,
.theme-blue .box h3 span.box-heading-multi-comment,
.theme-blue .box h3 span.box-heading-add-comment,
.theme-blue .grid_item_description .external_link:hover,
.theme-blue .grid_item_description .external_link:active,
.theme-blue .more-options-box a.popup-arrow,
.theme-blue #list_carousel .list_item .sortable-handle,
.theme-blue #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-blue #list_carousel .list_item .controls .more-options,
.theme-blue #list_carousel .list_item .list_play,
.theme-blue #list_carousel .playing .list_play,
.theme-blue #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_blue.png?v=1);
}
/* anything that needs a border */
.theme-blue .friend-tiny-avatar:hover img,
.theme-blue .jcarousel-item div.playing,
.theme-blue .grid_item:hover,
.theme-blue .popup_overlay,
.theme-blue #sidemenu li a.tweet-author
{
  border-color: #0c80cb;
}
/* bottom border */
.theme-blue .more-options-box a {
  border-bottom-color: #3c99d4;
}
/* dark background color */
.theme-blue .more-options-box a,
.theme-blue .more-options-box
{
  background-color: #0c80cb;
}
/* light background color */
.theme-blue .more-options-box a:hover {
  background-color: #3c99d4;
}

.theme-blue #list_carousel .list_item.playing {
  background-color: #f2f8fc;
}



/********************************
* green theme
*******************************/
/* any text */
.theme-green .theme-color,
.theme-green .user-details a,
.theme-green .user-details a:hover,
.theme-green .box h3 span,
.theme-green .played-by .tweet-time,
.theme-green .tweets .tweet .tweet-container .tweet-time,
.theme-green .box .box-view-more a,
.theme-green .box .box-view-more,
.theme-green .box .box-view-more span,
.theme-green .grid_item a:hover,
.theme-green .played-by a.tweet-author:hover,
.theme-green .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-green #list_carousel .list_item .list_item_description span.label a:hover,
.theme-green #sidemenu li a,
.theme-green .user-navigation li.selected a
{
  color: #2a975e;
}
/* anything that needs the background */
.theme-green .user-chart-buttons a,
.theme-green .user-chart-buttons button,
.theme-green .box h3 span.box-heading-fav-chart,
.theme-green .box h3 span.box-heading-bubble,
.theme-green .box h3 span.box-heading-multi-comment,
.theme-green .box h3 span.box-heading-add-comment,
.theme-green .grid_item_description .external_link:hover,
.theme-green .grid_item_description .external_link:active,
.theme-green .more-options-box a.popup-arrow,
.theme-green #list_carousel .list_item .sortable-handle,
.theme-green #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-green #list_carousel .list_item .controls .more-options,
.theme-green #list_carousel .list_item .list_play,
.theme-green #list_carousel .playing .list_play,
.theme-green #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_green.png?v=1);
}
/* anything that needs a border */
.theme-green .friend-tiny-avatar:hover img,
.theme-green .jcarousel-item div.playing,
.theme-green .grid_item:hover,
.theme-green .popup_overlay,
.theme-green #sidemenu li a.tweet-author
{
  border-color: #2a975e;
}
/* bottom border */
.theme-green .more-options-box a {
  border-bottom-color: #54ac7c;
}
/* dark background color */
.theme-green .more-options-box a,
.theme-green .more-options-box
{
  background-color: #2a975e;
}
/* light background color */
.theme-green .more-options-box a:hover {
  background-color: #54ac7c;
}

.theme-green #list_carousel .list_item.playing {
  background-color: #f2f9f5;
}




/********************************
* orange theme
*******************************/
/* any text */
.theme-orange .theme-color,
.theme-orange .user-details a,
.theme-orange .user-details a:hover,
.theme-orange .box h3 span,
.theme-orange .played-by .tweet-time,
.theme-orange .tweets .tweet .tweet-container .tweet-time,
.theme-orange .box .box-view-more a,
.theme-orange .box .box-view-more,
.theme-orange .box .box-view-more span,
.theme-orange .grid_item a:hover,
.theme-orange .played-by a.tweet-author:hover,
.theme-orange .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-orange #list_carousel .list_item .list_item_description span.label a:hover,
.theme-orange #sidemenu li a,
.theme-orange .user-navigation li.selected a
{
  color: #ed6d2e;
}
/* anything that needs the background */
.theme-orange .user-chart-buttons a,
.theme-orange .user-chart-buttons button,
.theme-orange .box h3 span.box-heading-fav-chart,
.theme-orange .box h3 span.box-heading-bubble,
.theme-orange .box h3 span.box-heading-multi-comment,
.theme-orange .box h3 span.box-heading-add-comment,
.theme-orange .grid_item_description .external_link:hover,
.theme-orange .grid_item_description .external_link:active,
.theme-orange .more-options-box a.popup-arrow,
.theme-orange #list_carousel .list_item .sortable-handle,
.theme-orange #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-orange #list_carousel .list_item .controls .more-options,
.theme-orange #list_carousel .list_item .list_play,
.theme-orange #list_carousel .playing .list_play,
.theme-orange #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_orange.png?v=1);
}
/* anything that needs a border */
.theme-orange .friend-tiny-avatar:hover img,
.theme-orange .jcarousel-item div.playing,
.theme-orange .grid_item:hover,
.theme-orange .popup_overlay,
.theme-orange #sidemenu li a.tweet-author
{
  border-color: #ed6d2e;
}
/* bottom border */
.theme-orange .more-options-box a {
  border-bottom-color: #f28959;
}
/* dark background color */
.theme-orange .more-options-box a,
.theme-orange .more-options-box
{
  background-color: #ed6d2e;
}
/* light background color */
.theme-orange .more-options-box a:hover {
  background-color: #f28959;
}

.theme-orange #list_carousel .list_item.playing {
  background-color: #fef6f3;
}



/********************************
* pink theme
*******************************/
/* any text */
.theme-pink .theme-color,
.theme-pink .user-details a,
.theme-pink .user-details a:hover,
.theme-pink .box h3 span,
.theme-pink .played-by .tweet-time,
.theme-pink .tweets .tweet .tweet-container .tweet-time,
.theme-pink .box .box-view-more a,
.theme-pink .box .box-view-more,
.theme-pink .box .box-view-more span,
.theme-pink .grid_item a:hover,
.theme-pink .played-by a.tweet-author:hover,
.theme-pink .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-pink #list_carousel .list_item .list_item_description span.label a:hover,
.theme-pink #sidemenu li a,
.theme-pink .user-navigation li.selected a
{
  color: #e93795;
}
/* anything that needs the background */
.theme-pink .user-chart-buttons a,
.theme-pink .user-chart-buttons button,
.theme-pink .box h3 span.box-heading-fav-chart,
.theme-pink .box h3 span.box-heading-bubble,
.theme-pink .box h3 span.box-heading-multi-comment,
.theme-pink .box h3 span.box-heading-add-comment,
.theme-pink .grid_item_description .external_link:hover,
.theme-pink .grid_item_description .external_link:active,
.theme-pink .more-options-box a.popup-arrow,
.theme-pink #list_carousel .list_item .sortable-handle,
.theme-pink #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-pink #list_carousel .list_item .controls .more-options,
.theme-pink #list_carousel .list_item .list_play,
.theme-pink #list_carousel .playing .list_play,
.theme-pink #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_pink.png?v=1);
}
/* anything that needs a border */
.theme-pink .friend-tiny-avatar:hover img,
.theme-pink .jcarousel-item div.playing,
.theme-pink .grid_item:hover,
.theme-pink .popup_overlay,
.theme-pink #sidemenu li a.tweet-author
{
  border-color: #e93795;
}
/* bottom border */
.theme-pink .more-options-box a {
  border-bottom-color: #ee60aa;
}
/* dark background color */
.theme-pink .more-options-box a,
.theme-pink .more-options-box
{
  background-color: #e93795;
}
/* light background color */
.theme-pink .more-options-box a:hover {
  background-color: #ee60aa;
}

.theme-pink #list_carousel .list_item.playing {
  background-color: #fef3f9;
}



/********************************
* purple theme
*******************************/
/* any text */
.theme-purple .theme-color,
.theme-purple .user-details a,
.theme-purple .user-details a:hover,
.theme-purple .box h3 span,
.theme-purple .played-by .tweet-time,
.theme-purple .tweets .tweet .tweet-container .tweet-time,
.theme-purple .box .box-view-more a,
.theme-purple .box .box-view-more,
.theme-purple .box .box-view-more span,
.theme-purple .grid_item a:hover,
.theme-purple .played-by a.tweet-author:hover,
.theme-purple .tweets .tweet .tweet-container a.tweet-author:hover,
.theme-purple #list_carousel .list_item .list_item_description span.label a:hover,
.theme-purple #sidemenu li a,
.theme-purple .user-navigation li.selected a
{
  color: #7636a6;
}
/* anything that needs the background */
.theme-purple .user-chart-buttons a,
.theme-purple .user-chart-buttons button,
.theme-purple .box h3 span.box-heading-fav-chart,
.theme-purple .box h3 span.box-heading-bubble,
.theme-purple .box h3 span.box-heading-multi-comment,
.theme-purple .box h3 span.box-heading-add-comment,
.theme-purple .grid_item_description .external_link:hover,
.theme-purple .grid_item_description .external_link:active,
.theme-purple .more-options-box a.popup-arrow,
.theme-purple #list_carousel .list_item .sortable-handle,
.theme-purple #list_carousel .list_item .controls .fav_controls .favorite span,
.theme-purple #list_carousel .list_item .controls .more-options,
.theme-purple #list_carousel .list_item .list_play,
.theme-purple #list_carousel .playing .list_play,
.theme-purple #list_carousel .list_item .attempting
{
  background-image: url(../images/themes/sprite_purple.png?v=1);
}
/* anything that needs a border */
.theme-purple .friend-tiny-avatar:hover img,
.theme-purple .jcarousel-item div.playing,
.theme-purple .grid_item:hover,
.theme-purple .popup_overlay,
.theme-purple #sidemenu li a.tweet-author
{
  border-color: #7636a6;
}
/* bottom border */
.theme-purple .more-options-box a {
  border-bottom-color: #935eba;
}
/* dark background color */
.theme-purple .more-options-box a,
.theme-purple .more-options-box
{
  background-color: #7636a6;
}
/* light background color */
.theme-purple .more-options-box a:hover {
  background-color: #935eba;
}
.theme-purple #list_carousel .list_item.playing {
  background-color: #f7f3fa;
}


.box .box-view-more, .box .box-view-more a {
	color: #acacac;
	font-weight: normal;
}




/* generic positioning */
.page-theme .user-chart-buttons a.chart-display-type.grid {
  background-position: -200px -701px;
}
.page-theme .user-chart-buttons a.chart-display-type.grid:hover {
  background-position: -350px -701px;
}
.page-theme .user-chart-buttons a.chart-display-type.grid:active {
  background-position: -500px -701px;
}
.page-theme .user-chart-buttons a.chart-display-type.list {
  background-position: -200px -750px;
}
.page-theme .user-chart-buttons a.chart-display-type.list:hover {
  background-position: -350px -750px;
}
.page-theme .user-chart-buttons a.chart-display-type.list:active {
  background-position: -500px -750px;
}
.page-theme .user-chart-buttons a.chart-settings {
  background-position: -200px -50px;
}
.page-theme .user-chart-buttons a.chart-settings:hover {
  background-position: -350px -50px;
}
.page-theme .user-chart-buttons a.chart-settings:active {
  background-position: -500px -50px;
}
.page-theme .user-chart-buttons a.chart-share {
  background-position: -200px -200px;
}
.page-theme .user-chart-buttons a.chart-share:hover {
  background-position: -350px -200px;
}
.page-theme .user-chart-buttons a.chart-share:active {
  background-position: -500px -200px;
}
.page-theme .user-chart-buttons a.chart-favorite {
  background-position: -200px -100px;
}
.page-theme .user-chart-buttons a.chart-favorite:hover {
  background-position: -350px -100px;
}
.page-theme .user-chart-buttons a.chart-favorite:active {
  background-position: -500px -100px;
}
.page-theme .user-chart-buttons a.chart-is-fav {
  background-position: -200px -150px;
}
.page-theme .user-chart-buttons a.chart-is-fav:hover {
  background-position: -350px -150px;
}
.page-theme .user-chart-buttons a.chart-is-fav:active {
  background-position: -500px -150px;
}
.page-theme .user-chart-buttons button.comment-add {
  background-position: -200px 0px;
  height:33px;
  width: 83px;
  border: 0;
}
.page-theme .user-chart-buttons button.comment-add:hover {
  background-position: -350px 0px;
}
.page-theme .user-chart-buttons button.comment-add:active {
  background-position: -500px 0px;
}

.page-theme .box h3 span.box-heading-fav-chart {
  background-position: -45px -244px;
}
.page-theme .box h3 span.box-heading-bubble {
  background-position: -45px -290px;
}
.page-theme .box h3 span.box-heading-multi-comment {
  background-position: -45px -490px;
  padding-left: 48px;
}
.page-theme .box h3 span.box-heading-add-comment {
  background-position: -45px -589px
  padding-left: 20px;
}

.page-theme .grid_item_description .external_link:hover {
  background-position: -199px -350px;
}

.page-theme .more-options-box a.popup-arrow {
  background-position: -199px -350px;
  background-color: transparent;
}
.page-theme .more-options-box a.popup-arrow:hover {
  background-color: transparent;
  background-position: -349px -350px;
}
.page-theme #logo {
  background-position: -51px -402px;
}
#list_carousel .list_item .sortable-handle {
  background-position: -50px -800px;
}
#list_carousel .list_item .sortable-handle:hover {
  background-position: -200px -800px;
}
#list_carousel .list_item .list_play {
	background-position: -50px -850px;
}
#list_carousel .list_item .list_play:hover {
	background-position: -200px -850px;
}
#list_carousel .playing .list_play,
#list_carousel .playing .list_play:hover,
#list_carousel .list_item .attempting,
#list_carousel .list_item .attempting:hover {
	background-position: -350px -850px;
}

#list_carousel .list_item .controls .fav_controls .favorite span.fav {
  background-position: -50px -850px;
}
#list_carousel .list_item .controls .fav_controls .favorite span.fav:hover {
  background-position: -50px -850px; /* FIXME: this one's missing */
}
#list_carousel .list_item .controls .fav_controls .favorite span.unfav {
  background-position: -200px -850px;
}
#list_carousel .list_item .controls .fav_controls .favorite span.unfav:hover {
  background-position: -350px -850px;
}
#list_carousel .list_item .controls .more-options {
  background-position: -50px -900px;
}
#list_carousel .list_item .controls .more-options:hover {
  background-position: -200px -900px;
}