/* 
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.
 */

body {
	color: #585858;
	background: #FFF;
}

u { text-decoration: none; }
	
#container {
	background: transparent url(../images/skin/container-bg.gif) repeat-x top;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
	color: #434343;
	font-weight: bold;
}

.title h3 { /* record title */
	font-weight: bold;
}
.title h4 { /* subtitle */
	color: #444;
	font-style: italic;
}

#container {
/*
	background: url(../images/skin/container-bg.png) repeat-y top center;
	_background-image: url(../images/skin/container-bg.gif);
*/
}

#content {
	background-color: #FFF;
}

#page {
	background: url(../images/skin/page-bg.gif) repeat-y center;
}

#page .t {
	background: url(../images/skin/page-t-bg.gif) no-repeat top center;
}
#page .f {
	background: url(../images/skin/page-f-bg.gif) no-repeat bottom center;
}

#masthead { background-color: #f0f0f0; }
/* masthead */
#masthead .wrapper {
	/* background: url(../images/skin/masthead-bg.gif) no-repeat top center;*/
}
#masthead h1 a{
	background: url(../images/skin/h1-bg.gif) no-repeat center;
}

#sitebar {
	color: #FFF;
	background: #000;
	border-bottom: 1px solid #767676;
}

/* footer */
#footer, #footer-loyalty {
	color: #000;
	background: #FFF;
}
#footer .record, #footer * {
	background: none;
}
#footer .wrapper {
	background: #FFF;
}
#footer ul {
}
#footer ul li, #footer-loyalty ul li {
	list-style: disc;
	list-style-image: url(../images/skin/footer-li-bg.gif);
	font-weight: bold;
}
ul.pipe li {
	border-right: 1px solid #888;
}
ul.pipe li.last { border: none; }

/* archives */
.aintro .title h2,
.pageintro .records .record .title h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 131%;
	color: #747474;
}

.pageintro .aintro .title h2,
.pageintro .record .title h3 {
	text-transform: none;
	color:#000000;
}
.pageintro .record .title h3 {
	text-transform: none;
	color:#000000;
	font-size: 197%;
}

.archive .footer {
	border-top: 2px dotted #999;

}

ul.archivePagination li a {
	border: 1px solid #464646;
	background: #E6E6E6;
	color: #464646;
}
ul.archivePagination li a:hover,
ul.archivePagination li.current {
	background: #009543;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #464646;
}

ul.titledPagination {
	border-top: 4px solid #4FB478;
}
ul.titledPagination li,
ul.titledPagination li a,
ul.titledPagination li a:hover {
	border:none;
	background: none;
	color: #009543;
}
ul.titledPagination li a:hover {
	text-decoration: underline;
}


/* records */
.skin-image .record .image {
	border: 1px solid #C7C7C7;
}
.record .image .caption {
	font-size: 77%; /* 10px */
}

div.record div.date-details {
	font-size: 95%;
}
div.record {
	background: #FFF;
}
.content {
	background: transparent;
}
.copy ul, .copy2 ul {
	list-style: square;
}

.copy blockquote, .copy2 .blockquote {
	border-left: 5px solid #BFD9CC;
}

.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;
}

/* subnav */
.subnav ul {
	background-color: #ffe78a;
}
.subnav ul li a {
	color: #000;
	font-weight: bold;
}

/* extended content */
.extended .record {
	background-color: transparent;
}


/* footer */
.record .footer {
	border: none;
}
.audio .record .footer a,
.photo .record .footer a,
.video .record .footer a,
.read .record .footer a,
.contest .record .footer a,
.article .record .footer a,





.articles .record .footer a,
.skinmeta span.author a,
.skinmeta span.contact a {
	background-image: url(../images/skin/link-icons.gif);
	background-repeat: no-repeat;
}
.audio-alt .record .footer a,
.photo-alt .record .footer a,
.video-alt .record .footer a,
.read-alt .record .footer a,
.contest-alt .record .footer a,
.article-alt .record .footer a,
.skinmeta-alt span.author a,
.skinmeta-alt span.contact a {
	background-image: url(../images/skin/link-icons-alt.gif);
	background-repeat: no-repeat;
}
.audio .record .footer a { background-position: 0 -75px; }
.audio .record .footer a:hover { background-position: -55px -75px; }
.photo .record .footer a { background-position: 0 -60px; }
.photo .record .footer a:hover { background-position: -55px -60px; } 
.video .record .footer a { background-position: 0 -45px; }
.video .record .footer a:hover { background-position: -55px -45px; }
.read .record .footer a { background-position: 0 -105px; }
.read .record .footer a:hover { background-position: -55px -105px; }
.contest .record .footer a { background-position: 0 -90px; }
.contest .record .footer a:hover { background-position: -55px -90px; }
.article .record .footer a { background-position: 0 -120px; }
.article .record .footer a:hover { background-position: -55px -120px; }
.articles .record .footer a { background-position: 0 -120px; }
.articles .record .footer a:hover { background-position: -55px -120px; }

/* metadata */
.skinmeta span.author a {	background-position: 0 -15px; }
.skinmeta span.author a:hover { background-position: -55px -15px; }
.skinmeta span.contact a { background-position: 0 0; }
.skinmeta span.contact a:hover { background-position: -55px 0; }
.skinmeta .meta-info {
	border-bottom: 1px dotted #C7C7C7;
	font-size: 85%; /* 11px */
}

.alt {
	background: url(../images/skin/alt-bg.gif) repeat-x bottom left;
}

/* article */
.article .record .image {

}
.article .record .image img {

}
.article .record .image .caption {

}
.articles .meta-info, .article .meta-info {
	font-size: 85%; /* 11px */
}
.article .meta-info .dates,
.article .meta-info .location {

}

.article .copy .location {
	text-transform: uppercase;
}

.article .related h5 {
	text-transform: uppercase;
	color: #EE3B34;
	font-size: 123.1%;
}
.article .related ul, .article .related li {
	list-style: none;
}
.article .related ul li a {
	color: #747474;
	font-weight: bold;
}

.article .related ul li a.audio {
	background: url(../images/skin/related-audio.gif) no-repeat top left;
	padding-left: 18px;
	display: block;
}
.article .related ul li a.article {
	background: url(../images/skin/related-article.gif) no-repeat top left;
	padding-left: 18px;
	display: block;
}
.article .related ul li a.video {
	background: url(../images/skin/related-video.gif) no-repeat top left;
	padding-left: 18px;
	display: block;
}

.articleTabs {
	background: url(../images/skin/record-tabs.gif) no-repeat;
	height: 30px;
	clear: left;
	margin-bottom: 1em;
}

.articleTabs a {
	display: block; float: left;
	width: 125px; height: 30px;
	cursor:pointer;
	text-indent: -9999px;
}

.media-tab .articleTabs {
	background-position: 0 -30px;
}


/* newsvertical */

.newsvertical .topstory .footer {
	border: none;
}

.newsvertical .topstory h3, 
.newsvertical .topstory h3 a {
	text-transform: none !important;
}

.newsvertical .featured {

}

.newsvertical .feature-box .record {
background-color: #BFD9CC;
}

.newsvertical .articles .records .published {
	border-bottom: 4px solid #4FB478;
}
.newsvertical .articles .records .record .published {
	border: none;
}

.newsvertical .topic .title {
text-transform: uppercase;
font-size: 189%;
}

/* listenvertical */
.listenvertical .audio .record .title h3 a{
	background: url(/images/skin/audio.gif) no-repeat top left;
}

/* Feature Box(es) */
.feature-box {
	background-color: #FFF;
}
.feature-box .title h3 {
	font-size: 123.1%;
}
.feature-box .content {
	background: #FFFFFF;
        no-repeat top center;
}
.feature-box .record {
	background: url(../images/skin/feature-box-c.gif) repeat-y center;
	font-size: 85%;
}
.feature-box .footer {
	background: #FFFFFF;
        no-repeat bottom center;
}

.feature-box-v2 .title h3 {
	color: #FFF;
}
.feature-box-v2 .content {
	background: url(../images/skin/feature-box-v2-t.gif) no-repeat top center;
}
.feature-box-v2 .record {
	background: url(../images/skin/feature-box-v2-c.gif) repeat-y center;
	font-size: 85%;
}
.feature-box-v2 .footer {
	background: url(../images/skin/feature-box-v2-f.gif) no-repeat bottom center;
}

.extended .feature-box {
}
.extended .feature-box .content {
	background: url(../images/skin/feature-box-s-t.gif) no-repeat top center;
}
.extended .feature-box .record {
	background: url(../images/skin/feature-box-s-c.gif) repeat-y center;
}
.extended .feature-box .footer {
	background: url(../images/skin/feature-box-s-f.gif) no-repeat bottom center;
}

#side-alerts {
	background-color: #BFD9CC;
}

/* forms */
form button {
	background: #000 url(../images/skin/form-submit-bg.gif);
	border: none;
	color: #FFF;
	font-size: 77%; /* 10px */
	cursor: pointer;
	font-weight: bold;
}

form.skin-form fieldset {
	border: 1px solid #BBB;
}
form.skin-form fieldset .shaded {
}
form.skin-form legend {
	font-weight: bold;
	background: #FFF;
	border: 1px solid #BBB;
}
div.separator {

}
label {
	color: #555;
}
input.textbox, textarea {
	color: #888;
	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;	
}

/* loyalty login form */
#loyalty {

}

#loyalty h3 {
	color: #4B4B4B;
	background: url(../images/skin/loyalty-form-h3.gif) no-repeat top left;
}

#loyalty-join {
	background: url(../images/skin/loyalty-join-bg.gif) no-repeat bottom left;
}

#loyalty input.textbox {
	font-size: 100%;
	color: #666;
	font-weight: bold;
	border: none;
	background: #fecb00 url(../images/skin/loyalty-input.gif) no-repeat center;
}

#loyalty .flash input.textbox {
	background-image: url(../images/skin/loyalty-input-flash.gif);
}

#loyalty #login-message {
	font-size: 83%;
	color: #990000;
}

#login .field {
}

/* advertisements */
.extended .ad img, .extended .ad embed, .extended .ad object,
.article-ad img, .article-ad embed, .article-ad object {
	background: url(../images/skin/ad-bg.gif) no-repeat top center;
}

/* links */
a:link {
	color: #EE3B34;
	text-decoration: none;
}
a:visited {
	color: #094FA4;
	text-decoration: none;
}
a:hover {
	color: #920500;
	text-decoration: underline;
}

a.more {
	background: url(../images/skin/a-more-bg.gif) no-repeat left center;
}


a.ext {
	background: url(../images/skin/a-ext.gif) no-repeat center;
	padding-left: 15px;
	padding-right: 5px;
}

/* headlines */
ul.headlines a, ul.headlines a:link {	color: #585858; }
ul.headlines a:visited { color: #094FA4; }
ul.headlines a:hover { color: #920500; }



/* LISTENER POLL */

#pollsForm div {
	clear: both;
	padding-bottom: 0.5em;
	overflow: hidden;
}

#pollsForm div input {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}
#pollsForm #submit {
	margin-left: 65px;
	margin-top: 10px;
	background: #000;
	color: #FFF;
	border: none;
	padding: 2px 5px;
}

#pollQuestion {
	font-size: 100%; /* 18px */
	color: #22984C;
	text-transform: uppercase;
	margin: 10px 0 10px 5px;
	font-weight: bold;
}

#pollsForm label {
	display: block;
	width: 140px;
	float: left;
	font-weight: bold;
}

#pollsForm #viewResults {
text-align: right;
}

#poll-answers {
	float: left;
	width: 330px;
}

#poll-answers, #poll-answers li {
	list-style: none;
	margin: 0;
}

#poll-chart {
	float: right;
}

.percentText {
	font-style: oblique;
	display: block;
	margin-left: 15px;
}

#poll-validation {
	background: #ffb3b3;
	color:#990000;
	border: 1px solid #990000;
	padding: 3px;
	font-size: 77%;
	margin: 10px;
}

/* weather */

#weather{
   padding-top:35px;
   padding-left: 20px;
   height: 120px;
   background: url(/images/skin/bg-weather.gif);
   background-repeat: no-repeat;
}

#weather h3 {
	height: 30px;
	text-indent: -9999px;
}
#weather ul.links {
	clear: both;
	display: block;
	text-align: right;
}
#weather ul.links li {
	float: right;
}
#weather .weather {
	height: 100px;
}

#weather .day,
#weather .icon,
#weather .conditions {
display: block;
	float: left;
	clear: left;
	width: 175px;
}
#weather .temperatures {
	padding-top: 20px;
}

#content .weather{
	width: 20%;
	float: left;
	text-align: center;
}