/* ----------------------------------------------------------
Site: All 'Programmes' sites
Filename: s-pagetype-subindex.css
URL:
Author: Peter Barclay
Version: 2008.03.31
Description: Layout and cosmetic 
Comments: This stylesheet provides models for subindex-type pages.

Notes:

KEY: 
n1. Where pngs are used, the rule must be replicated in the sibling css file (s-ie-png.css) with the appropriate ie-specific filter.
n2. Relative positioning in parent element, so we can use absolute positioning to sit a child footer caption box over the image.
n3. Positioned offscreen: content hidden from some users (but still available to screen readers).
n4. Themes - ROWS: Borders on rows require reduction in LH padding on .p-mod element, otherwise, they will break the visual language and also float wrongly (last one will possibly wrap).
n5. Themes - PROMOS: Borders on promos require reduction in L and R padding (at least) on .promo element, otherwise, they will break the visual language and also float wrongly (last one will possibly wrap).

Index:
=JS NAMESPACE
	A set of rules for javascript-enabled use - non-js users don't get them as the html.js context is written in with Javascript.
=CORE PAGE STRUCTURE ELEMENTS
	Basic page framework - main content area containers, etc;
=STANDALONE ELEMENTS (OUTSIDE LH and RH AREAS)
	e.g. masthead, main nav strip, social bookmarking etc
=COMMONLY RE-USED CONTENT MODULES (prg-grp, p-grp, p-mod, promo etc) 
	Rows, modules, promos and other re-useable elements
	Variants on the basic modules (eg rows with 1, 2, 3, 4, 6 promo modules)
=COMMONLY RE-USED SMALLER ELEMENTS - quote boxes, etc
=SPECIFIC CONTEXTS AND USAGES
	* --- CONTEXT: 'FEATURED' CONTENT AREA ( = 'Main' content area) ---
	* --- CONTEXT: 'EXTRA' CONTENT AREA ( = RH Content) AREA) ---
=VISIONAPPS 
	comments, galleries, uploader etc	
=DEPRECATE - 
	Anything to be replaced/revised/removed
	
---------------------------------------------------------- */

/* =JS NAMESPACE
--------------------------------------------- */



/* =CORE PAGE STRUCTURE ELEMENTS
--------------------------------------------- */
	/* Wide page variant (no '#prg-wrapper-extra' container ) */
		.prg-subindex-b #prg-wrapper-featured {
			width:946px;
		}


/* =STANDALONE ELEMENTS (OUTSIDE LH and RH AREAS)
--------------------------------------------- */


/* COMMONLY RE-USED CONTENT MODULES (prg-grp, p-grp, p-mod, promo etc) 
-------------------------------------------- */
	
	/* --
	Rows, modules, promos and other re-useable elements
	-- */
		


	/* --
	Variants on the basic modules (eg rows with 1, 2, 3, 4, 6 promo modules)
		Supplementary classes extending basic .p-grp, .p-mod and .promo selectors.
		Note: Higher specificity than the standard class, to extend/override basic selector rules correctly.
	-- */
	


/* =COMMONLY RE-USED SMALLER COMPONENTS - quote boxes, etc
--------------------------------------------- */
	
	.prg-subindex .prg-wrapper .p-emp {
		text-align:center;
	}


/* =SPECIFIC CONTEXTS AND USAGES
--------------------------------------------- */
	
	/* --
	CONTEXT: 'FEATURED CONTENT' AREA ( = 'Main' content area)
	-- */
	
	
	/* --
	CONTEXT: 'EXTRA CONTENT' AREA ( = RH content area)
	-- */


	
/* =DEPRECATED */

