/* ----------------------------------------------------------
Site: 'Wireframe' site
Filename: s-themes.css
URL:
Author: Peter Barclay
Version: 2008.07.16
Description: Mainly cosmetic 
Comments: This stylesheet provides styling for this brand of the programmes templates.

Notes:
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. ROWS: Borders on rows require corresponding reduction in LH padding on .p-mod element, otherwise, they will break the visual language and also float wrongly (last one will possibly wrap).
n3. PROMOS: Borders - see note 4.

Index:
=UNIVERSAL STYLING - 
	Some basic high-level styling applied universally FOR THIS SITE/BRAND ONLY (links, etc)
	Ensure Progs B content and Barlesque page areas are targeted separately as appropriate - use Progs B hooks to do this (e.g. .prg-wrapper, #prg-wrapper-shell etc)
=MAIN PAGE STRUCTURE ELEMENTS
=STANDALONE ELEMENTS 
	(OUTSIDE LH and RH AREAS) - e.g. masthead, main nav strip etc
=COMMONLY RE-USED CONTENT MODULES (p-grp, p-mod, promo etc)
=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) ---
	* --- CONTEXT: PAGETYPE-SPECIFIC: Styling only applying to specific page types (index, subindex, content) ---
=BESPOKE THEMES - system for styling selected content blocs and descendants differently from defaults.	
=VISIONAPPS - comments, galleries, uploader etc

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

/* =SITE-LEVEL GENERIC STYLING 
--------------------------------------------- */

h2, h3, h4{
  background:#fff;
}

.nav-cat-artists h2, .nav-cat-artists h3, .nav-cat-artists h4{
  background:#f5f5f5;
}


	/* Re-defining some global links settings: */
		.prg-wrapper a {
			font-weight:bold;
			color:#990032;
		}
		.prg-wrapper a,
		.prg-wrapper a:link,
		.prg-wrapper a:visited {
			text-decoration:none;
		}
		.prg-wrapper a:hover {
			text-decoration:underline;
		}

	/*Standalone headings*/
		.prg-wrapper .prg-grp h2 {

		}
		
		.prg-wrapper h2.standalone {
			/*	border-right:3px solid #86748C;
				border-bottom:3px solid #685E69; */
				margin-bottom:10px;
				font-size:15px;
				line-height:0.6em;
				background-color:
#f5f5f5;
		}


/* =MAIN PAGE STRUCTURE ELEMENTS
--------------------------------------------- */
	/* Outer containers enclosing everything between Barlesque opening and closing content. */
		.prg-wrapper {
			background: #a42c8c url('/staticarchive/ad4a17de2b8f6ed53979d3e2e56632c6268575ba.jpg') no-repeat;
			font-family:arial, sans-serif;
		}

		.prg-wrapper .p-grp h2 {
      margin-bottom:10px;
		}
		.prg-wrapper h1, .prg-wrapper h2, .prg-wrapper h3
		{
			font-family:arial, sans-serif;
			background-color:#f5f5f5;

		}
		 .glow-gecko .prg-wrapper h1, .prg-wrapper h2, .prg-wrapper h3
		 {
			background:transparent;
		 }

		#prg-wrapper-shell
		{
		font-family:arial,sans-serif;
		color:#3A3A3A;
		}
		

/* =STANDALONE ELEMENTS - OUTSIDE 'FEATURED' AND 'EXTRA' AREAS 
--------------------------------------------- */	

	/* MASTHEAD(banner) */
		#prg-masthead {	
			height: 170px;
			padding: 0;
			margin-bottom: 0;
		}
		#prg-masthead img {	
			position: absolute;
			top: 50px;
			right: 0;
		}

	/* MAIN NAV (usu. top of page) */
		#prg-nav-main {
			background-color:#666;
			padding: 0;
			text-align: center;
			 
		}
		#prg-nav-main ul.nav-strip {
			margin: 0 0 0 85px;
			text-align:left;
		}
		#prg-nav-main ul.nav-strip li

    {

    display: -moz-inline-box;

    padding-top: 0pt;

    padding-right: 0pt;

    padding-bottom: 0pt;

    padding-left: 1px;

    }
		#prg-nav-main li {
			background-image:url(/staticarchive/9f69c326a60a6b18cffc051bb42e61e531006819.gif);
			background-position:left center;
			background-repeat:no-repeat;
		}	
		#prg-nav-main li.nth-child-1 {
			background: none;
		}
			#prg-nav-main a {
				color:#fff;
			}
			#prg-nav-main a:link {
				color:#fff;
			}
			#prg-nav-main a:visited {
				color:#fff;
			}
			#prg-nav-main a:hover {
				background-color:#990032;
				color:#fff;
			}	
			#prg-nav-main a:active {
				color:#000000;
			}
			
			.prg-wrapper #prg-nav-main a:hover {
				text-decoration:none;
			}

			/* Stick/highlighted states: */
	
				/* 'Episodes' */
				body.site-cat-episodes #prg-nav-main li.nav-cat-episodes a,
				body.nav-cat-episodes #prg-nav-main li.nav-cat-episodes a:link,
				body.nav-cat-episodes #prg-nav-main li.nav-cat-episodes a:visited,
				body.nav-cat-episodes #prg-nav-main li.nav-cat-episodes a:hover {
									background-color:#990032;
				color:#fff;
				}	
				
	
				/* 'Tickets' */
				body.site-cat-tickets #prg-nav-main li.nav-cat-tickets a,
				body.nav-cat-tickets #prg-nav-main li.nav-cat-tickets a:link,
				body.nav-cat-tickets #prg-nav-main li.nav-cat-tickets a:visited,
				body.nav-cat-tickets #prg-nav-main li.nav-cat-tickets a:hover {
									background-color:#990032;
				color:#fff;
				}					
				
				/* 'Artists' */
				body.site-cat-artists #prg-nav-main li.nav-cat-artists a,
				body.nav-cat-artists #prg-nav-main li.nav-cat-artists a:link,
				body.nav-cat-artists #prg-nav-main li.nav-cat-artists a:visited,
				body.nav-cat-artists #prg-nav-main li.nav-cat-artists a:hover {
									background-color:#990032;
				color:#fff;
				}					
				/* 'Home' */
				body.nav-cat-home #prg-nav-main li.nav-cat-home a,
				body.nav-cat-home #prg-nav-main li.nav-cat-home a:link,
				body.nav-cat-home #prg-nav-main li.nav-cat-home a:visited,
				body.nav-cat-home #prg-nav-main li.nav-cat-home a:hover {
									background-color:#990032;
				color:#fff;
				}	
					
				/* 'About' */
				body.nav-cat-about #prg-nav-main li.nav-cat-about a,
				body.nav-cat-about #prg-nav-main li.nav-cat-about a:link,
				body.nav-cat-about #prg-nav-main li.nav-cat-about a:visited,
				body.nav-cat-about #prg-nav-main li.nav-cat-about a:hover {
									background-color:#990032;
				color:#fff;
				}	
			
				/* 'News' */
				body.nav-cat-news #prg-nav-main li.nav-cat-news a,
				body.nav-cat-news #prg-nav-main li.nav-cat-news a:link,
				body.nav-cat-news #prg-nav-main li.nav-cat-news a:visited,
				body.nav-cat-news #prg-nav-main li.nav-cat-news a:hover {
									background-color:#990032;
				color:#fff;
				}	
			
				/* 'Characters' */
				body.nav-cat-characters #prg-nav-main li.nav-cat-characters a,
				body.nav-cat-characters #prg-nav-main li.nav-cat-characters a:link,
				body.nav-cat-characters #prg-nav-main li.nav-cat-characters a:visited,
				body.nav-cat-characters #prg-nav-main li.nav-cat-characters a:hover {
									background-color:#990032;
				color:#fff;
				}	
			
				/* 'Cast' */
				body.nav-cat-cast #prg-nav-main li.nav-cat-cast a,
				body.nav-cat-cast #prg-nav-main li.nav-cat-cast a:link,
				body.nav-cat-cast #prg-nav-main li.nav-cat-cast a:visited,
				body.nav-cat-cast #prg-nav-main li.nav-cat-cast a:hover {
									background-color:#990032;
				color:#fff;
				}	
				
				/* 'Comments' */
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a,
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a:link,
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a:visited,
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a:hover {
									background-color:#990032;
				color:#fff;
				}		
			
				/* 'Video' */
				body.nav-cat-video #prg-nav-main li.nav-cat-video a,
				body.nav-cat-video #prg-nav-main li.nav-cat-video a:link,
				body.nav-cat-video #prg-nav-main li.nav-cat-video a:visited,
				body.nav-cat-video #prg-nav-main li.nav-cat-video a:hover {
									background-color:#990032;
				color:#fff;
				}		
				
				
				/* 'Documentary' */
				body.nav-cat-documentary #prg-nav-main li.nav-cat-documentary a,
				body.nav-cat-documentary #prg-nav-main li.nav-cat-documentary a:link,
				body.nav-cat-documentary #prg-nav-main li.nav-cat-documentary a:visited,
				body.nav-cat-documentary #prg-nav-main li.nav-cat-documentary a:hover {
									background-color:#990032;
				color:#fff;
				}		
				
				
					/* 'Concerts' */
				body.nav-cat-concerts #prg-nav-main li.nav-cat-concerts a,
				body.nav-cat-concerts #prg-nav-main li.nav-cat-concerts a:link,
				body.nav-cat-concerts #prg-nav-main li.nav-cat-concerts a:visited,
				body.nav-cat-concerts #prg-nav-main li.nav-cat-concerts a:hover {
									background-color:#990032;
				color:#fff;
				}	
				
				/* 'Sleevenotes' */
				body.nav-cat-sleevenotes #prg-nav-main li.nav-cat-sleevenotes a,
				body.nav-cat-sleevenotes #prg-nav-main li.nav-cat-sleevenotes a:link,
				body.nav-cat-sleevenotes #prg-nav-main li.nav-cat-sleevenotes a:visited,
				body.nav-cat-sleevenotes #prg-nav-main li.nav-cat-sleevenotes a:hover {
									background-color:#990032;
				color:#fff;
				}		
				
				
				
				/* 'Pictures' */
				body.nav-cat-pictures #prg-nav-main li.nav-cat-pictures a,
				body.nav-cat-pictures #prg-nav-main li.nav-cat-pictures a:link,
				body.nav-cat-pictures #prg-nav-main li.nav-cat-pictures a:visited,
				body.nav-cat-pictures #prg-nav-main li.nav-cat-pictures a:hover {
									background-color:#990032;
				color:#fff;
				}	
				
				/* 'Photos' */
				body.nav-cat-photos #prg-nav-main li.nav-cat-photos a,
				body.nav-cat-photos #prg-nav-main li.nav-cat-photos a:link,
				body.nav-cat-photos #prg-nav-main li.nav-cat-photos a:visited,
				body.nav-cat-photos #prg-nav-main li.nav-cat-photos a:hover {
									background-color:#990032;
				color:#fff;
				}		
				
				/* 'Backstage' */
				body.nav-cat-backstage #prg-nav-main li.nav-cat-backstage a,
				body.nav-cat-backstage #prg-nav-main li.nav-cat-backstage a:link,
				body.nav-cat-backstage #prg-nav-main li.nav-cat-backstage a:visited,
				body.nav-cat-backstage #prg-nav-main li.nav-cat-backstage a:hover {
					background:#000000;
					color:#FFFFFF;
				}		
				
				/* 'Pictures' */
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a,
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a:link,
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a:visited,
				body.nav-cat-comments #prg-nav-main li.nav-cat-comments a:hover {
					background:#000000;
					color:#FFFFFF;
				}
				
				
				
				/* music bodge override to reset video link to non-highlight state */
		body.nav-cat-documentary #prg-nav-main li.nav-cat-home a:link,
		body.nav-cat-documentary #prg-nav-main li.nav-cat-home a:visited,
		body.nav-cat-documentary #prg-nav-main li.nav-cat-home a:hover {
			background-color:#666666;
		}

			
					/* music bodge override to reset video link to non-highlight state */
		body.nav-cat-concerts #prg-nav-main li.nav-cat-home a:link,
		body.nav-cat-concerts #prg-nav-main li.nav-cat-home a:visited,
		body.nav-cat-concerts #prg-nav-main li.nav-cat-home a:hover {
			background-color:#666666;
		}
			
				

	/* PAGE HEADER STRIP (full-page-width version, outside main content areas).*/
		#prg-header-main {
	
		}
		.prg-header {
			background:none;
			background-color:#1E2831;
			color: #FFFFFF;
		}
		.prg-header .content-extra {
			font-style:italic;
		}

	/* BOOKMARKS */
		#prg-bookmark,
    #prg-bookmark h2 {
			background:#C5DDF6;
		}
		#prg-bookmark a{
			background:#C5DDF6;
			color:#000;
			text-decoration:underline;
		}

/* =COMMONLY RE-USED CONTENT MODULES (prg-grp p-grp, p-mod, promo etc)
--------------------------------------------- */		
	
		/* Default 'Super-group' - style (prg-grp) 
			prg-grp is used to contain rows (p-grp) for presentational reasons.
			use selectively where other styling solutions aren't available
		*/
		.prg-grp {
			
		}		
		
		/* Default 'row' style */
		.p-grp {
			
		}		

		/* Default p-mod style */
		.p-mod {
			
		}	
	
		/* Default p-mod style */
		.p-mod-content {
		}		
	
		/* Default promo style */
		.promo {
	     background:#f5f5f5;
	    /* border-right:3px solid #86748C;
	     border-bottom:3px solid #685E69; */
		}	
		
		.promo img{
		  border:1px solid #000;
		}

			
/* =COMMONLY RE_USED SMALLER ELEMENTS - quote boxes, etc 
--------------------------------------------- */				
	
	/* Carousel */
		.prg-wrapper .prg-carousel-content {
			/*padding:5px 0 5px 6px;
			padding-left:0;*/
		}	

	/* Featured lead */
	.prg-featured-lead{
	 background:#f5f5f5;
	 padding-bottom:10px;
	/* border-right: 3px solid #86748c;
    border-bottom:3px solid #685e69;*/
	}
		.prg-featured-lead img.large{
    margin:0 90px 10px 90px;
    border:1px solid #000;
	} 

    .prg-featured-lead .promo{
      border:none;
    }
    .prg-featured-lead .promo p{
      background:#fff;
    }


    .nav-cat-home .prg-featured-lead p{
				margin:0 56px 10px 56px;
				width:502px;
				_width:512px;
				padding:5px;
			}

	/* Image overlay box (captions sitting over images, often with background colour, image or semi-transparency png: */
		.promo .promoDetails .overlay-footer {
			background-image: url(/staticarchive/17df96b5e0f3c9910fa76ae17e058a57ccfa71bb.png);
		}	
	
	/* Blockquote */
		.prg-content .p-blockquote {
			/*background-color: #000000;
			background-image: url(f/quote-open.gif);
			background-repeat: no-repeat;
			background-position: 10px 10px;
			color:#FFFFFF;*/
		}
		.prg-content .p-blockquote p.quote-text {
			/*background-image: url(f/quote-close.gif);
			background-repeat: no-repeat;
			background-position: 156px 100%;
			color: #FFFFFF;*/
		}
		.prg-content .p-blockquote p.quote-text a,
		.prg-content .p-blockquote p.quote-text a:link,
		.prg-content .p-blockquote p.quote-text a:visited,
		.prg-content .p-blockquote p.quote-text a:active {
			/*color: #FFFFFF;*/
		}		
			
			
/* =SPECIFIC CONTEXTS AND USAGES
--------------------------------------------- */				
	
	/* --- 
	CONTEXT: 'FEATURED' CONTENT AREA ( = 'Main' content)
	--- */
	
		/* Page header strip - inside featured area (alternative to full-page-width version).*/
		#prg-wrapper-featured{
		 /* height:1200px; */
		}
    
    

    
    
    #prg-wrapper-featured #prg-header-main {

		}
		#prg-wrapper-featured .prg-header {
			/*background:none;
			background-color:#1E2831;
			color: #FFFFFF;*/
		}
		#prg-wrapper-featured .prg-header .content-extra {
			/*font-style:italic;*/
		}

		/* Images in the featured area */
		#prg-wrapper-featured img {
			/*border: 1px solid #E0E4E4;*/
		}

		/* Lead promos */
			#prg-wrapper-featured .prg-featured-lead-bg {
				/*background-color:#F4F5F9;
				background-image:url('f/bg-index-lead.gif');
				background-repeat:no-repeat;*/
			}




			#prg-wrapper-featured .prg-featured-lead-bg .lead-text {
				/*margin:0 10px;*/
			}

			#prg-wrapper-featured .prg-featured-lead-bg .p-grp {
				/*position:absolute;
				bottom:0;
				left:0;
				width:100%;
				margin-bottom:0;*/
			}

		/* Parent container holding 'rows' of promos: */
			#prg-wrapper-featured .prg-grp {
				/*border-bottom:5px solid #F4F5F9;
				border-top:15px solid #F4F5F9;
				background-color: #F4F5F9;
				margin-bottom:10px;*/
			}	
			
		/* Separator in content area */
			#prg-wrapper-featured hr {
				/*background-color: #CCCCCC;*/
			}

		/* video-carousel description box */
			.prg-wrapper .emp-carousel-description {
				/*background-image:url('f/bg-carousel-description.png');
				background-repeat:repeat-x;
				background-position:0 0;
				background-color:#e2efec;
				border:2px solid #000000;*/
			}

		/* video-carousel background image */
			.prg-carousel-content-black {
				/*background-image:url('f/bg-black-carousel-video.png');
				background-color:#1A171B;*/
			}
		
			.prg-carousel-content-silver {
				/*background-image:url('f/bg-silver-carousel-video.png');
				background-color:#CDCCCE;*/
			}

		/* video-carousel buttons */
			.prg-wrapper .rollover a.navPrev-black-1 {
				/*background-image: url('f/btn-carousel-black-1-l.gif');*/
			}
			.prg-wrapper .rollover a.navNext-black-1 {
				/*background-image: url('f/btn-carousel-black-1-r.gif');*/
			}
	
			.prg-wrapper .rollover a.navPrev-black-2 {
				/*background-image: url('f/btn-carousel-black-2-l.gif');*/
			}
			.prg-wrapper .rollover a.navNext-black-2 {
				/*background-image: url('f/btn-carousel-black-2-r.gif');*/
			}
			
			.prg-wrapper .rollover a.navPrev-black-3 {
				/*background-image: url('f/btn-carousel-black-3-l.gif');*/
			}
			.prg-wrapper .rollover a.navNext-black-3 {
				/*background-image: url('f/btn-carousel-black-3-r.gif');*/
			}

			.prg-wrapper .rollover a.navPrev-silver-1 {
				/*background-image: url('f/btn-carousel-silver-1-l.gif');*/
			}
			.prg-wrapper .rollover a.navNext-silver-1 {
				/*background-image: url('f/btn-carousel-silver-1-r.gif');*/
			}
	
			.prg-wrapper .rollover a.navPrev-silver-2 {
				/*background-image: url('f/btn-carousel-silver-2-l.gif');*/
			}
			.prg-wrapper .rollover a.navNext-silver-2 {
				/*background-image: url('f/btn-carousel-silver-2-r.gif');*/
			}
			
			.prg-wrapper .rollover a.navPrev-silver-3 {
				/*background-image: url('f/btn-carousel-silver-3-l.gif');*/
			}
			.prg-wrapper .rollover a.navNext-silver-3 {
				/*background-image: url('f/btn-carousel-silver-3-r.gif');*/
			}


	/* --- 
	CONTEXT: 'EXTRA' CONTENT AREA AREA ( = RH Content)
	--- */
	
		/* 'Super-group' container in 'EXTRA' area */
			#prg-wrapper-extra .prg-grp .nth-child-1 {
				/*background:none;*/
			}
			
			#prg-wrapper-extra .prg-related .p-grp {
				
			}	
			
		/* Related content in 'Extra' area */
			/* Default basic styling: */
			#prg-wrapper-extra .prg-related {
				border-right:3px solid #86748C;
				border-bottom:3px solid #685E69;
				background:#f5f5f5;
			}
			
			#prg-wrapper-extra .prg-related ul,
			#prg-wrapper-extra .prg-related h3
      {
				margin:0 10px;
			}		
      #prg-wrapper-extra .prg-related p{
        margin:5px 10px;
      }	
			#prg-wrapper-shell #prg-wrapper-extra .prg-related h2 {
				/*padding-top: 10px;*/
			}
				
			/* 'Super-group' container in  'Related' area: */	
			#prg-wrapper-extra .prg-related .p-grp .p-mod {
				/*padding-bottom:5px;
				background: url(f/bg-p-grp-extra.gif);
				background-position:center bottom;
				background-repeat:no-repeat;*/
			}		
			
			

			#prg-wrapper-extra .prg-related .p-grp .p-mod p {
				/*margin-bottom:7px;*/
			}				
			

			/* Promo in 'Related' area: */
				#prg-wrapper-extra .prg-related .promo {
					border:0;
				}			
				#prg-wrapper-extra .prg-related a,
				#prg-wrapper-extra .prg-related a:link,
				#prg-wrapper-extra .prg-related a:visited,
				#prg-wrapper-extra .prg-related a:active {
					/*color: #FFFFFF;*/
				}
				
			/* Images in 'Related' area */
				#prg-wrapper-extra .prg-related img {
					/*border: 1px solid #FFFFFF;*/
				}				

		/* APS in 'EXTRA' area */
			#prg-wrapper-shell #prg-wrapper-extra .p-aps {
				/*background:#B6BDC5;*/
			} 

      .prg-wrapper .p-grp h2{
        margin:0;
      }
			.prg-wrapper .p-aps h2{
        background:none;
        padding-left:0;
        padding-top:0;
			}		
			.p-aps .promo{
			 margin-bottom:10px;
			 margin-top:0;
			 padding-top:0;
			}
			.p-aps .promo a,
			.p-aps .promo a:link,
			.p-aps .promo a:visited,
			.p-aps .promo a:active {
				
			}
			.p-aps .promo a:hover {
				/*text-decoration: none;*/
			}
			.p-aps .promo hr {
				/*background-color: #CCCCCC;
				margin: 0 0 5px;*/
			}	

		
		/* MPU ad in 'EXTRA' area */
			#prg-wrapper-extra .p-ad-mpu {
				/*background-color:#1E2831;
				color:#FFFFFF;*/
			}	

			#prg-wrapper-extra .p-ad-mpu a, 
			#prg-wrapper-extra .p-ad-mpu a:link, 
			#prg-wrapper-extra .p-ad-mpu a:visited, 
			#prg-wrapper-extra .p-ad-mpu a:active {
				/*color: #FFFFFF;*/
			}
			
			#prg-wrapper-featured .p-ad-mpu img {
				/*border:none;*/
			}

	
	/* --- 
	CONTEXT: PAGETYPE-SPECIFIC 
	--- */
		
		/* INDEX PAGES */
		
			.prg-index .prg-featured-lead .p-grp-aa {
				/*padding-top:5px;
				background-image:url(f/bg-p-grp-a.gif);
				background-position:center top;
				background-repeat:no-repeat;*/
			}
			
			.prg-index .prg-wrapper .p-quote .q-open {
				/*background:url(f/quote-open.gif) left top no-repeat;*/
			}
			.prg-index .prg-wrapper .p-quote .q-closed {
				/*background:url(f/quote-close.gif) right top no-repeat;*/
			}
	
			.prg-index .p-aps .promo{
				/*background:#B6BDC5;
				margin-bottom:10px;*/
			}	
			
			.prg-index #prg-wrapper-extra .p-grp {
				/*background-color:#F4F5F9;		*/
			}
			
			.prg-index #prg-wrapper-extra .prg-related .p-grp {
				/*background-color:transparent;	*/
			}		
			
			.prg-index #prg-wrapper-featured h3 {
				/*font-size:1.1em;*/
			}		
			
			.prg-index-a .prg-featured-lead {
				background-color:#f5f5f5;
				/*border-right:3px solid #86748C;
	      border-bottom:3px solid #685E69;*/
			}

			.prg-index-a #prg-wrapper-extra .p-grp .nth-child-1 {
				/*padding-top:0;
				background: none;*/
			}
	
			.prg-index-a .prg-featured-lead .p-grp-a {
				/*padding-top:15px;*/
			}
	
			.prg-index-b .prg-featured-lead .p-mod-2a {
				/*padding:15px 0;*/
			}
			
			.prg-index-b .prg-featured-lead .p-mod-2a {
				/*background-color:#F4F5F9;*/
			}
	
			.prg-index #prg-wrapper-featured .prg-grp .p-grp-aa {
				/*padding:0;
				background-color:#F4F5F9;
				background-image: url(f/bg-p-grp-aa.gif);
				background-position:center top;
				background-repeat:repeat-y;*/
			}
				.prg-index #prg-wrapper-featured .p-grp-aa h2 {
				  margin-bottom:10px;
				  border-bottom:3px solid #685E69;
				  border-right:3px solid #86748C;

				}		

			.prg-index-b #prg-wrapper-featured .prg-grp .p-grp-aaa {
				/*background-color:#F4F5F9;
				background-image:url(f/bg-p-grp-aaa.gif);
				background-position:center top;
				background-repeat:repeat-y;*/
			}
				.prg-index #prg-wrapper-featured .p-grp-aaa h2 {

					/*margin-top:0;
					padding-bottom:7px;
					background-color:#F4F5F9;*/
				}		
	
			.prg-index #prg-wrapper-featured .prg-grp .p-grp-aaaa {
				/*background-color:#F4F5F9;
				background-image:url(f/bg-p-grp-aaaa.gif);
				background-position:center top;
				background-repeat:repeat-y;*/
			}
				.prg-index #prg-wrapper-featured .prg-grp .p-grp-aaaa h2 {
					/*margin-top:0;
					padding-bottom:7px;
					background-color:#F4F5F9;*/
				}
			.prg-index-b #prg-wrapper-featured .prg-grp .p-grp-aaaaaa {
				/*background-color:#F4F5F9;
				background-image:url(f/bg-p-grp-aaaaaa.gif);
				background-position:center top;
				background-repeat:repeat-y;*/
			}
				.prg-index #prg-wrapper-featured .prg-grp .p-grp-aaaaaa h2 {
					/*margin-top:0;
					padding-bottom:7px;
					background-color:#F4F5F9;*/
				}
	
			.prg-index-b #prg-wrapper-featured .prg-featured-lead .p-grp {
				/*background:none;*/
			}

    .prg-index-b #prg-wrapper-featured .prg-featured-lead h2 .lead{
      margin-left:65px;
    }			

		/* SUBINDEX PAGES */
		
	.prg-subindex #prg-wrapper-featured h2 {
		  margin-bottom:10px;
		  border-bottom:3px solid #685E69;
		  border-right:3px solid #86748C;
		  background:#f5f5f5;
		}	
	
  .prg-subindex #prg-wrapper-featured .p-grp-aaaaaa{
  background:#f5f5f5;
   
  }
  	
		#prg-type-subindex ol.letter-nav{
      height:2em;
      margin-bottom:10px;
		}
		#prg-type-subindex ol.letter-nav .letter,
    #prg-type-subindex ol.letter-nav .numbers{
		  display:inline;
		}
		#prg-type-subindex ol.letter-nav .letter a,
    #prg-type-subindex ol.letter-nav .numbers a,
    #prg-type-subindex ol.letter-nav span.unlinked{
      font-size:1.2em;
      text-align:center;
      padding:5px 0;
		  display:block;
		  float:left;
		  background:#fff;
			border-bottom:3px solid #685E69;
			border-right:3px solid #86748C;
		  margin-right:4px;
		  _margin-right:2px;
		  width:27px;
		}
		#prg-type-subindex ol.letter-nav .z{
		  margin-right:0;
		}
		#prg-type-subindex ol.letter-nav .numbers a,
    #prg-type-subindex ol.letter-nav .numbers span.unlinked{
		  width:55px;
		}
		#prg-type-subindex ol.letter-nav span.unlinked,
		#prg-type-subindex ol.letter-nav .numbers span.unlinked{
		  background:#EDEDED;
		  font-weight:bold;
		}
		
    #prg-type-subindex #numbers,
		#prg-type-subindex #letter-a,
    #prg-type-subindex #letter-b,
    #prg-type-subindex #letter-c,
    #prg-type-subindex #letter-d,
    #prg-type-subindex #letter-e,
    #prg-type-subindex #letter-f,
    #prg-type-subindex #letter-g,
    #prg-type-subindex #letter-h,
    #prg-type-subindex #letter-i,
    #prg-type-subindex #letter-j,
    #prg-type-subindex #letter-k,
    #prg-type-subindex #letter-l,
    #prg-type-subindex #letter-m,
    #prg-type-subindex #letter-n,
    #prg-type-subindex #letter-o,
    #prg-type-subindex #letter-p,
    #prg-type-subindex #letter-q,
    #prg-type-subindex #letter-r,
    #prg-type-subindex #letter-s,
    #prg-type-subindex #letter-t,
    #prg-type-subindex #letter-u,
    #prg-type-subindex #letter-v,
    #prg-type-subindex #letter-w,
    #prg-type-subindex #letter-x,
    #prg-type-subindex #letter-y,
    #prg-type-subindex #letter-z
    {
float:left;
		  
		}
		
		
		#prg-type-subindex .promo{
		  border:0;
		}

	
	 #prg-type-subindex .p-grp-aaa .p-mod .promo{
	        padding:10px 7px;
				  border-bottom:3px solid #685E69;
				  border-right:3px solid #86748C;
	 }

	 
	 
	#prg-type-subindex .prg-content #prg-wrapper-featured .p-grp{

	}
	
			/* groups/'rows' of promos: */
				.prg-subindex #prg-wrapper-featured .prg-grp .p-grp-aa {
					/*padding:0;
					margin-bottom:0;
					background-image: url(f/bg-p-grp-aa-vert.gif);
					background-position:center top;
					background-repeat:no-repeat;*/
				}
				
				.prg-subindex #prg-wrapper-featured .prg-grp .nth-child-1 {
					
				}
				
				.prg-subindex #prg-wrapper-featured .prg-grp .nth-child-1 .p-mod .promo {

				}	
	
				body.prg-subindex .prg-wrapper #vision-gallery-view ul#vision-gallery-grid li {
					/*width:139px;*/
				}


		/* CONTENT PAGES */
		  .prg-content #prg-wrapper-featured .p-grp h2{
				  margin-bottom:10px;
				  border-bottom:3px solid #685E69;
				  border-right:3px solid #86748C;
		  }
		  
		  .prg-content #prg-wrapper-featured .p-grp-a-composite h2{
		    border:none;
		  }
		  
			.prg-content #prg-wrapper-featured .prg-grp .p-grp h2{
			
				/*background-image: url('f/bg-prg-grp-content.gif');
				background-repeat: no-repeat;
				background-position: top center;*/
			}
			.prg-content #prg-wrapper-featured .prg-grp .nth-child-1 {
				/*background:none;*/
			}

			/* Cast List, or other key / value pairings */
				.prg-content .p-keyvalue dl dt { /* n1 */
					/*background-image: url('f/bg-prg-castlist.gif');
					background-repeat: repeat-x;
					background-position: 0 80%;*/
				}
				.prg-content .p-keyvalue dl dt span.keyvalue-key {
					/*background-color: #F7F7FF;*/
				}
		
			/* Cast list, or other key-value pairing */
			.prg-content .p-detail-list-style-1 { /* n1 */
				/*padding: 10px 0;*/
			}

			.prg-content .p-detail-list table td { /* n1 */
				/*border-top: 1px solid #000000;*/
			}
			.prg-content .p-detail-list table tr.first-row td { /* n1 */
				/*border-top: 0px;*/
			}

			/* Images */
			.prg-content .p-image { /* n1 */
				/*background-color: #E0E4E4;*/
			}
			
			/* Pullquote */
			.prg-content .p-pullquote {
				/*background-color: #000000;
				background-image: url(f/quote-open.gif);
				color:#FFFFFF;*/
			}
			.prg-content .p-pullquote p.quote-text {
				/*background-image: url(f/quote-close.gif);
				color: #FFFFFF;*/
			}
			.prg-content .p-pullquote p.quote-text a,
			.prg-content .p-pullquote p.quote-text a:link,
			.prg-content .p-pullquote p.quote-text a:visited,
			.prg-content .p-pullquote p.quote-text a:active {
				/*color: #FFFFFF;*/
			}
			
			/* Webform */
			
			#p-mod-webForm{
			  margin-left:160px;
			  margin-right:10px;
			}
			#p-mod-webForm .p-form-text,
			#p-mod-webForm .p-form-radiogroup{
			 margin-bottom:10px;
			 background:#ECE7ED;
			 padding:5px;
			}
      #p-mod-webForm .p-form-text label{
        display:block;
        width:240px;
        float:left;
      }
      
      #p-mod-webForm .p-form-buttons{
        text-align:right;
      }
			#p-mod-webForm p{
			 background:transparent;
        margin-left:0;
			}
			.prg-content .p-form .p-form-text,
			.prg-content .p-form .p-form-textarea {
				/*background-color: #000000;
				color:#FFFFFF;*/
			}
			.prg-content .p-form .p-form-radiogroup,
			.prg-content .p-form .p-form-checkgroup {
				/*background-color: #FFFFFF;
				color:#000000;*/
			}	
			
			/* Quiz */
			.prg-content .p-quiz .p-quiz-question {
				/*background-color: #FFFFFF;*/
			}
	
	
			
/* =BESPOKE THEMES - system for styling selected content groups and children separately.
	Extending basic prg-grp, .p-grp, .p-mod and .promo selectors.
--------------------------------------------- */				

	/* 'Super-group' (prg-grp) - use selectively where other styling solutions aren't available
	*/
		/* Theme 1 prg-grp */
		.prg-wrapper .prg-grp-theme-1 {
			
		}		
	
	/* 
	Rows and their children  
		These classes are applied to a parent row element (p-grp)
		They affect the row and the child elements too (p-mod, promo) via cascade. 
	*/
	
	/* Rows and children - Theme 1 */
	
		/* Theme 1 p-grp */
		
		#prg-type-subindex .p-grp-theme-1 .promo .promoDetails {
		  margin-top:2.5em;
		}

		.p-mod .promo .promoDetails h3  
		{
		padding-top:5px;
		clear:both;

		}
		
		
		.prg-wrapper .p-grp-theme-1 {
      background:#f5f5f5;
	 border-right: 3px solid #86748c;
    border-bottom:3px solid #685e69;
		}	
    
    .prg-wrapper .p-grp-theme-1 .p-mod{
      width:148px;
      padding-left:10px;
		}		
    .prg-wrapper .p-grp-theme-1 .p-mod img{
  
		}	
		/* Theme 1 p-mod */
		.prg-wrapper .p-grp-theme-1 .p-mod {
			
		}	
		
		/* Theme 1 promo */
		.prg-wrapper .p-grp-theme-1 .promo {
	
		}		
		
		/* Theme 1 p-mod-content */
		.prg-wrapper .p-grp-theme-1 .p-mod-content {
		}	
		
	
	/* Rows and their children - Theme 2 */
	
		/* Theme 2 p-grp */ 
		.prg-wrapper .p-grp-theme-2 {
		  padding:10px 0;
			background:#fff url(/staticarchive/3a16dd2e39373000380c2602ed3d54932528ae82.gif);
	    border-right: 3px solid #86748c;
      border-bottom:3px solid #685e69;
		}		

		/* Theme 2 p-mod */
		.prg-wrapper .p-grp-theme-2 .p-mod {
			
		}	
		
		/* Theme 2 promo */
		#prg-type-subindex .prg-wrapper .p-grp-theme-2 .promo {
	     border:none;
	     border-right:1px solid #c0c0c0;
		}		
		#prg-type-subindex .prg-wrapper .p-grp-theme-2 .promo ol {
	     display:block;
		}		
		/* Theme 2 p-mod-content */
		.prg-wrapper .p-grp-theme-2 .p-mod-content {
		}	
		
						
	


/* =VISIONAPPS - comments, galleries, uploader etc
--------------------------------------------- */

	/* Gallery */
	body .prg-wrapper #vision-gallery-view ul#vision-gallery-grid li div {
		
	}

	
	/* Uploader */
	body .prg-wrapper #vision-ugc-add {
		/*background-color: #FFFFFF;*/
	}
		
		
/*Artist videos */

.video-nav {
	float: left;
	width: 626px;
	margin:	0 10 0px 0px;
	padding: 14px 0 4px 95px;
	background: #fff;
	text-align: center;
}

.clearme {
	display; block;
}

.video-nav ul {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 430px;
}

.video-nav li {
	position: relative;
	float: left;
	height: 75px;
	width: 130px;
	margin: 0 0 0 10px;
	display: inline;
}

.video-nav img {
	border:2px solid #990032;
}

.video-nav .nowplaying span {
	background: url('/staticarchive/8d63c82c3deb7269a89faeeb86e66d1424191e18.gif') 0 0 no-repeat;
}

.video-nav span {
	position:absolute;
	left:2px;
	top:2px;
	width:69px;
	height:69px;
	z-index: 200;
}

/* emp helper */
.videobar {
padding-left: 17px;
color: #990032;
}


/* not rory */
span.playing{
  display:block;
  margin:0;
  padding:0;
  height:0;
}
.video1 .video-promo1,
.video2 .video-promo2,
.video3 .video-promo3,
.video4 .video-promo4,
.video5 .video-promo5,
.video6 .video-promo6,
.video7 .video-promo7,
.video8 .video-promo8,
.video9 .video-promo9,
.video10 .video-promo10,
.video11 .video-promo11,
.video12 .video-promo12,
.video13 .video-promo13,
.video14 .video-promo14,
.video1 .video-promo1 h3,
.video2 .video-promo2 h3,
.video3 .video-promo3 h3,
.video4 .video-promo4 h3,
.video5 .video-promo5 h3,
.video6 .video-promo6 h3,
.video7 .video-promo7 h3,
.video8 .video-promo8 h3,
.video9 .video-promo9 h3,
.video10 .video-promo10 h3,
.video11 .video-promo11 h3,
.video12 .video-promo12 h3,
.video13 .video-promo13 h3,
.video14 .video-promo14 h3
{
  position:relative;
  background-color: #7C7C7C;
  color: #000000;
}
.video1 .video-promo1 a,
.video2 .video-promo2 a,
.video3 .video-promo3 a,
.video4 .video-promo4 a,
.video5 .video-promo5 a,
.video6 .video-promo6 a,
.video7 .video-promo7 a,
.video8 .video-promo8 a,
.video9 .video-promo9 a,
.video10 .video-promo10 a,
.video11 .video-promo11 a,
.video12 .video-promo12 a,
.video13 .video-promo13 a,
.video14 .video-promo14 a{
  color:#014D7E;
}		

.video1 .video-promo1 .playing,
.video2 .video-promo2 .playing,
.video3 .video-promo3 .playing,
.video4 .video-promo4 .playing,
.video5 .video-promo5 .playing,
.video6 .video-promo6 .playing,
.video7 .video-promo7 .playing,
.video8 .video-promo8 .playing,
.video9 .video-promo9 .playing,
.video10 .video-promo10 .playing,
.video11 .video-promo11 .playing,
.video12 .video-promo12 .playing,
.video13 .video-promo13 .playing,
.video14 .video-promo14 .playing{
position: relative;
top:40px;
left:50%;
margin-left:-150px;
width: 306px;
height: 30px;
background: #000 url(/staticarchive/bef65714d10577cbfe9744fb064dceddeff9a4c3.gif);
border-left:3px solid #7C7C7C;
}		
/* resets */

h2{
margin:0 0 0 10px;
}
h2.lead{
  margin-left:59px;
}

#prg-wrapper-featured h2.lead
{
font-size:18px;
padding:5px 10px;
}

.nav-cat-episodes  #prg-wrapper-featured .p-grp h2.decor1,
.nav-cat-episodes  #prg-wrapper-featured .p-grp h2.decor2
{
  border:none;
  margin:0;
  padding:0;
  line-height:0.6em;
}

.p-aps p,
.p-aps span{
  margin-left:10px;
}

.episode_name{
  margin-left:-5px;
  padding-left:10px;
  background:url(/staticarchive/706b445748b4521f0019683da09cb8346fcd8814.gif) 0 2px no-repeat;
}

#prg-wrapper-extra .p-aps .iplayer_availability{
  display:block;
  margin:5px 0 0 20px;
  padding-left:14px;
  background:url(/staticarchive/c93d8206cd0a43ab76df29c21e441f28bcdb6ba4.gif) 0 2px no-repeat;
}
.p-aps .iplayer_availability{
  display:block;
  margin:auto;
  padding-left:14px;
  background:url(/staticarchive/c93d8206cd0a43ab76df29c21e441f28bcdb6ba4.gif) 0 2px no-repeat;
}

.nav-cat-artists .prg-featured-lead p{
  margin:0 85px;
}
#prg-nav-main ul.nav-strip li a
{
padding:9px 5px 9px;
}

.nth-child-1 .promo,.nth-child-n .promo	{padding-right:5px}

.p-mod .promo h3 
{
font-size:1em;
line-height:1.1em;
}

span.episode_name a, span.episode_name 
{
font-size:1.1em;
}
.prg-related  h3
{
padding:5px 10px 0 0;
font-size:1.3em;
line-height:1.4em;
}



#prg-wrapper-extra .p-mod h2
{
padding:5px 10px 5px 0;
font-size:1.3em;
line-height:1.4em;
}

hr
{
background-color:#ACACAC
}

.external h3.decor1, .blogs h3.decor1
{
font-size:15px;
padding:5px 0;
margin:0px !Important;
}

/* Photos page */

#blq-main div.gallery-content {
margin-bottom: 20px;
}

/* vote */

<style type="text/css">
.vtngText {font-family: helvetica, arial, sans-serif; font-size:0.8em; padding:5px; margin:0;}
#vtngTitle{color:#000; font-weight:bold;}
#vtngQuestion{color:#000;font-weight:bold;}
.vtngContainer{width:460px;margin:auto; }
.vtngContainer input {display:inline !important;}
.clr{clear:both;}

/*Submit (initial question box)*/
#vtngOptionList{padding:0; margin:0;list-style-type:none;}
.vtngOption{clear:both; font-family: helvetica, arial, sans-serif; padding-left:0 !important;}
.vtngOptionRadio{position:relative; top:2px;}
#vtngForm {padding:0;margin:0;}
#vtngButtonBox{padding:5px; text-align:center;}
#vtngButton{background-color:#993366; border: 2px solid #a00; border-top-color: #663366; border-left-color: #663366; color:#fff;}



/*Results*/
.vtngResult{font-family: helvetica, arial, sans-serif; font-size:0.8em; clear:both; margin:5px; margin-bottom:10px;}
#vtngTotal{clear:both;}
#vtngResultsList{padding:0; margin:0;list-style-type:none;}
.vtngLabel{float:left;}
.vtngTally{float:right;}
.vtngBarContainer {float:left; clear:both; width:70px;}
.vtngBar{height:5px; background-color:#c00; position:relative; top:5px;}
.vtngPercent{float:right; clear:right;}
</style>