/*	footlights.css	Style sheet for Web pages
	Begun 23/09/11
*/

*	{
	margin:		0;
	padding:	0;
}

article, aside, footer, header, nav, section	{
	display:	block
}

body	{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		14px;
	line-height:	20px
}

.assistive	{
	display:	none	/* in this screen style sheet */
}

.central	{
	text-align:	center
}

.column	{
	float:		left;
	margin:		0 20px 0 0
}

.inset	{
	float:	left
}

.new-row	{
	clear:	both
}

.outset	{
	float:	right
}

/*	columns	*/

.single	{
	width:	62px
}

.double	{
	width:	144px
}

.triple	{
	width:	226px
}

.quadruple	{
	width:	308px
}

.quintuple	{
	width:	390px
}

.sextuple	{
	width:	472px
}

.septuple	{
	width:	554px
}

.octuple	{
	width:	636px
}

.final	{
	margin-right:	0
}

.column p	{
	text-align:	justify
}

/*	divisions	*/

aside.sidebar	{
	margin-top:	15px;
	font-style:	italic
}

div#lightbox-bg	{
	position:	absolute;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	background:	black;
	z-index:	10
}

div#lightbox-panel	{
	width:			524px;
	position:		absolute;
	top:			0;
	margin-left:	220px;
	z-index:		100
}

div#main	{
	width:		964px;
	margin:		0 auto;
	padding:	10px 15px
}

div.stand-out p	{
	line-height:	19px;
	padding:		2px 9px 0;
	margin-bottom:	16px
}

footer	{
	clear:			both;
	padding-top:	20px
}

footer ul	{
	list-style: none
}

footer ul li	{
	display:	inline
}

ul#options	{  
    padding:	10px 0;
	list-style:	none;
    position: 	relative
} 

#options li	{
    height:		180px;
	display:	block
}

#options li a	{
	display:	block;
	width:		100%;
	height:		100%
}

div#rotator-wrapper	{
	height:			360px;
	margin-bottom:	20px
}

ul#rotator {
	position:	relative;
	list-style:	none
}

#rotator img	{
	width:		554px;
	height:		360px
}

#rotator li	{
	position:	absolute;
	top:		0;
	left:		0
}

/*	navigation	*/

nav	{
	height:		40px;
	margin-top:	15px;
	position:	relative;
	left:		328px
}

nav li	{
	list-style:	none;
	height:		40px;
	position:	absolute;
	top:		0
}

li#home	{
	width:		102px
}

li#about	{
	width:		98px;
	left:		102px
}

li#past	{
	width:		120px;
	left:		200px
}

li#latest	{
	width:		204px;
	left:		320px
}

li#contact	{
	width:		112px;
	left:		524px
}

nav li a {
    display:	block;
    height: 	100%;
    width:		100%
}

li#home a, li#home a:visited	{
	background:	url( 'media/menu-bg-home.png' ) no-repeat
}

li#home.here	{
	background:	url( 'media/menu-bg-home.png' ) 0 -40px no-repeat
}

li#about a, li#about a:visited	{
	background:	url( 'media/menu-bg-about.png' ) no-repeat
}

li#about.here	{
	background:	url( 'media/menu-bg-about.png' ) 0 -40px no-repeat
}

li#past a, li#past a:visited	{
	background:	url( 'media/menu-bg-past.png' ) no-repeat
}

li#past.here	{
	background:	url( 'media/menu-bg-past.png' ) 0 -40px no-repeat
}

li#latest a, li#latest a:visited	{
	background:	url( 'media/menu-bg-latest.png' ) no-repeat
}

li#latest.here	{
	background:	url( 'media/menu-bg-latest.png' ) 0 -40px no-repeat
}

li#contact a, li#contact a:visited	{
	background:	url( 'media/menu-bg-contact.png' ) no-repeat
}

li#contact.here	{
	background:	url( 'media/menu-bg-contact.png' ) 0 -40px no-repeat
}

li#home a:hover, li#home a:active	{
	background-position: 0 -40px
}

li#about a:hover, li#about a:active	{
	background-position: 0 -40px
}

li#past a:hover, li#past a:active	{
	background-position: 0 -40px
}

li#latest a:hover, li#latest a:active	{
	background-position: 0 -40px
}

li#contact a:hover, li#contact a:active	{
	background-position: 0 -40px
}

/*	images	*/

img	{
	border:		0;
	max-width:	100%;
	height:		auto
}

img#aecc-logo	{
	margin-bottom:	15px
}

img#annie {
	margin-bottom: 22px;
}

img.caller1	{
	padding:	3px 0 15px 15px
}

img.caller2	{
	padding:	3px 0 0 12px
}

img.caller3	{
	padding:	15px 0 0 8px
}

img.caller4	{
	padding:	3px 0 0 8px
}

img.caller5	{
	padding:	6px 0 10px 12px
}

img.caller6	{
	padding:	9px 0 10px 2px
}

img.caller7 {
	padding-left: 12px;
}

img#cast		{
	margin-bottom: 14px;
}

img#cats-logo	{
	padding:	5px 11px 0 0
}

img#inline-poster	{
	margin-top:	-1px
}

img.inset	{
	/* margin-right:	14px */
}

img#show-14 {
	padding-bottom: 5px;
}

img#news-img	{
	margin-bottom:	15px
}

img#oliver-logo	{
	margin-top: -14px
}

img#opener	{
	margin:	2px 0
}

img.outset	{
	margin-left:	20px
}

img#panorama {
	padding: 0 2px;
}

img#small-map	{
	border:	1px solid
}

img#sp-chorus	{
	margin-bottom: 4px;
}

img#stepper {
	margin-top: 5px;
}

img#studio-pic	{
	padding:	1px 0 4px
}

img#terminal	{
	margin-top:	-2px
}

img#final-logo {
	margin-top: 19px;
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

ul#options a:hover	{
	text-decoration:	none
}

h1	{
	font-size:		200%;
	line-height:	39px
}

h2	{
	font-size:		125%;
	line-height:	19px
}

h2#gold-bar	{
	margin-bottom:	1px
}

h2.topper {
	line-height: 20px;
}

ol, p, table	{
	margin-bottom:	20px
}

p.caption	{
	line-height:	19px;
	font-style:		italic
}

p.collating	{
	text-align:	right
}

p.contained	{
	margin-bottom:	0
}

p.prompt	{
	margin-top:	100px
}

p.simple-caption	{
	line-height:	16px;
	font-style:		italic
}

p.small-caption	{
	font-size:	85%;
	font-style: italic;
	text-align:	right
}

p.sub	{
	padding:	20px 0;
	font-size:	85%
}

p.sub a 	{
	font-weight:	bold
}

p#tag-line	{
	font-size:		150%;
	font-weight:	bold;
	font-style:		italic;
	padding:		4px 0 6px 14px;
	margin:			5px 0 10px
}

span.am-pm	{
	font-size:	85%
}

span#button-up	{
	position:	absolute;
	top:		0;
	left:		390px
}

span#button-up3	{
	position:	absolute;
	top:		0;
	left:		480px
}

span.date, span.comment	{
	font-style:	normal
}

span.peri	{
	margin-left:	82px
}

table	{
	width:	100%
}

table.followed {
	border-right: 1px solid #f7712c;
}

table.following {
	margin-top: 19px;
}

th	{
	text-align: left;
}

tr	{
	height:	20px
}

/*	colours	*/

.inoperative	{
	color:	#8787b2
}

a:link	{
	background-color:	transparent;
	color:				blue
}

a:visited	{
	background-color:	transparent;
	color:				navy
}

a:hover	{
	background-color:	transparent;
	color:				blue
}

a:active, p.sub a:active	{
	background-color:	transparent;
	color:				red
}

aside	{
	background:	transparent
}

body	{
	background:	#00080b url( 'media/blue-curtains-2.jpg' ) top center no-repeat fixed	/* #00355e */
}

div#container	{
	background:	#f5f2de url( 'media/about-bg.png' ) no-repeat
}

div#lightbox-panel	{
	background-color:	white
}

div#main	{
	background-color:	white;
	color:				#191944
}

div.stand-out	{
	border:		1px solid #2d2d5e
}

h1, h2, p.caption	{
	border-top:	1px solid #f7712c
}

img.padded	{
	background-color:	#2d2d5e
}

img#small-map	{
	border-color:	#2d2d5e
}

p.sub	{
	background-color:	transparent;
	color:				white
}

p.sub a 	{
	color:	white
}

p#tag-line	{
	font-family:		Georgia, serif;
	background-color:	#f7712c;
	color:				white
}

section.snippet	{
	background: url( 'media/snippet-gradient.png' ) repeat-x
}

span.pointer	{
	background-color:	transparent;
	font-weight:		bold;
	color:				#f7712c
}

ul#options	{
	background:	#191934
}

ul#options a	{
	color:	white
}

#options li#option1	{
	background:	url( 'media/about-us.jpg' )
}

#options li#option2	{
	background:	url( 'media/past-shows.jpg' )
}

#options li#option3	{
	background:	url( 'media/latest-news.jpg' )
}

#options li#option4	{
	background:	url( 'media/contact.jpg' )
}

/* display adjustments */
/* widths variable by design */

@media screen and (min-width: 1024px)	{
  div#main	{
	width:		964px;
	margin:		0 auto;
  }
}

@media screen and (max-width: 600px) {
  div.column	{
    width: 	  90%;
    padding: 	  0 4.5%;
    margin-right: 0;
    margin-left:  0;
    float:	  none;
  }

}

/*	EOF	*/