/* 
File:    skin.css
Purpose: Defines colours, backgrounds, borders, and
         any other visual element outside of type
		 and layout. Does NOT include margins, padding,
		 height, width, or any other white space producing
		 style; see layout for such attributes.
 */


u { text-decoration: none; }





h5, h6 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}
em {
	font-style:italic;
}






/* nowplaying */

#music, #music h3 {
	color: #FFF;
}
#music .song {
	font-size: 1.2em;
	font-weight: bold;
}
#music .artist {
	font-weight: bold;
}

#personality, #personality h3 {
	color: #424242;
	font-size: 0.7em;
}


.titlesponsor .aintro .title,
.titlesponsor .aintro .title h2 {
	background-color: transparent;
}




/* records */
.skin-image .record .image {
	border: 1px solid #C7C7C7;
}


.record .image .caption {
	font-size: 0.8em;
}

div.record div.date-details {
	font-size: 0.9em;
}

.record .sponsor img {
	background: url(../images/skin/sponsor-bg.gif) no-repeat left center;
}

ul.errors {
color: #A50101;
background: #FCFFDE;
border: 1px solid;
list-style: disc;
}


/* metadata */
.skinmeta span.author a {
	background: url(../images/skin/link-icons.gif) no-repeat;
	background-position: 0 -20px;
}
.skinmeta span.author a:hover {
	background-position: -75px -20px;
}
.skinmeta span.contact a {
	background: url(../images/skin/link-icons.gif) no-repeat;
	background-position: 0 0;
}
.skinmeta span.contact a:hover {
	background-position: -75px 0;
}
.skinmeta .meta-info {
	border-bottom: 1px dotted #C7C7C7;
}

/* forms */

#loyalty-login input.textbox {
	font-size: 0.8em;
	border: 1px solid;
	border-color: #7C7C7C rgb(206, 206, 206) rgb(195, 195, 195) rgb(124, 124, 124);
	background: #FFF url(../images/skin/form-textbox-bg.gif) no-repeat top left;
	color: #888;
	font-weight: bold;
}
form.skin-form fieldset {
	border: 1px solid #006699;
	background: url(../images/skin/form-fieldset.gif) repeat-x bottom;
}
form.skin-form fieldset .shaded {
}
form.skin-form legend {
	font-weight: bold;
	background: #FFF;
	border: 1px solid #006699;
}
div.separator {
	background: url(../images/skin/form-divider.gif) repeat-x bottom;
}

/* loyalty login */
#loyalty-login {
	background: transparent url(../images/skin/loyalty-form-bg.gif) no-repeat center;
}

#loyalty-login h3 {
color: #4B4B4B;
}

#loyalty-login ul.links a.more {
	background-position: left;
	font-size: 0.9em;
}





/* subnavs (in-page anchors) */
.subnav {
}
.subnav li a {
	background: #CFDEFF;
	border-left: 2px solid #055299;
}
.subnav li a:hover {
	background: #055299;
}