/* =Text */

body,
.duration,
#story .body .ts-text .title {
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;   
   font-size: small;
}

h1, h2, h3, h4, h5, h6 {    
    color: #666666;
    font-size: small;
}

.title,
.page-title {
    font-family: georgia, serif;
    font-weight: bold; 
}


/* =Links */

a:link,
a:visited,
a:hover,
a:focus,
a:active {
	color: #006699;
	background: transparent none repeat scroll 0 0; /* Bugfix: remove device default highlight */
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}
a:hover img,
a:focus img,
a:active img {
	text-decoration: none;
}

.ts-text a:hover,
.ts-text a:focus,
.ts-text a:active,
.ts-image a:hover,
.ts-image a:focus,
.ts-image a:active,
.av-links a:hover,
.av-links a:focus,
.av-links a:active,
.ts-text a:hover span.cta,
.ts-text a:focus span.cta,
.ts-text a:active span.cta,
.ts-image a:hover span.cta,
.ts-image a:focus span.cta,
.ts-image a:active span.cta,
.av-links a:hover span.cta,
.av-links a:focus span.cta,
.av-links a:active span.cta,
.ts-text a:hover span.duration,
.ts-text a:focus span.duration,
.ts-text a:active span.duration,
.ts-image a:hover span.duration,
.ts-image a:focus span.duration,
.ts-image a:active span.duration,
.av-links a:hover span.duration,
.av-links a:focus span.duration,
.av-links a:active span.duration,
.nav-stories a:hover,
.nav-stories a:focus,
.nav-stories a:active {
    text-decoration: none !important;
}


/* =Images */

img {
    border: 0;
}


/* =General Layout */

#top-stories h2.title,
#crumbtrail,
.lead,
.nav,
#headlines ul,
.section,
.promos,
#story,
#site-nav,
#footer,
.nav-stories li a,
ul.related li a,
div.ts-text {
    padding-left: 4px;
}

.section h2.title,
.promos h2.title,
#site-nav h2.title,
#top-stories h2.title {    
    margin-bottom: 4px;    
}

#top-stories h2.title {
	margin-bottom: 4px;  
}

.nav,
.section,
.promos,
.bulletin,
#footer ul {
    padding-bottom: 6px;
}
#top-stories {
    padding-bottom: 4px;	
}




/* =Banner */

#top {
    padding: 0;
    background: #990000 url(/staticarchive/f403a3f79f3ea1093544176b373dadb1f60020ad.gif) repeat-x 0 0;
    border-bottom: 1px solid #ffffff;
}


/* =Listen Live */

#listen-live {
    background: #222 url(/staticarchive/204caed5eaea446686e1ec014a1dedabeed03c52.gif) repeat-x top left;
    border-bottom: 1px solid #fff;
	font-family: georgia,serif;
	padding: 6px 4px;    
}
#listen-live a {
	color: #ffffff;
}
#listen-live a:hover span.title,
#listen-live a:focus span.title,
#listen-live a:active span.title {
	text-decoration: underline;
}
#listen-live a:hover,
#listen-live a:focus,
#listen-live a:active {
	text-decoration: none;
}
#listen-live .status {
	font-size: .9em;
}

/* =Live Schedule */
.live-schedule {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#story ul.live-schedule li {
	background-color: #dedede;
	margin-top: 1px;
	padding: 3px;
}
#story ul.live-schedule li p {
	margin-top: 0;
	font-weight: bold;	
}
.live-schedule li p span {
	color: #006699;
}
#story ul.live-schedule li p.schedule-time {
	color: #6d6d6d;
	font-weight: normal;	
}

/* =Crumbtrail */

#crumbtrail {
    color: #666666;
    background-color: #ffffff;
    margin-bottom: 6px;
	border-bottom: 1px solid #c0c0c0;
	font-size: x-small;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;	
}
.index #crumbtrail {
	margin-bottom: 0;
}

#crumbtrail .delimiter {
    color: #000000;
}

/* = Datestamp */

.datestamp {
    color: #666666;    
    text-transform: capitalize; /* Temporary until release due 2nd Feb */
    font-size: x-small;
    margin-bottom: 4px;
}


/* =Section divider lines */

.nav,
.section,
.promos {
    border-top: 2px solid #c1c0c0;
    padding-top: 4px; 
}

.nav.related {
	border-top: none;
	padding-bottom: 8px;
}


/* =Site Nav */

#site-nav,
#geolink {
    font-family: georgia, serif; 
    font-size: .95em;
    font-weight: normal;
}
#site-nav li,
#geolink li {
    margin-bottom: 4px;
}


/* =Back to Top */

.back-to-top {
	font-size: x-small !important;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 4px !important;
}
.back-to-top a:link,
.back-to-top a:visited,
.back-to-top a:hover,
.back-to-top a:focus,
.back-to-top a:active {
	color: #8f8f8f;
}
.back-to-top p {
	padding: 0 0 2px 19px; 
	background: transparent url(/worldservice/images/core/1/mobile/arrow_up.gif) no-repeat scroll left center;
}


/* =Quick links */

#quicklinks {
	background-color: #006699;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#quicklinks a:link,
#quicklinks a:visited,
#quicklinks a:hover,
#quicklinks a:focus,
#quicklinks a:active {
	color: #ffffff;
	text-decoration: none;
}
#quicklinks a:link .label,
#quicklinks a:visited .label {
	text-decoration: none;
}
#quicklinks a:hover .label,
#quicklinks a:focus .label,
#quicklinks a:active .label {
	text-decoration: underline;
}


/* =Footer */

#footer {
	margin-top: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #4d4d4d;
	color: #ffffff;
	font-size: small;
	border-width: 1px 0;
	border-style: solid;
	border-color: #575757;	
}
#footer ul {
    list-style-type: disc;
    list-style-position: inside;
    padding: 2px;	
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #ffffff;
	font-weight: normal;		
}
#footer .copyright {
	font-weight: bold;	
}


/* =Teasers, CTAs, Duration */

.ts-image,
.ts-text {
    font-size: small;
    margin-bottom: 6px;
}

.ts-image .summary,
.ts-text .summary {
    color: #666666;
    margin-top: 2px;
}

.ts-text a,
.ts-image a {
    display: block;
}

.ts-text a:hover span,
.ts-text a:focus span,
.ts-text a:active span,
.ts-image a:hover span,
.ts-image a:focus span,
.ts-image a:active span {
    text-decoration: underline;
}


/* Image Teasers */
.ts-image .title {
    padding: 0;
}
.ts-image img {
    padding: 0 0 2px 0;
}

/* CTAs */
.cta img,
.cta .icon {
    line-height: 1;
    margin-bottom: -2px;
    padding: 0;
}



/* Duration */
.duration,
a .duration,
a:link .duration,
a:visited .duration,
a:hover .duration,
a:focus .duration,
a:active .duration {
    font-size: x-small;
    text-decoration: none;
    color: #666666;
}

/* Contextual tweaks for teasers */
.lead .title {
    font-size: medium;
}
.index.genre-homepage .lead {
    background-color: #990000;
	margin-bottom: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.genre-homepage .lead a,
.genre-homepage .lead a:link,
.genre-homepage .lead a:visited,
.genre-homepage .lead a:hover,
.genre-homepage .lead a:focus,
.genre-homepage .lead a:active,
.genre-homepage .lead a .duration,
.genre-homepage .lead a:link .duration,
.genre-homepage .lead a:visited .duration,
.genre-homepage .lead a:hover .duration,
.genre-homepage .lead a:focus .duration,
.genre-homepage .lead a:active .duration {
    color: #ffffff;
}
.lead .ts-text,
.lead .ts-image {
    margin-bottom: 0;
}
.lead .ts-text {
    padding-top: 4px;
}

#story .body p.ts-text {
    margin: 5px 0 0 0;
}
#story .body .ts-text .title {
     margin: 0;
}
#story .asset .ts-text a,
#story .downloads .ts-text a {
    display: inline;
}

.index .lead {
	background-color: #e4e4e4;
	margin-bottom: 0;
	padding-bottom: 4px;
	padding-top: 4px;
}
.index div.ts-text {
	border-top: 1px solid #ccc;
	padding-top: 5px;
}
.index .lead div.ts-text {
	border-top: none;
	padding: 0;	
}


/* =Headline Lists (Indices and cluster pages) */

#headlines ul {
    list-style-type: disc;
    list-style-position: outside;
}
#headlines li {    
    color: #006699;
    margin-bottom: 7px;
    margin-left: 14px;    
}
#headlines .more {
    font-size: x-small;
    font-weight: bold;
    margin-top: 2px;
    margin: 6px 0 0 0;
}
#headlines .more {
	margin: 7px 0 4px 0;
}
.index #headlines p.summary {
	margin-bottom: 2px;
}


/* =Body Area (Story and cluster pages) */

.page-title {
    font-size: large;
}
#story .body {
    margin-bottom: 6px;
}
#story .body p, 
#story .body .title,
#story .body li {
    margin-top: 10px;
}

/* Byline */
#story .byline {
	margin-top:4px;
	margin-bottom:3px;
}

#story .byline p {
	font-size:0.85em;
	color:#999;
}

#story .byline p.name {
	font-weight:bold;
}

#story .byline p.role {
	font-style:italic;
}

/* Pagination controls (for the body area) */
.pagination {
    margin: 10px 0 6px 0;
    border: 0;
    padding: 0;
}
.pagination .options {
    color: #666666;
    margin-bottom: 2px;
}
.pagination .options span {
    color: #000000;
}


/* =Horizontal Story Navigation (Story, cluster and MAP pages) and 
    Related Links (MAPs and bulletin download pages) */
    
.nav-stories,
.related {    
    padding-bottom: 1px;
    padding-left: 1px;
    padding-top: 0;
}
.nav ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}
.related li {
	color: #006699;
	margin: 0 0 3px 0;
	padding-left: 3px;
	list-style-position: inside;
	list-style-type: disc;
}
/* .related li */
.nav-stories li {
    background-color: #e4e4e4;
    margin-top: 1px;
}
/* .related li a */
.nav-stories li a {
    color: #000000;
}
.nav-stories a:hover .label,
.nav-stories a:focus .label,
.nav-stories a:active .label,
.related a:hover,
.related a:focus,
.related a:active {
    text-decoration: underline;
}


/* =Downloads (MAPs and bulletin download pages) and
    Embedded media assets */

#story .asset,
#story .downloads {
    margin: 8px 0;
}

#story .downloads {
    padding: 0;
    list-style-type: none;
}
#story .downloads li {
    margin-top: 4px;
}
#story .downloads .live-stream-info {
	color: #8f8f8f;
	font-size: x-small;
}

#story .asset .charges,
.genre-download #story .charges {
    color: #8f8f8f;
}

/* =Contact Form */
.required-items {
	padding-bottom: 1em;
}

fieldset {
	border: none;
	color: #666;
	margin: 0;
	padding: 0;
}

label {
	display: block;
}

.validate .hidden {
	display: none;	
}

.validate input, 
.validate textarea {
	border: 1px solid #CCCCCC;
	font-size: 111%;
	margin-bottom: 1em;
	width: 90%;
}

#email-us .actions .reset,
#email-us .actions .submit {
	margin-top: 20px;
	width: 5em;
}

#email-us .validate .small {
	font-size: x-small;
	margin-top: 0;
}

input#EmailDisclaimer {
	border: none;
	margin-bottom: 0;
	margin-left: 0;
	width: 15px;
}

.disclaimer label {
	font-size: x-small;
}