/* Basic Styles */
html,body {
background-color:#eee;
color:#C8C7C8;
}
/* MLP Styles */
#albumart {
background-color: #fff;
}
#breadcrumb {
background-color: #eee;
color: #000;
}
#breadcrumb .icon {
fill: #000;
}
#breadcrumb .icon:hover {
fill: #333;
}
.drHeading {
background-color: #ccc;
}
.drHeading:hover {
background-color: #ddd;
}
.drItem {
background-color: #ddd;
color: #fff !important;
}
.drItem:hover {
background-color: #bbb !important;
color: #C8C7C8 !important;
}
.drItem .icon, .drItem .icon:hover {
fill:#444;
}
.drPanel-collapse {
background-color: #eee !important;
}
.icon:hover {
fill: #ccc;
}
#menu, #top {
background-color:#ccc;
}
#menu:hover, #top:hover {
background-color:#bbb;
opacity: 1.0;
}
#menu .icon, #top .icon {
fill: #111;
}
.menu {
background-color: #ddd;
color: #000;
}
.plItemParent { 
background-color:#ddd;
opacity: 0.7; 
}
.plItemParent:hover { 
background-color:#ccc !important; 
opacity: 1.0;
}
.plSel a {
color: #fff;
}
.plSel .td .icon {
fill: #fff;
}
.random.icon {
fill: #000;
}
.random.icon:hover {
fill: #c8c7c8 !important;
}
.td .icon {
fill: #000;
}
/* Typography */
h1,h6,p { color:#808080; }
/* Links */
a,a:visited { color:#222; }
a:hover,a:focus { color:#444; }
/* Highlight Styles */
::selection { background-color:#262223; color:#bbb; }
::-moz-selection { background-color:#262223; color:#bbb; }
/* Audio Player Styles */
/* Default / Desktop / Firefox */
#drList li, #plList li { background-color:#ddd; }
.plSel,.plSel:hover { background-color:#2b29ff !important }
a[id^="btn"] { background-color:#000; color:#C8C7C8; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#262223; }