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

@media all{

.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: #005689; /* $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: #005689; /* $promoLink */
    color: white; /* $promoLinkReverse */
}


/*lightbox special case*/
body.gallery div.lightbox ol li a:hover
{
    background-color: #cc2800; /* $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: #005689; /* $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: #005689; /* $frontLinkReverse */
}


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


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

/* colours for cif front */

body.front div#wrapper
{
	background-image: url(images/cif-background-lines.gif);
	background-position: center;
	background-repeat: repeat-y;
}

body.video div#wrapper
{
	background-image: none;
}

body#cif-front div#heading
{
	position: relative;
}

body.front a#cp-scott
{
	position: absolute;
	bottom: 0;
	right: 0;
}

div#cif-cartoon span,
div#cif-cartoon ul.pixie div.caption
{
	background: #0061a6;
	color: white;
}

div#cif-picks div.full,
div#cif-hot-topics h3,
div#pickable-tag-combiner h3
{
	border-top-color: #a1a1a1;
	border-bottom-color: #737373;
}

div#pickable-tag-combiner h3
{
	padding-top: 3px;
	padding-bottom: 5px;
}
	
div#cif-picks div.reduced
{
	border-top-color: #737373;
}

div#cif-picks h4
{
	border-bottom-color: #737373;
}

body.front div#related,
body.article div.article-trailblock
{
	background-color: #e7e7e7;
}

body.video div#related
{
	background-color: #fff;
}

p#all-stories-link
{
	border-top-color: #999;
}
	
div#also-on span.date,
div#related span.date
{
	border-top-color: #817f81;
}

div#also-on h3,
div#related h3,
body.cif div#also-on div.latest-news  ul li h3
{
	border-top-color: #4d4b4e;
}

div#also-on
{
	border-top-color: white;
	border-bottom-color: white;
}

div#promo
{
	border-bottom-color: white;
}

body.front div#also-on ul.pixie li.business div.caption
{
	background-color: #4a64d9;
}

body.front div#also-on ul.pixie li.comment div.caption
{
	background-color: #0061a6;
}

body.front div#also-on ul.pixie li.culture div.caption
{
	background-color: #d1008b;
}

body.front div#also-on ul.pixie li.environment div.caption
{
	background-color: #7bbb00;
}

body.front div#also-on ul.pixie li.life-and-style div.caption
{
	background-color: #ffc202;
}

body.front div#also-on ul.pixie li.money div.caption
{
	background-color: #8f1ab6;
}

body.front div#also-on ul.pixie li.news div.caption
{
	background-color: #d61d00;
}

body.front div#also-on ul.pixie li.sport div.caption
{
	background-color: #008000;
}

body.front div#also-on ul.pixie li.travel div.caption
{
	background-color: #65c5fb;
}

body.cif-combiner div#main-trailblock h2,
body.cif-combiner div#cif-recent-header h2
{
	border-color: #0061a6;
}


div#promo h3#cp-scott-promo a
{
	color: #005689;
}