/*
 * CSS styleshet for the "subStandard" theme.
 *
 * Author: Dan Eriksen (dan.o.eriksen[at]gmail.com)
 *
 * Icons used are released under a Creative Commons Attribution-Share Alike license
 * Heading icons are part of the TWG Retina Icon pack created by Alex Shutin (http://blog.twg.ca/2010/11/retina-display-icon-set/twg_retina_icons/) and are slightly altered by author.
*/

@import "default.css";


/* Theme colour.*/
.mainframe, .bgcolor1, .bgcolor2, .ruleTableHeader, .rightframe, .topframe, .leftframe, .playlistframe, .log, table.music tr:nth-of-type(odd), table.music tr:nth-of-type(even) {
    background-color: #AEAEAE;
}


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

/* Bold headers top frame. */
.topframe {
    font-weight:bold;
}

/* Force text color left frame. */
.leftframe {
    color: #FFFFFF;
}

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

/* Main frame image. */
.mainframe {
    background-image:url( "../icons/subStandard/background_main.png" );
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right;
}


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

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

/* Links. */
a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
    color: #FFFFFF;
}

/* Link hovers. */
a:hover, a:hover * {
    text-shadow: 0.1em 0.1em 0.2em grey;
    text-decoration: none;
    color: #FFDA23;
}

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

/* Selected Headers. */
.headerSelected {
    color: #FFDA23;
    text-shadow: 0.1em 0.1em 0.2em grey;    
    background-color: transparent;
    border: 0px
}

/* 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;
    background-color: transparent;
}

/* The help, status & web payer settings tables. */
.ruleTableHeader, .ruleTableCell {
    margin: 5px;
    padding: 5px;
}
/* Simple white border. */
.border1, .ruleTableHeader, .ruleTableCell, .log {
    border: 1px solid white;
}


/* Web-Kit Scrollbars (Chrome / Safari). */
::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: #AEAEAE;
}
::-webkit-scrollbar-thumb:vertical {
    background: #FFFFFF;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: inset 1px 2px #959595;
}
::-webkit-scrollbar-thumb:horizontal {
    background: #FFFFFF;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: inset 1px 2px #959595;
}
::-webkit-scrollbar-corner {
    background: #AEAEAE;
}
::-webkit-scrollbar-button {
    display:none;
    background: 
        -webkit-gradient(
        linear, 
        0 0, 
        100% 0, 
        from(#464646),
        to(#383838)
        );
    -webkit-border-radius: 6px;
    border: 3px solid #cccccc;
    -webkit-background-clip: padding-box;
}
::-webkit-scrollbar-track-piece:horizontal{
    background: none;
    -webkit-box-shadow:none;
}
::-webkit-scrollbar:horizontal{
    height: 16px;
}
::-webkit-scrollbar-thumb:horizontal{
    height: 12px;
    -webkit-border-radius:12px;
    background: 
        -webkit-gradient(
        linear, 
        0 0, 
        0 100%, 
        from(rgba(0,0,0,0.1)), 
        to(rgba(0,0,0,0.25))
        );
    border: 6px solid transparent;
    -webkit-background-clip: padding-box;

}
::-webkit-scrollbar-button:vertical:decrement {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
    background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
    background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
}
::-webkit-scrollbar-button:vertical:increment {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
    background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
    background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
    -webkit-border-radius: 0 0 6px 0;
}