@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	outline: none;
	border:none;
}
html, body {
	height: 100%;
}
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 62.5%;
	text-align:center;
	background: #000 url(../images/backgrounds/bg-website.jpg) top center no-repeat;
	color:#fff;
}



/*/////////////////////////////////// ACCESSIBILITY ///////////////////////////////////*/
.hiddenItems {
	display:none;
	text-align:left;
}
.clear {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0; 
	clear:both; 
	height:0;
	width:100%;
	overflow: hidden;
}




/*/////////////////////////////////// GENERIC LINKS ///////////////////////////////////*/
a {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	color:#d34c01;
	text-decoration:none;
}
a:active {
	color:#999;
	text-decoration:none;
	outline:none;
}



/*
a.more {
	background-image:url(../images/icons/footer-link.gif);
	background-repeat:no-repeat;
	background-position: right -30px;
	padding-right:8px;
}
a.more:hover {
	background-position: right 0;
}
a.more:active {
	background-position: right -60px;
}
*/




/*
a.back {
	background-image:url(../images/icons/back-arrow.gif);
	background-repeat:no-repeat;
	background-position: left -30px;
	padding-left:10px;
}
a.back:hover {
	background-position: left 0;
}
a.back:active {
	background-position: left -60px;
}

*/




/*/////////////////////////////////// IMAGES ///////////////////////////////////*/
img, a img {
	border:none;
} 
.PixLeft {
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}
.PixRight {
	margin-left:15px;
	margin-bottom:10px;
	float:right;
}




/*/////////////////////////////////// LAYOUT ///////////////////////////////////*/
#wrapper {
	width:966px;
	margin:0 auto;
	position:relative; 
	z-index:1;
}
#header {
	height:240px;
	width:100%;
	clear:both;
	/*background: transparent url(../images/backgrounds/bg-header.png) bottom left no-repeat;*/
}
body#home #header {
	background: transparent url(../images/backgrounds/bg-header-home.gif) bottom left no-repeat;
}
#content {
	width:960px;
	margin:0 auto;
	min-height:600px;
	height:auto;
	clear:both;
	background: #000 url(../images/backgrounds/bg-content.jpg) 0 0 no-repeat;
}
#LftCol {
	float:left;
	margin-left:21px;
	width:675px;
	text-align:left;
}
#RgtCol {
	float:right;
	margin-right:21px;
	width:220px;
	text-align:left;
}
#RgtCol img {
	margin-bottom:10px;
}


/* adjustments for the home page */
body#home #LftCol {
	width:615px;
}
body#home #RgtCol {
	width:282px;
}



body.cast #LftCol {
	width:529px;
}
body.cast #RgtCol {
	width:172px;
}
body.cast #RgtCol img {
	border:1px solid #000;
}




/*/////////////////////////////////// HEADER ///////////////////////////////////*/
#header h1 {
	float:left;
	width:231px;
	height:166px;
	display:block;
	background:url(../images/logos/we-will-rock-you-logo.png) 0 0 no-repeat;
}

#header h1 a {
	font-size:0;
	width:231px;
	height:166px;
	display:block;
	text-indent:-9999px;
}

/* top right hand corner area reserved for emergency messages etc */
#header #notice {
	float:right;
	height:95px;
	width:720px;
}






/*/////////////////////////////////// SOCIAL MEDIA CONTROL BAR ///////////////////////////////////*/
#SocialBar {
	width:934px;
	margin:3px auto;
	clear:both;
}

#twitter {
	width:822px;
	/*background:url(../images/icons/twitter.gif) 0 0 no-repeat;*/
	height:26px;
	float:left;
}
#ticker {
	/*margin-left:27px;*/
}

/*#follow {
	float:right;
	width:71px;
}
#follow a {
	width:71px;
	height:26px;
	display:block;
	background-image:url(../images/icons/follow.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#follow a:hover {
	background-position:0 -26px;
}*/

#controlStrip {
	width:112px;
	height:26px;
	float:right;
}
#controlStrip ul {
	list-style:none;	
}
#controlStrip ul li {
	margin-left:1px;
	float:left;
}
#controlStrip ul li a {
	height:26px;
	display:block;
	width:27px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position: 0 0;
	font-size:0 !important;	
}




/* hack ADDTHIS so we can show our own images */
#controlStrip ul li a span.at300bs {
	background:none;
	
}


/* new icons for ADDTHIS */
#controlStrip a#share {
	background-image:url(../images/icons/add-this.gif);
}
#controlStrip a#email {
	background-image:url(../images/icons/email.gif);
}
#controlStrip a#add {
	background-image:url(../images/icons/favourites.gif);
}
#controlStrip a#print {
	background-image:url(../images/icons/print.gif);
}




/* new icon hovericons for ADDTHIS  */
#controlStrip a:hover {
	background-position: 0 -26px;	
}





/*/////////////////////////////////// SUB-NAVIGATION ///////////////////////////////////*/
#subnav {
	background:url(../images/backgrounds/bg-subnav.jpg) 0 0 no-repeat;
	width:940px;
	height:68px;
	border-bottom:2px solid #000;
	margin:0  auto 20px auto;
	text-align:left;
}
#subnav h2 {
	float:right;
	display:block;
	width:239px;
	height:56px;
}
#subnav h2 a {
	display:block;
	text-indent:-9999px;
	width:239px;
	height:56px;
	background:url(../images/buttons/buy-tickets.gif) top left no-repeat;
}
#subnav h2 a:hover {
	background:url(../images/buttons/buy-tickets.gif) bottom left no-repeat;
}
/* see MENU.CSS for sub-nav styles */






/*/////////////////////////////////// FACEBOOK ///////////////////////////////////*/
/* see also FANBOX.CSS */
#fbContainer {
	position:relative; 
	z-index:10;
	width:282px; 
	height:575px;
	float:right;
	margin-top:-155px;
/*	border-bottom: 1px solid #5b5b5b;*/
}
#fbContainer #fbLink {
	display:none;
}





/*/////////////////////////////////// MEDIA PLAYER  ///////////////////////////////////*/
#mediaPlayer {
	width:918px;
	height:381px;
	clear:both;
	margin:0 auto 30px auto;
	position:relative;
	z-index:0;
}





/*/////////////////////////////////// TYPOGRAPHY  ///////////////////////////////////*/
#content h2 {
	font-size:2.1em;
	text-transform:uppercase;
	line-height:110%;
	color:#eabf90;
	letter-spacing:-0.05em;
	margin-bottom:.5em;
	font-weight:normal;
}
body.cast #content #LftCol h2 {
	width:auto !important;
	margin:0 5px 0 0;
	white-space:nowrap !important;
}
body.cast #content #LftCol .biog h3 {
	text-align:right;
	float:right;
	text-transform:uppercase;
	line-height:110%;
	font-size:2.1em;
	letter-spacing:0.08em;
	width:auto;
	margin:0;
	color: #FFF;
}
#content h3 {
	font-size:2em;
	text-transform:none;
	line-height:110%;
	color:#eabf90;
	margin-bottom:.5em;
	font-weight:normal;
}
#content h4 {
	font-size:1.7em;
	text-transform:uppercase;
	line-height:110%;
	color:#d34c01;
	margin-bottom:.5em;
	font-weight:normal;
}
#content h5 {
	color:#d34c01;
	font-size:1.4em;
	margin-bottom:.1em;
}
#content h6 {
	font-size:1.2em;
}
#content p {
	font-size:1.2em;
	margin-bottom:1em;
	line-height:135%;
}


#wrapper #content #LftCol ul {
	display:block;
	margin-bottom:3em;
}
#wrapper #content #LftCol ol {
	list-style:upper-alpha;
	margin-bottom:3em;
}
body#news #wrapper #content #LftCol ol {
	list-style:decimal;
}

#wrapper #content #LftCol ul li, #wrapper #content #LftCol ol li {
	font-size:1.2em;
	margin-left:2em;
	margin-bottom:.5em;
	line-height:135%;
}
#wrapper #content #LftCol ul ul {
	margin-bottom:0;
}
#wrapper #content #LftCol li li {
	font-size:1em;
}




#wrapper #content #LftCol ul.faces {
	list-style:none;
	padding:0;
	text-align:center;
}
#wrapper #content #LftCol ul.faces li {
	margin-left:0;
	padding:0;
	text-align:center;
	width:32%;
	display:inline-block;
}


div.bigButton {
	width:298px;
	height:84px;
	float:left;
	background:url(../images/buttons/big-button.gif) 0 0 no-repeat;
	display:block;
	text-align:center;
	margin-bottom:15px;
}
div.bigButton p {
	padding-top:15px;
	color:#eabf90;
}
div.bigButton a, div.bigButton a:hover {
	text-decoration:none;
	color:#eabf90;
}
div.bigButton img {
	margin-top:2px;
}




/*/////////////////////////////////// BOXES  ///////////////////////////////////*/
div.box {
	padding:20px 20px 8px 20px;
	background: url(../images/backgrounds/bg-box.png);
	border:1px solid #111;
	min-height:125px;
	height:auto;
}
div.oneCol {
	width:623px;
	clear:both;
}
body div.biog {
	width:485px;
}
div.twoCol {
	width:283px;
	margin-right:15px;
	float:left;
}

/* add this class if this row is not the last */
div.nextCol {
	margin-bottom:15px;
}

/* add this class to the last box on the row if more than one box on a line */
div.endCol {
	margin-right:0;
}




/* for registration form */
#msgArea {
	margin:20px 0;
	width:632px;
	clear:both;
}
#content td {
	font-size:1.2em;
	line-height:135%;
}
#content form input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
#content form input.txtField {
	background:#000;
	color:#687080;
	border:1px solid #687080;
	padding:4px 2px;
	margin-bottom:10px;
	font-size:1em;
	width:400px;
	float:right;
}
#content form select.txtField {
	background:#000;
	color:#687080;
	border:1px solid #687080;
	padding:4px 2px;
	margin-bottom:10px;
	font-size:1em;
	width:406px;
	float:right;
}

#content form input.txtField:focus, #content form select.txtField:focus {color:#fff; }

#content form input.txtFieldSmall {
	background:#000;
	color:#fff;
	border:1px solid #687080;
	padding:4px 2px;
	font-size:1em;
	margin-bottom:10px;
	width:75px;
	float:right;
}
#content input.GoButton {
	border: none;
	background:transparent url(../images/icons/subnav.gif) right 7px no-repeat;
	margin: 15px 0;
	font-size:1.4em;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	line-height:100%;
	padding: 2px 12px 2px 2px;
}
#content input.GoButton:hover {
	background-color:#d34c01;
	cursor:pointer;
	color:#fff;
}





/* form errors */
#content form .errormessage select.txtField,
#content form .errormessage input.txtField,
#content form .errormessage input.txtFieldSmall {
	border:1px solid red;
	color:red;
}
#content div.general-error {
	border:1px solid #912c1f;
	padding:7px 7px 7px 28px;
	font-size:1.25em;
	text-align:left;
	color:#912c1f;
	background:#fbe3e4 url(../images/icons/error.gif) 7px 7px no-repeat;
}







/*/////////////////////////////////// GOOGLE MAP ///////////////////////////////////*/
#GoogleMap {
	width:328px;
	height:328px;
	color:#000;
	border:1px solid #111;
}
#GoogleMap h3 {
	font-size:1.6em;
	margin-bottom:.25em;
	color:#d34c01;
}
#GoogleMap h4 {
	background:#d34c01;
	color:#FFF;
	font-size:1.4em;
	white-space:nowrap;
	width:auto;
	padding:2px;
	margin:0;
}
#GoogleMap p {
	font-size:1em;
	line-height:125%;
	margin:0;
}






/*/////////////////////////////////// TWO COLUMN LISTS ///////////////////////////////////*/
#wrapper ul.twoColList {
	border-top: 1px solid #d34c01;
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
#wrapper ul.twoColList li {
	border-bottom: 1px solid #d34c01;
	float:left;
	margin:0 !important;
	padding:0;
	font-size:1.2em;
	width:100%;
}
#wrapper ul.twoColList li a {
	display:block;
	float:left;
	width:98%;
	padding:5px 1%;
	background:none;
	text-decoration:none;
	color:#fff;
}
#wrapper ul.twoColList li a:visited {
	color:#ccc;
}
#wrapper ul.twoColList li.noLink {
	display:block;
	float:left;
	width:98%;
	padding:5px 1%;
	color:#fff;
	background:none;
	text-decoration:none;
}
#wrapper ul.twoColList li a:hover {
	text-decoration:none;
	background:#eabf90;
	color:#000;
}
#wrapper ul.twoColList li span.ListRight {
	text-align:right;
	float:right;
	margin-left:20px;
	color:#d34c01;
	font-weight:normal;
}
#wrapper ul.twoColList li a:hover span.ListRight {
	color:#000;
}





/*/////////////////////////////////// WALLPAPERS ///////////////////////////////////*/
/* added by neil - needs to be simplified */
#wallpaper1, #wallpaper3 {
	width: 140px;
	float:left;
	text-align:left;
	margin-bottom:15px;
}
#wallpaper2, #wallpaper4 {
	width: 140px;
	float:right;
	text-align:left;
	margin-bottom:15px;
}
#wallpaper1 img, #wallpaper2 img, #wallpaper3 img, #wallpaper4 img {
	margin-bottom:5px;
}



/*/////////////////////////////////// FOOTER ///////////////////////////////////*/
#footer {
	color:#fff;
	font-size:1em;
	line-height:140%;
	text-align:left;
	height:279px;
	width:100%;
	clear:both;
	background: transparent url(../images/backgrounds/bg-footer.png) 0 0 no-repeat;
}
#footer div.col {
	margin-left:10px;
	float:left;
	width:116px;
}
#footer div.first {
	margin-left:23px;
}
#footer div.networking {
	width:281px;
	margin-left:18px;
}
#footer div.col h6 {
	font-size:1em;
	color:#d34c01;
	margin:0;
}
#footer div.col h6.single {
	margin-bottom:1.5em;
}

#footer div.col ul {
	list-style:none;
	margin-bottom:1.5em;
}
#footer div.col ul li {
	font-size:1em;
	margin-bottom:1px;
}
#footer div.col ul li a {
	background:url(../images/icons/footer-link.gif) right -100px no-repeat;
	padding-right:6px;
}
#footer div.col ul li a:hover {
	background:url(../images/icons/footer-link.gif) right 2px  no-repeat;
}
#footer div.networking ul li {
	margin:0 13px 5px 0;
	float:left;
	line-height:100%;
}
#footer div.networking ul li.second {
	margin:0 0 5px 0;
}
#footer div.networking ul li a {
	padding:0;
}
#footer p#Copyright {
	margin:8px 23px 0 23px;
	color:#999;
}





/*/////////////////////////////////// GENERAL USEFUL STYLES ///////////////////////////////////*/
#wrapper .indent {
	text-align:left;
	float:right;
	width:50%
}
body#tickets #wrapper .indent {
	width:70%;
}
#wrapper .Center {
	text-align:center;
}
#wrapper .Credit {
	font-size:.8em;
	line-height:120%;
}
#wrapper .Right {
	text-align:right;
	float:right;
	font-weight:normal;
	text-transform:none;
}
#wrapper .bold {
	font-weight:bold;
}
#wrapper .Last {
	border:none;
	margin:0;
	padding:0;
}
#wrapper .white {
	color:#fff;
}
#wrapper .orange {
	color:#d34c01;
	text-transform:uppercase;
}
#wrapper .orange li {
	text-transform:none;
	color:#fff;
}
#wrapper .date {
	font-size:75%;
	line-height:140%;
}
#wrapper .note {
	font-size:.8em;
	font-style:italic;
	margin:0;
	line-height:125%;
}
#wrapper .small {
	font-size:1em;
}
#wrapper .big {
	font-size:260%;
	letter-spacing:-0.05em;
	line-height:130%;
}
#wrapper .space {
	height:50px;
}
#wrapper .space20 {
	height:20px;
}
#wrapper .space10 {
	height:10px;
}
#wrapper h5.gap10 {
	padding-top:10px;
}
#wrapper .line {
	height:15px;
}
#wrapper .hspace {
	padding: 0 10px;
	float:left;
}