/*
 * 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 {
    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;
}ackground: #AEAEAE;
}
::-webkit-scrollbar-button {
    display:none;
}t-scrollbar-button {
    display:none;
}ackground: #AEAEAE;
}
::-webkit-scrollbar-button {
    display:none;
}ebkit-scrollbar-button {
    display:none;
}(
			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;
 
		}6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
	-webkit-border-radius: 0 0 6px 0;
}
::-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;
}