/*
 * CSS styleshet for the "Cool and Clean" theme.
 *
 * Author: Dan Eriksen (dan.o.eriksen[at]gmail.com)
 *
 * Icons used are released under Creative Commons.
 * Heading icons are part of the Albook icon pack created by Laurent Baumann (http://lbaumann.com/)
 * Main theme icon part of itunes icon pack created by Michael Flarup (http://pixelresort.com)
 */

@import "default.css";

/* The primary background colour, light gray. Images used to force background on left frame headings and playlist. */
.bgcolor1 {
    background-image:url( "../icons/coolandclean/list_heading.png" );
    background-repeat:repeat;
    background-color: #F7F7F7;
}

/* The secondary background colour, light blue, primary theme colour. */
.bgcolor2, .ruleTableHeader, .log {
    background-color: #D1D9E1;
}

/* Background for selected headers. */
.headerSelected {
    background-image:url( "../icons/coolandclean/home_hover.png" );
    background-repeat:repeat;
    color: #333333;
}


/* Foreground colour used for h1, h2, b, tr, details and albumcomments. */
h1, h2, b, tr, .detail, .albumComment {
    color: #333333;
}

/* Table sizing */
table {
    font-size: 100%;
    line-height: 130%;
    padding: 0;
    border: 0;
    margin: 0 0 0 0;
}

/* Main frame image & colour */
.mainframe {
    background-image:url( "../icons/coolandclean/background_main.png" );
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color: #D1D9E1;
    background-position:right;
}

/* Right frame background. */
.rightframe {
    background-color: #D1D9E1;
    background-image:none;
}

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

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

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

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

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

/* The primary foreground colour. */
body {
    background-color: #D1D9E1;
    scrollbar-arrow-color: #636363;
    scrollbar-track-color: #D1D9E1;
}

/* The album comments. */
.albumComment {
    width: 50em;
    font-size: 8pt;
    line-height: 1.4em;
    padding-top: 0.25em;
}

/* The log. */
.log {
    font-weight: bold;
    white-space: nowrap;
    font-size: 8pt;
    line-height: 1em;
}

/* The help, status & web payer settings tables. */
.ruleTableHeader, .ruleTableCell {
    margin: 5px;
    padding: 5px;
}

