/*
 * CSS styleshet for the "Groove" theme.
 *
 * Author: Thomas Bruce Dyrud (thomasbrucedyrud[at]gmail.com)
 *
 * Moified version of the "Cool and Clean" and "Monochrome Black" themes.
 * (Cool and Clean created by: Dan Eriksen - dan.o.eriksen[at]gmail.com )
 * (Monochrome Black created by: David D - ddavis1[at]gmail.com )
 *
 *
 * Icons used are released under Creative Commons.
 * Heading icons: (http://toffeenut.deviantart.com/art/Black-Neon-Agua-iPhone-Theme-85452072)
 * Main theme icon part of itunes icon pack created by Michael Flarup (http://pixelresort.com)
 */

@import "base.css";

/* The primary background colour. */
.bgcolor1 {
    background-color: #222;
}

table.music tr:nth-of-type(even) {
    background-color: #ffffff1a;
}


/* The secondary background colour, light blue, primary theme colour. */
.bgcolor2 {
    background-color: #222222e3;
    color: #FFFFFF;

}

.ruleTableHeader, .log {
    background-color: #ffffff1a;
    color: #FFFFFF;

}

table.music tr:nth-of-type(odd) {
    background-color: #ffffff00;
    color: #FFFFFF;

}

/* Background colour for selected header, log etc. */
.headerSelected {
    color: #FFFFFF;
    background-color: #222;
    border: 1px solid #eee;
}


/* The secondary foreground colour used for h1, details etc. */
h1, .detail, .albumComment, .icon {
    color: #FFFFFF;
}

/* Foreground colour used for h2, bold and tr. */
h2, b, tr {
    color: #FFFFFF;
}

/* Table sizing */
table {
    margin: 0 0 0 0;
}

/* Main frame image & colour */
.mainframe {
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right;
    background-size: cover;
}


/* Back image */
.back {
    background-image:url( "../icons/laps/back.png" );
}

/* Forward image */
.forward {
    background-image:url( "../icons/laps/forward.png" );
}

/* Colour for warning messages. */
.warning {
    color: #990099;
}

/* The primary foreground colour. */
body {
    color: #FFFFFF;
}

html {
    background-color: transparent;
}

label, p {
	color: #CCC;
}

.top-menu-item:hover, .left-menu-item:hover  {
    background-color: #16bf00;
}

#albumInfoTable {
    background-color:#ffffff1a
}

#artistInfoTable {
    background-color:#ffffff1a
}

.topframe {
    background-color:#ffffff1a
}

.coverart {
    background-color: #ffffff2b;
    color: #323232;
    border-radius:2px;
}

.coverart .caption1 a:link, .coverart .caption1 a:visited  {
    color: #ffffff;
}

.coverart .caption2 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:0px 8px 5px 8px;
    font-size: 90%;
    color: #aaaaaa;
    line-height: 100%;
    font-weight: 300;
}

.coverart .caption3 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:0px 8px 5px 8px;
    font-size: 90%;
    color: #aaaaaa;
    line-height: 100%;
    font-weight: 300;
}

.playlistframe {
    background-color: #ffffff1a !important;
}

#startButton, #stopButton {
    color: #16bf00 !important;
}

#playButton {
    color: #16bf00 !important;
}

.ui-slider-range-min {
    background: #16bf00 !important;
}

.ui-slider .ui-slider-handle {
    background: #16bf00 !important;
}