/*
 * 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 "default-without-mediaelement.css";
@import "mediaelement-dark.css";

/* The primary background colour. */
.bgcolor1, table.music tr:nth-of-type(even) {
    background-color: #222;
}

/* The secondary background colour, light blue, primary theme colour. */
.bgcolor2, .ruleTableHeader, .log, table.music tr:nth-of-type(odd) {
    background-color: #222;
    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 {
    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-image:url( "../icons/groove/background_main.png" );
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color: #222;
    background-position:right;
}


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


/* Link colour */
a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
    color: #FFFFFF;
}

/* Button colors */
input[type="button"] {
    color: #000000;
}

/* Link hover colour */
a:hover, a:hover * {
    text-decoration: underline;
    color: #FFFFFF;
}

/* Disabled links color and behavior */
a.disabled, a.disabled span, span.disabled {
    cursor: default;
    text-decoration: none;
    color: #999;
}

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

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

html {
    background-color: transparent;
}

label, p {
	color: #CCC;
}
