/* ---------- accent.css starts here ---------- */

@media all{

a,
.directory-continent li.last a.more span.count,
.commercial #promo li a,
body.most-viewed div#promo div#editor-zone-1 a,
body.most-clipped div#promo div#editor-zone-1 a,
body.most-popular div#promo div#editor-zone-1 a
{
    color: #005689; /* $editorialLink */
    background-color: transparent; /* $editorialLinkReverse */
}


#promo a,
.commercial #promo .commercial li a,
body.front .commercial li a,
div.jobsbox a,
div.ventures-slot-machine a
{
    color: #ff3a00; /* $promoLink */
    background-color: transparent; /* $promoLinkReverse */
 }

a:focus,
a:active,
label:focus,
label:active,
body.front .commercial li a:active,
body.front .commercial li a:focus
{
    outline: none;
    background-color: #005689; /* $editorialLink */
    color: white; /* $editorialLinkReverse */
}

#promo a:focus,
#promo a:active,
body.front .commercial a:focus,
body.front .commercial a:active
{
    background-color: #ff3a00; /* $promoLink */
    color: white; /* $promoLinkReverse */
}


/*lightbox special case*/
body.gallery div.lightbox ol li a:hover
{
    background-color: #005689; /* $lightboxLink */
    color: #fff; /* $lightboxLinkReverse */
}



/*front heading link colour set */

body.front #content .first ul#main-trailblock li.wide h3 a,
body.front #content #main-zone .first li.wide h3 a
{
    color: #005ca3; /* $frontLink */
    background-color: white; /* $frontLinkReverse */
}

body.front #content .first ul#main-trailblock li.wide h3 a:focus,
body.front #content .first ul#main-trailblock li.wide h3 a:active,
#badge a,
#badge
{
    color:  white;/* $frontLink */
    background-color: #005ca3; /* $frontLinkReverse */
}


body.front #content .first ul#main-trailblock li.wide .trailtext
{
    color: #005689; /* $editorialLink */
}



#footer,
#header,
body.gallery div.gallery-navigation ul li.current img,
body.cartoon #wrapper #footer,
body.travel div#section-contents ul#editor-zone-1 li.major-heading h2,
body.tag-content ul#main-trailblock li#editors-heading h2,
body.news #box,
body.video-front div#wrapper div#content div.video-player ul.tri li#editors-heading h2,
body.video-front div#wrapper #box div.latest h2,
body.beautiful-boss div#beautiful-boss-trail div#main-trailblock h2.first,
body.contributor-index div#wrapper div#box div#section-contents ul#main-trailblock li.major-heading h2,
body.subject-index div#wrapper div#box div#section-contents ul#main-trailblock li.major-heading h2,
body.audio #more-in-series h2,
.more-podcasts li h5,
#related #book-index h2,
body.keyword-page div#box div#content .book-index h2,
body.publication div#box div#content ul.timeline li h2,
body.publication #related h2,
#more-in-audio-series #more-in-series h2,
body.video-front #content #main-trailblock #editors-heading h2
{
    border-color: #639f18 /* $sectionAccent */
}

body.front #content h1,
ul.toolset,
#related h2,
#related h3,
#wrapper #related div.capsule h3,
body.article #related h2,
h1,
h2,
h3,
h4,
#article-header,
#article-header h2#strap,
div.directory,
body.front #content h2,
h3,
#related-info,
#related-info div.section,
#related-info div.section h2,
#section-contents h2,
body.other #box #content #section-contents h2,
body.triplet #box div.col h2,
#header,
#related #keyword-combiner h3,
#section-contents ul.been-there li,
body.keyword-page #content h2.first,
#related h4,
#related p.jump-related,
#related ul.auto-trail-block h2,
#related #fact-box,
.keyword-page #related .capsule h3,
#related #article-trailblock h2,
.directory-front #content h2,
div#wrapper #box ul.trail li.major-heading h2,
body.other #box #content h2.first,
body.directory-place #content .index h2,
body.directory-place #content .regionplaceholder h2,
.late-offers-front #box #content li.minor-heading h2,
.double-spread #content h2,
.commercial #wrapper #promo .capsule h2,
.directory ol.alphabet,
.offers-place #content h2.first,
#related-info h2,
div.series-navigation,
body.directory-place #content .countries h2,
body.directory-front #box div#article-header,
ul.article-attributes,
body.series-index div#content h2.first,
body.series-index div#content ul#auto-trail-block li.latest h2,
body.video-series #box h2,
body.video-series div#wrapper #box #videos-third-column li.major-heading h2,
body.video-series div#wrapper #box #videos-third-column div#latest-series ul li h2,
body.video-series div#wrapper #box #videos-third-column div#latest-series ul li h2,
div#second-trailblock,
div.trailblock.offerblock h3#offers-heading,
body.front #wrapper div#section-contents li.major-heading h2,
body.front #wrapper div#section-contents li.major-heading h3,
body.front #wrapper div#more-trails div.sponsored-features,
body.front #wrapper div#section-contents div.ventures-slot-machine h3,
body.cartoon #box .main-picture,
body.cartoon div.gallery-navigation ul,
body.cartoon div.navigation,
body.cartoon div.series-navigation,
body.cartoon #main-trailblock,
body.cartoon div.navigation div#relatedlinks h2.related-information,
body.cartoon #main-trailblock li div.strap,
body.cartoon div#box ul#main-trailblock li.major-heading,
body.poll #content,
body.poll div#previous-polls,
body.keyword-page #related div.capsule ul.tri li h2,
body.poll div#related div.article-trailblock li.first h2,
body.poll div#related div.article-trailblock h2.major-heading,
body.markets-index div#related div#stock-search-narrow h3,
body.markets-index #content #market-data-header h2,
body.markets-index #content .recent-blogs h2,
body.keyword-page #related div.capsule ul.tri li h2,
body.poll div#related div.article-trailblock h2.major-heading,
div#relatedlinks h2.related-information,
body.audio-canonical div.keyword-list,
body.audio-canonical div.resources,
div#box div#content div#second-trailblock ul#money-trails h2,
div#box div#content div.recent-blogs h2,
body.reuters div#related div#stock-search-narrow h3,
ul.package,
body.boss-tag #related h2,
ul.package,
body.beautiful-boss div#box div#related div#recent h2.first,
body.audio-front h2,
body.audio-front .latest h2,
body.audio-front #audio-pick h2
body.beautiful-boss div#wrapper div#box div#content ul li p.strap,
body.beautiful-boss div#wrapper div#related div#comment h2,
body.audio-front h2,
body.audio-front #wrapper #box div#more li.major-heading h2
body.beautiful-boss div#wrapper div#related div#comment h2,
body.beautiful-boss div#content,
div.col ul#blog-standout li.major-heading h2,
body.boss-tag div#content div#related div.tag-tag h3,
div.tag-tag h3,
body.series-index div#wrapper div#box div#content ul#auto-trail-block li.latest h2,
body.series-index div#wrapper div#box div#related div.capsule h2.series-desc
{

    border-color: #aacc6e; /* $section2ndTint */
}



.front div#promo div.jobsbox,
body.front #promo div#edited-offers li.major-heading h3,
body.front #promo div.capsule
{
    border-color: #aacc6e; /* $section2ndTint */
}


body.poll span.leader
{
	background-color: #639f18; /* $section2ndTint */
}


#header,
body.travel #wrapper div.first h2,
body.travel #wrapper #box #content div.first h2,
body.front #content div.first h1,
body #wrapper div#section-contents,
#page-header,
body.interactive div.series-navigation,
body.interactive div#article-header h1,
body.interactive div.navigation ul#main-trailblock,
#aristotle,
div#content ul.auto-trail-block li h2#latest-series,
#wrapper #box #content ul.auto-trail-block li.first h2.first
{
    border-color: #639f18; /* $sectionAccent */
}

body.most-clipped div#content ul#main-trailblock li.major-heading h2,
body.most-viewed div#content ul#main-trailblock li.major-heading h2,
body.most-popular div#content ul#main-trailblock li.major-heading h2
{
	border-color: #ccc;
}

/*
pixie colors - same for each section so hard-coded here
------------------------------------------------------------------------------*/


div.news li.pixie div.caption,
div.news li.pixie div.trail-text,
div.news div.caption
{
	background-color: #ce2e20;
}

div.news li.pixie a,
div.news div.caption h2,
div.news div.caption h1
{
	color: black
}

div.news li.pixie p.strap a,
div.news div.caption h2 a,
div.news div.caption h1 a
{
	color: white
}

#highlights .pixie li.sport h3 a,
#wrapper #main-trailblock #highlights li.sport h3 a
{
	color: #216a07;
}

#highlights .pixie li.travel h3 a,
#wrapper #main-trailblock #highlights li.travel h3 a
{
	color: #06f;
}

#highlights .pixie li.blogs h3 a,
#highlights .pixie li.news h3 a,
#highlights .pixie li.comment h3 a,
#wrapper #main-trailblock #highlights li.blogs h3 a,
#wrapper #main-trailblock #highlights li.news h3 a,
#wrapper #main-trailblock #highlights li.comment h3 a
{
	color: #c00;
}

#highlights .pixie li.lifestyle h3 a,
#wrapper #main-trailblock #highlights li.lifestyle h3 a
{
	color: #ffd200;
}

#highlights .pixie li.arts-culture h3 a,
#wrapper #main-trailblock #highlights li.arts-culture h3 a
{
	color: #f09;
}

#highlights .pixie li.media-professional h3 a,
#wrapper #main-trailblock #highlights li.media-professional h3 a
{
	color: #e13209;
}


#highlights .pixie li.business-money h3 a,
#wrapper #main-trailblock #highlights li.business-money h3 a
{
	color: #5d15ad;
}

#highlights .pixie li.jobs h3 a,
#highlights .pixie li.shops-services h3 a,
#wrapper #main-trailblock #highlights li.shops-services h3 a
{
	color: #005689;
}



li.mugshot div.trail-text
{
	background-color: #ccc;
}


li.mugshot h3 a,
li.mugshot div.trail-text a,
li.mugshot div.trail-text strong,
li.mugshot div.trail-text b
{
	color: #333;
}


li.mugshot p a 
{
	color: #005689;
}

li.mugshot div.trail-text strong a,
li.mugshot div.trail-text 
{
	color: #333;
}


li.mugshot div.caption
{
	background-color: #e2e2e2;
}

#wrapper div#section-contents li.mugshot p.strap a,
#wrapper div#highlights li.mugshot p.strap a
{
	color: #000;
}

li.mugshot div.trail-text
{
	background-color: #e2e2e2;
}

li.pixie.wide div.caption,
#wrapper #main-trailblock #highlights li.pixie div.caption
{
	background-color: #a5a5a5;
}

li.pixie h3 a 
{
	color: #000;
}

#wrapper #main-trailblock li.pixie div.caption,
#wrapper #second-trailblock li.pixie div.caption
{
	background-color: #639f18; /* $sectionAccent */
}

#wrapper #main-trailblock li.pixie div.caption a.link-text,
#wrapper #second-trailblock li.pixie div.caption a.link-text
{
	color: white;
}

#wrapper #main-trailblock li.pixie div.caption h3 a.link-text,
#wrapper #second-trailblock li.pixie div.caption h3 a.link-text,
#wrapper #main-trailblock li.pixie div.trail-text a,
#wrapper #second-trailblock li.pixie div.trail-text a
{
	color: black;
}


/* vivid front section accents */

#wrapper #box ul li.News h2, 
#wrapper #box ul li.News h3 {
	border-color: #ce2e20;
}

#wrapper #box ul li.sport h2, 
#wrapper #box ul li.sport h3,
#wrapper #box ul li.Sport h2, 
#wrapper #box ul li.Sport h3 {
	border-color: #9c3;
}

#wrapper #box ul li.Politics h2, 
#wrapper #box ul li.Politics h3 {
	border-color: #da0034;
}

#wrapper #box ul li.Science h2, 
#wrapper #box ul li.Science h3 {
	border-color: #2bbafe;
}

#wrapper #box ul li.travel h2,
#wrapper #box ul li.travel h3,
#wrapper #box ul li.Travel h2,
#wrapper #box ul li.Travel h3 {
	border-color: #11b1ff;
}

#wrapper #box #blogging-section h2,
#wrapper #box ul li.blogs h3 {
	border-color: #ce2e20;
}

#wrapper #box ul li.lifestyle h2,
#wrapper #box ul li.lifestyle h3 {
	border-color: #ffd200;
}

#wrapper #box ul li.arts-culture h2,
#wrapper #box ul li.arts-culture h3 {
	border-color: #f8298b;
}

#wrapper #box ul li.media-professional h2,
#wrapper #box ul li.media-professional h3,
#wrapper #box ul li.Media h2,
#wrapper #box ul li.Media h3 {
	border-color: #ff8400;
}

#wrapper #box ul li.business-money h2,
#wrapper #box ul li.business-money h3 {
	border-color: #8388e4;
}

#wrapper #box ul li.comment h2,
#wrapper #box ul li.comment h3 {
	border-color: #ce2e20;
}


#wrapper #box ul li.jobs h2,
#wrapper #box ul li.jobs h3 {
	border-color: #a6d1e2;
}


#wrapper #box ul li.news h2,
#wrapper #box ul li.news h3 {
	border-color: #ce2e20;
}


#wrapper #box ul li.shops-services h2,
#wrapper #box ul li.shops-services h3 {
	border-color: #266f9b;
}

#wrapper #box ol.most-read li.first h2,
#wrapper #box ol.most-read li.first h3 {
	border-color: #266f9b;
}

/* end of vivid front section accents */





}
          /* ----------  accent.css ends here ----------- */

div#bgpromotion
{
	float: left;
}

div#wrapper div#section-contents div#bgpromotion li.major-heading,
div#wrapper div#section-contents div#bgpromotion li.image
{
	border: 0;
}

div#bgpromotion li.major-heading h3
{
	border-top: 10px solid;
	font-family: georgia, serif;
	font-size: 1.166em;
	font-weight: bold;
	margin-bottom: 14px;
}