/* ----------------------------------------------------------
Site: genres
Filename: s-themes.css
URL: 
Author: Peter Barclay
Version: 2008.03.03
Description: Mainly Cosmetic, poss. some limited layout statements. 
Comments: This stylesheet provides colourways, furniture etc for a specific genre instance, e.g. /food/.
NB: Nothing should be provided in this stylesheet which would affect global cosmetic rules.

Index:
=Elements, IDs, Classes

---------------------------------------------------------- */


/* =Elements, IDs, Classes
--------------------------------------------- */

/* Outer parent div for everything between template masthead and template footer
-------- */
.g-content {
	background:#fafaf4;
	background-image:url(/staticarchive/dfa0421670b3741d9d2ae61624e6972f65197203.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	font-family:arial,helvetica, sans-serif;
}
	
/* Genre-level masthead (banner) 
-------- */
#g-masthead {	
	background:none;
}		
	#g-masthead h1 {
		background:none;
	} 

/* #g-content-featured: principal promos area. 
	Any combination of:
	lead (main) promo
	generic promos
-------- */

/* Genre featured promos a and b - principal promos sub-areas 
	Any combination of:
	generic promos
-------- */
#g-content-featured {
	background:none;
}

#g-content-featured-a,
#g-content-featured-b {
	background:none;
}		
#g-content-featured-a {
	float:left;
}	
#g-content-featured-b {
	float:right;
	overflow:hidden;
	zoom:1;
	width:306px;
}

/* #g-content-extra. 
	Any combination of:
	APS feed, 
	iPlayer, 
	MPU ad
	Genre directory
	Other promos 
-------- */
#g-content-extra {
	background:none;
}	

/* for Lead promo - sets onload default style for tabbing functionality  */
.blq-js #gardening-p-lead-b {
	display:none;
}
.blq-js #gardening-p-lead-c {
	display:none;
}
.blq-js #gardening-p-lead-d {
	display:none;
}



/* =Genre Content Global rules - anywhere within the g-content area:
--------------------------------------------- */

body .g-content a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
body .g-content a:hover {
	text-decoration:underline;
}
body .g-content .play {
	background:none;
	background-image:url(/staticarchive/32aa315fc4731af36a10daf5f6e3a4624fa5105b.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
}

/* =Modules
--------------------------------------------- */	

/* Lead promo ('featured' area):
-------- */			
.p-lead-shell {
	background:none;
}
	.p-lead-shell ul.pModLead {
		background:#c1cd1e;
		color:#1a4f00;
	}	
	
	.p-lead-shell ul.pModLead li.promoLead {
		background:#c1cd1e;
	}
	.p-lead-shell ul.pModLead li h5 {
		background:none;
	}	
	.p-lead-shell ul.pModLead li p {
		background:none;
	}		
	.p-lead-shell ul.pModLead li a {
		color:#1a4f00;
	}
	.p-lead-shell ul.pModLead li .promoAsset {
		background:none;
	}	
	.p-lead-shell ul.pModLead li .promoCopy {
		background:c1cd1e;
	}		
	.p-lead-shell ul.pModLead li.p-copy-foot .promoCopy {
		background:#c1cd1e;
		color:#1a4f00;
	}
	.p-lead-shell li.promoLead .promoCopy ul li {
		background:none;
		list-style-type:disc;
		list-style-position:outside;
	}
	
	/* Lead promo tabs */
	/* Container */
	.p-lead-shell ul#p-lead-tabs {
		background:none;
	}		
	/* Tabs - basic */ 
	ul#p-lead-tabs li {
		background:none;
		background-image:url(/staticarchive/22c8a1e989627d48336ebeb6efc0441c86427d7d.gif);
		background-position:center bottom;
		background-repeat:no-repeat;
	}
	/* The leftmost tab*/								
	ul#p-lead-tabs li#p-lead-tab-first {
		background-position:left bottom;
	}
	/* The rightmost tab*/	
	ul#p-lead-tabs li#p-lead-tab-last {
		background-position:right bottom;
	}
	/* When a tab is selected (not leftmost or rightmost) - the bg is deep enough to extend from the bottom of the li to the top, 
	including the top padding, so this tab appears to be flush with the promo content above.*/			
	ul#p-lead-tabs li.selected {
		background-image:url(/staticarchive/e14906d24bb92ba9fa2fdcdbe0e791805e26cd60.gif);
		background-position:center bottom;
		background-repeat:no-repeat;
	}								
	ul#p-lead-tabs li div {
		background:none;
		background-image:url(/staticarchive/560a8163274c2f1f9923d9f91c06f23f8d3d65d6.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
	}		
	ul#p-lead-tabs li div a {
		color:#1a4f00;
		font-weight:normal;
	}		
	ul#p-lead-tabs li div a:hover {
		text-decoration:none;
	}	
	ul#p-lead-tabs li.selected div {
		background:none;
	}
	
/* Basic all-purpose promo 
--------  */	

/* Basic promo - contains any of:
	Image (full or thumb)
	Headings 
	Text copy
	Lists
	Links, stand-alone or in lists
	Forms with drop-down menus
	APS content
	MPU ad content
	Message board copy
	Directory listings
...
--------  */
.promo {
	background:#fff;
	background-image:url(/staticarchive/2c45ccc591e637822035326cc11bc3f98f0aeef4.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	border:1px solid #c1cd1e;
	padding:9px;
}

.promo h3,
.promo h3 a {
	color:#000;
}

.promo .readMore {
	background-image:url(/staticarchive/200ab331c1240c188adadd7ac52f9132b38a10b1.gif);
}

.promo ul.listContent li {
	list-style-type:disc;
	list-style-position:outside;
}

/* =Module variants - supplementary classes extending basic 'promo' rule.
--------------------------- */	

/* Promo theme variants - e.g variant background colours, borders on/off etc */

.g-content .graphic-heading h3,
.g-content .graphic-heading-p-tn h3 {
	background:#c1cd1e;
	border-top:1px solid #c1cd1e;
	border-bottom:1px solid #c1cd1e;
	background-image:url(/staticarchive/b842ea126a4395d71c777d41b7d86bce0248f8ae.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.g-content .graphic-heading-p-tn h3 {
	border-top:0px;
}

.g-content .p-borders { /* Promo with 1px tramline: */
	border-color:#000;
}
.g-content .p-bg-semitrans { /* See note n1. background-image:url(f/bg-semitrans.png); Change the transparency level of this file if required. */
	
}
.g-content .p-bg-theme1 { /* Coloured background variant - change hex value as required: */
	background:#d2b4ac;
}
.g-content .p-bg-theme2 { /* Coloured background variant - change hex value as required: */
	background:#b0c4de;
}
.g-content .p-bg-theme3 { /* Coloured background variant - change hex value as required: */
	background:#8fbc8f;
}
.g-content .p-bg-theme4 { /* Coloured background variant - change hex value as required: */
	background:#fff;
}
.g-content .p-bg-theme5 { /* Coloured background variant - change hex value as required: */
	background:#fff;
	background-image:url(/staticarchive/3523ef955c740ac31fbc62164d42856252c25762.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
.g-content .p-bg-theme6 { /* Coloured background variant - change hex value as required: */
	background:#fff;
	background-image:url(/staticarchive/86c3b140ae390eeb8a0dbf9537323460e23d3b64.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

/* Bespoke promo - zero most of the styling for standard promo  */
.g-content .p-bespoke {	
	background-color:#fff;
	border:1px solid #c1cd1e;
	padding:9px;
}
.g-content .p-bespoke img {
	margin-bottom:-2px;
}	
.g-content .p-bespoke h3 {	
	background-image:url(/staticarchive/947fc67f01a0df19ccd332cf1f40d46f41cff184.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-bottom:1px solid #dcc8aa;
	padding: 9px;
	margin:-10px;
}
.g-content .p-bespoke h3 a {
	color:#5f6e24;
}
.g-content .p-bespoke p {	
	padding: 15px 0 10px 0;;
}
.g-content .p-bespoke-inner {
	padding:0;
	margin:0;
}
.g-content .p-bespoke-inner-search {
	background:#fff;
	padding:10px;
	margin:0;
	border:1px solid #d6be9b;
	background:url(/staticarchive/c6dda837dbc38b3f63a344009b2cd8ad5918db4f.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}
.g-content .p-bespoke-inner-search-left {
	background:url(/staticarchive/5e1d9fa84b30ea9e46338c934d2ae2d530ff28cd.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	width:165px;
	float:left;
}
.g-content .p-bespoke-inner-search-right {
	background:url(/staticarchive/1afee5d6f8f2bd8828a06f355c52e0bef969583f.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.g-content .p-bespoke-inner-search .type {
	background:#fff;
	width:150px;
	height:20px;
	padding:7px 2px 2px 3px;
	background:url(/staticarchive/fde5b317f6387c69d2474a68dd697192efcbbb04.gif);
	background-repeat:repeat-x;
	background-position:left;
}
.g-content .p-bespoke-inner-search-button {
	background:#fff;
	width:70px;
	height:20px;
	margin: 5px 0 0 5px;
	padding:0 3px 2px 0;
	background:url(/staticarchive/6c998ac08f4762d795d5aa2b2282e30e0b1a7296.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#fff;
	cursor:pointer;
}
.g-content .p-bespoke-inner-search-other a {
	font-size:0.8em;
	padding:5px 0 5px 0;
	font-weight:normal;
}
	
/* icons */
/* Basic 'Look at me' icon */
.g-content h3.p-icon-highlight {
	background:none;
	background-image:url(/staticarchive/d6c5d59222d53fe0f0db2901a176443999d8d2b7.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Content-specific icons: */
/* Article */
.g-content h3.p-icon-article {
	background:none;
	background-image:url(/staticarchive/dd9de5168956dd1324ea426a82dbe51df25c00fa.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Gallery */
.g-content h3.p-icon-gallery {
	background:none;
	background-image:url(/staticarchive/6157f45e902ef112311876607ded0be4c8ad0e53.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Game */
.g-content h3.p-icon-game {
	background:none;
	background-image:url(/staticarchive/6abda8ed388d6d0cc8efb37eedffffc0317857b3.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Messageboard */
.g-content h3.p-icon-messageboard {
	background:none;
	background-image:url(/staticarchive/da4fce0178ce50a3fe0d507031c6b1678f4ed19b.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Mobile */
.g-content h3.p-icon-mobile {
	background:none;
	background-image:url(/staticarchive/7b8c048c96e966018f5f6b05db77b662692f3f61.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Newsletter */
.g-content h3.p-icon-newsletter {
	background:none;
	background-image:url(/staticarchive/afdd77bfed40df77add99f619d87e9e26b596f56.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Print */
.g-content h3.p-icon-print {
	background:none;
	background-image:url(/staticarchive/bc5021d822118986f999b95de5c8d236145d992e.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Movie */
.g-content h3.p-icon-movie {
	background:none;
	background-image:url(/staticarchive/21aae02b38f43016f733bd4d44663e84f6dd9369.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* TV */
.g-content h3.p-icon-tv {
	background:none;
	background-image:url(/staticarchive/20ad844c6be61c0d4f1bb5066e9568845a95cb1f.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* Feeds */
.g-content h3.p-icon-feeds {
	background:none;
	background-image:url(/staticarchive/e8a4e149ba6b8c2f6e46e03a5851b5e005073277.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
.g-content .p-feeds ul li {
	margin:0 0 3px 12px;
	list-style-type:disc;
	list-style-position:outside;
}

/* APS (automated programme service) */

/* APS shell */
.g-content .p-aps {
	background:#fafaf2;
}

.g-content .p-aps .aps-body {
	background:#fafaf2;	
	background-image:url(/staticarchive/c556cb60c46f5c35db7d599195048a12c0bd423d.gif); /* thin tramline behind tabs */
	background-position:left top;
	background-repeat:repeat-x;	
}

.g-content .p-aps .aps-header {
	background:#dadd81;	
	background-image:url(/staticarchive/4f44f1697e18051be2fed1e11386db75c7a97190.gif); /* thin tramline behind tabs */
	background-position:left bottom;
	background-repeat:repeat-x;	
}

.g-content .p-aps .aps-header h3 {
	color:#5f6e24;
}

	/* APS nav - tabbing: */
	.g-content .p-aps #aps-tabs {
		background:none;
		background-image:url(/staticarchive/0bad6f2fa316a538d9e18b8d4717d6373299f99e.gif); /* thin tramline behind tabs */
		background-position:left bottom;
		background-repeat:repeat-x;	
	}
	.g-content .p-aps #aps-tabs li a,
	.g-content .p-aps #aps-footer a {
		color:#5f6e24;
	}
	
	.g-content .p-aps #aps-tabs li {
		background:#fefefb;
		border-width:1px;
		border-style:solid;
		border-color:#576e24;
	}
	.g-content .p-aps #aps-tabs li.selected {
		border-bottom-color:#edf0c2; /* border-bottom-color should match background colour */
		background:#edf0c2;
	}


/* Directory listings */

.g-content .p-dir {
	background:#fafbec;
	color:#5f6e24;
}

.g-content .p-dir a {
	color:#5f6e24;
	font-weight:normal;
}

.g-content .p-dir a.lead {
	font-weight:bold;
	color:#000;
}

.g-content .p-dir h3 {
	background:#f4f7d8;
	color:#5f6e24;
}

/*Message boards*/

.g-content .p-mboard {
	background:#ffffff;
	background-image:url(/staticarchive/8e8952fdacc6afec2c1d3c08ac23279a124db8d9.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border:1px solid #4c601f;
}
.g-content .p-mboard blockquote {
	background:none;
	background-image:url(/staticarchive/b3a829ed5a2bfe81958235898b2c3fb91e50714d.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
.g-content .p-mboard blockquote .quote {
	background:none;
	background-image:url(/staticarchive/742bf3a5b4b2cb2d89243e46b1254045829295e7.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}
.g-content .p-mboard h3 {
	border-bottom:1px solid #decbaf;
	margin:-9px -9px 9px -9px;
	padding:9px;
}
.g-content .p-mboard h3 a {
	color:#333333;
}

/* Start of Programme Finder rules */

.g-content #p-aps-container .p-aps-header-container h3, 
.g-content .p-aps .aps-header h3 {
	color: #1a4f00;
}

#p-aps-container {
	background:#c1cd1e;	
	background-image:url('/staticarchive/6caf03fd2631b3f230a532ad5e7e0c3bc7427ff3.gif');
	background-position:left top;
	background-repeat:repeat-x;
}

.g-content #p-aps-container .p-aps-header-container {
	background: none;
	color: #1a4f00;
}

.g-content #p-aps-container a {
	color: #1a4f00;
}

.g-content #p-aps-container #p-aps-tabs {
	background:none;
	background-image:url('/staticarchive/0bad6f2fa316a538d9e18b8d4717d6373299f99e.gif'); /* thin tramline behind tabs */
	background-position:left bottom;
	background-repeat:repeat-x;	
}

.g-content #p-aps-container #p-aps-tabs li {
	background:#fdfdf9;
	border-width:1px;
	border-style:solid;
	border-color:#6f8c2e;
}

.g-content #p-aps-container #p-aps-tabs li a {
	background: #dce295 url('/staticarchive/94211ab037373ed0fad44c8dd1c092c34e18a095.gif') repeat-x 0 0;
}

.g-content #p-aps-container #p-aps-tabs li.selected {
	border-bottom-color:#fdfdf9; /* border-bottom-color should match background colour */
	background:#fdfdf9;
}

.g-content #p-aps-container #p-aps-tabs li.selected a {
	background: #fdfdf9 url('/staticarchive/d84dd01f03729d64eace0c3c45b5f8f10f25cbf2.gif') repeat-x 0 0;
}


.g-content #p-aps-container #p-aps-tv-container, 
.g-content #p-aps-container #p-aps-radio-container {
	background: #eaeeb4 url('/staticarchive/b59a2a6f9a7874be94ccad792203277a9ee6ccd2.gif') repeat-x 0 0;
}

.p-aps-tv-iplayerlinks .programme-name, 
.p-aps-radio-iplayerlinks .programme-name {
	font-weight: bold;
}

.p-aps-tv-iplayerlinks .episode-name, 
.p-aps-radio-iplayerlinks .episode-name {
	font-weight: normal;
}

.g-content #p-aps-container div.p-aps-tv-iplayer-header-container, 
.g-content #p-aps-container div.p-aps-radio-iplayer-header-container {
	background: url('/staticarchive/c54906281494288b4a52a30cf7d27e4ec4634d23.gif') no-repeat top left;
	padding-top: 5px;
	padding-bottom: 0;
	margin-top: 8px;
}

.g-content #p-aps-container .p-aps-tv-links a, 
.g-content #p-aps-container .p-aps-radio-links a {
	color:#000;
}

.g-content #p-aps-container .p-aps-tv-links li, 
.g-content #p-aps-container .p-aps-radio-links li, 
.aps-body .p-aps-tv-links li, 
.aps-body .p-aps-radio-links li {
	background:transparent url('/staticarchive/2ac4447e60e10e3cf2137c613ce6aed1cc47bd13.gif') no-repeat scroll 0 3px;
}

.p-aps-tv-iplayerlink-textlink, 
.p-aps-radio-iplayerlink-textlink {
	background: transparent url('/staticarchive/d8f085e4009924ba060602e45e8ae48f312564b5.gif') no-repeat scroll 0 0;
}

#p-aps-tv-container .p-aps-tv-iplayer-header-container a, #p-aps-radio-container .p-aps-radio-iplayer-header-container a {
	background: transparent url('/staticarchive/9e9c395ba876c0e989274a869447a1116427c5f0.png') no-repeat scroll 0 1px;
	display: block;
	font-weight: normal;
	margin: 10px 0 12px;
	padding: 0 0 1px 105px;
	color: #000;
}

.p-aps-iplayer-morelink a {
	color: #000 !important;
}