/* ---------- 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: #09c; /* $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 */
}

body.third-party-toolkit div#footer
{
    border-color: #e85e11; /* $sectionAccent */
}

}
          /* ----------  accent.css ends here ----------- */
@media screen
{
ul.pixie div.caption
{
	background-color: #a5a5a5;
	height: 3em
}

ul.trail h3
{
	font-family: georgia, serif;
}

div#wrapper div#header
{
	border-bottom-color: #F9C97F
}

#nav ul,
div#footer
{
	border-top-color: #e85e11;
}

#nav ul li
{
	border-color: white;
}
	
#katine-promo h2,
body.article #box,
#wrapper div#box div#content ul li h2,
#wrapper div#box div#related ul li h2,
body.other div#box div#content h2,
body.other div#box div#content h3,
body.other div#box div#related h2,
body.other div#box div#related h3,
body.front div#box div#content h2,
div#wrapper div#box div#content div#main-trailblock div.first div.capsule ul#editor-zone-1 li.major-heading h2
{
	border-top-color: #f9c97f
}

#nav ul li a
{
	background-color: #f29f11;
	color: white;
	display: block;
	padding: 2px 2px 11px 2px;
}



body.front #wrapper #content #main-zone .first li.wide div.trailtext
{
	font-family: georgia, serif;
}

body.front #wrapper #content #main-zone .first li.wide h3 a
{
	color: #005ca3;
	font-weight: bold;
}

body.front #wrapper #content #main-zone .first li.wide h3 a:active,
body.front #wrapper #content #main-zone .first li.wide h3 a:focus
{
	background-color: #005ca3;
	color: white;
}

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


#pixie-block li.sport h3 a 
{
	color: #216a07;
}

#pixie-block li.travel h3 a
{
	color: #06f;
}

#pixie-block li.blogs h3 a,
#pixie-block  li.news h3 a,
#pixie-block  li.comment h3 a
{
	color: #c00;
}

#pixie-block li.lifestyle h3 a
{
	color: #ffd200;
}

#pixie-block li.arts-culture h3 a
{
	color: #f09;
}

#pixie-block li.media-professional h3 a
{
	color: #e13209;
}



#pixie-block li.business-money h3 a
{
	color: #5d15ad;
}

#pixie-block li.jobs h3 a,
#pixie-block 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
{
	background-color: #a5a5a5;
}

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


#badge,
#badge a
{
	background-color: transparent;
	color: #333
}

li.major-heading
{
	width: 100% !important; /* Safari bug requires !important otherwise headings disappear  */
}							/* Not a problem in web kit so delete once safari > 2.0.4 (419.3) */

}