body {
	margin: 0;
	color: #000;
	text-align:center;
	font-size:62.5%;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #310751 url(../images/backgrounds/background-starry.jpg) top repeat-x;
}




/*/////////////////////////////////// GENERIC LINKS ///////////////////////////////////*/
a {
	color:#e11195;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#000;
	text-decoration:none;
	outline:none;
}






/*/////////////////////////////////// IMAGES ///////////////////////////////////*/
img, a img {
	border:0;
} 
.PixLeft {
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}
.PixRight {
	margin-left:15px;
	margin-bottom:10px;
	float:right;
}
body#artists .PixLeft, body#artists .PixRight {
	border: 1px solid #000;
}




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





/*/////////////////////////////////// LAYOUT ///////////////////////////////////*/
#wrapper {
	min-width: 966px;
	width:auto;
	margin:0 auto;
	clear:both;
	text-align:center;
	background:url(../images/backgrounds/background_tile.jpg) top center no-repeat;
}
#header {
	clear:both;
	margin:0 auto;
	padding:0;
	height:410px;
	width:966px;
	background:url(../images/backgrounds/header_img.jpg) top no-repeat;
	text-align:center;
}





/*///////////////////////////////////  SITE HEADER ///////////////////////////////////*/
#header h1 {
	margin:0 auto;
	padding:0;
	width:442px;
	height:156px;
}
#header h1 a, #header h1 a:hover {
	font-size:0.1em;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:442px;
	height:156px;
}

#header h2 {
	text-indent:-9999px;
	font-size:0.1em;
	margin:0;
}
#header h2.theatre {
	display:none;
}
#header h2.buy {
	background:url(../images/logos/ticketsnowonsale.jpg) 0 0 no-repeat;
	width:167px;
	height:166px;
	display:block;
	float:right;
	margin:15px 11px 0 0;
}
#header h2.buy a {
	width:167px;
	height:166px;
	display:block;
}
#header h2.vote {
	background:url(http://awards.whatsonstage.com/images/Awards2010/awardsvotebutton.png) 0 0 no-repeat;
	width:120px;
	height:60px;
	display:block;
	margin:55px 0 0 70px ;
	float:left;
	border: solid #000000 1px;
}
#header h2.vote a {
	width:120px;
	height:60px;
	display:block;
}
#topPanel {
	margin: 0 auto;
	width:966px;
	height: 27px;
	text-align:center;
	background:url(../images/backgrounds/body_bg_top.jpg) -33px -33px no-repeat;
}


/*/////////////////////////////////// MENU ///////////////////////////////////*/
#navigation {
	height:33px;
	margin:0 auto;
	clear:both;
	margin-top:211px;
}
#navigation ul {
	list-style:none;
	margin:0 auto;
	clear:both;
}
#navigation li {
	float:left;
	margin:0;
	padding:0 14px 0 0;
	background:url(../images/navigation/nav-bullet.gif) top right no-repeat;
}
#navigation li.last {
	padding:0;
	background:none;
}

#navigation li a {
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:.1em;
	height:33px;
}
#navigation li a:hover {
	background-position:bottom left;
}



/* roll-over */
#navigation li.item00 a {
	background-image:url(../images/navigation/nav-home.gif);
	width:52px;
}
#navigation li.item01 a {
	background-image:url(../images/navigation/nav-times_prices.gif);
	width:128px;
}
#navigation li.item02 a {
	background-image:url(../images/navigation/nav-about_show.gif);
	width:135px;
}
#navigation li.item03 a {
	background-image:url(../images/navigation/nav-cast_creative.gif);
	width:130px;
}
#navigation li.item04 a {
	background-image:url(../images/navigation/nav-photos.gif);
	width:63px;
}
#navigation li.item05 a {
	background-image:url(../images/navigation/nav-video.gif);
	width:55px;
}
#navigation li.item06 a {
	background-image:url(../images/navigation/nav-reviews.gif);
	width:75px;
}
#navigation li.item07 a {
	background-image:url(../images/navigation/nav-buy_tickets.gif);
	width:138px;
}




/* selected */
body#home #navigation li.item00 a,
body#timesprices #navigation li.item01 a,
body#aboutshow #navigation li.item02 a,
body#castcreative #navigation li.item03 a,
body#photos #navigation li.item04 a,
body#video #navigation li.item05 a,
body#reviews #navigation li.item06 a {
	background-position: 0 -33px;
	cursor:default;
}




/*///////////////////////////////////  CONTENT ///////////////////////////////////*/

#Content {
	width: 960px;
	clear:both;
	text-align:center;
	margin: 0 auto;
	padding-bottom:20px;
	border-left:3px solid white;
	border-right:3px solid white;
	background: #ffebad url(../images/backgrounds/content_bg.jpg) top center no-repeat;
}


body #TextArea {
	width:915px;
	margin:0 auto;
	background:none;
}

body #LeftCol {
	width:591px; 
	min-height:1px;
	height:auto;
}

body#home #Content {
}

#TextArea {
	width:100%;
	margin-top: 100px;
	padding: 0;
	text-align:left;
}
body#home #TextArea {
	width:915px;
	margin:0 auto;
	background:none;
}




#LeftCol {
	float:left;
	margin:0;
	width:591px;
	min-height:403px;
	height:auto;
}
body#home #LeftCol {
	width:591px; 
	min-height:1px;
	height:auto;
}

body #RightCol {
	width:319px;
	height: 635px;
	background: url(../images/backgrounds/bubble-blue.png) 0 0 no-repeat;
	float:right;
	margin:0;
}

body #RightCol #Facebook{
	padding: 40px 30px;
}

body #RightCol #Reviews{
	background: url(../images/backgrounds/bubble-blue-tile.png) 0 0 repeat-y;
	
}
body #RightCol #Reviews #ReviewsQuotes{
	padding: 30px 30px;
	background: url(../images/backgrounds/bubble-blue-top.png) 0 0 no-repeat;
	color: #ffffff;
	font-size:.9em;
}

body #RightCol #Reviews img, body #LeftCol img{
	padding-right:10px;
	
}
body#home #LeftCol #Welcome {
	width:531px;
	height: 600px;
/*	background: url(../images/backgrounds/bubble-pink.png) 0 0 no-repeat; */
	padding:10px 30px 0px 30px;
	text-align:left;
}





#TextArea {
	width:485px;
	clear:both;
	margin:59px 0 0 0;
	padding-bottom:15px;
}
#TextArea h2 {
	text-transform:uppercase;
	font-size:2.3em;
	
	margin:0 0 .5em 0;
}




#Content p {
	font-size:1.3em;
	margin:0 0 1.3em 0;
	line-height:130%;
}
#Content .leadPara {
	color:#000;
	font-size:1.5em;
}
h3 { }
h4 {
	color:#000;
	text-transform:uppercase;
	margin:0 0 .5em 0;
	font-size:2em;
	line-height:110%;
	font-weight:normal;
}
h4.quote {
	text-align:center;
	margin:0;
}
p.attr {
	text-align:center;
	font-style:italic;
}



h5 {
	font-weight:bold;
	margin:0 0 .5em;
	font-size:1.6em;
	color:#000;
}

h6 {
	font-weight:bold;
	margin:0 0 .25em 0;
	clear:both;
	font-size:1.4em;
}




#TextArea ol {
	list-style:upper-latin;
}
#TextArea ul {
	list-style:square;
	margin:0;
	padding:0 0 0 13px;
}
#TextArea li {
	font-size:1.3em;
	line-height:130%;
}
#TextArea ul li.sublist {
	list-style:none;
	margin-left:-15px;
}
#TextArea ul ul {
	margin-left:15px;
}
#TextArea li li {
	font-size:1em;
}



/*/////////////////////////////////// TWITTER ///////////////////////////////////*/
body#home #LeftCol #Twitter {
	width:511px;
	background: url(../images/backgrounds/bubble-white.png) 0 -60px no-repeat;
	padding:0 50px 0px 30px;
	color:#000;
}


#twitStart {
	width:591px;
	height: 60px;
	background: url(../images/backgrounds/bubble-white.png) top left no-repeat;
	padding:0;
	clear:both;
	margin:0 ;
}
#twitStart h4 {
	padding-top:20px;
	margin:0 50px 0 0;
	text-align:right;
}
#twitEnd {
	width:591px;
	height: 50px;
	background: url(../images/backgrounds/bubble-white.png) bottom left no-repeat;
	padding:0;
	clear:both;
	margin:0 ;
}
#Twitter h5 {
	margin-top:0;
}
#Twitter ul {
	list-style:none;
	margin:0;
	border-top:1px dotted #ccc;
	padding:0;
}
#Twitter ul li {
	color:#000;
	font-size:1.3em;
	margin:0;
	line-height:110%;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	padding:5px 0;
}
#Twitter ul#twitter_update_list li a.posted {
	text-align:right;
	color:#187395;
	margin:0;
	padding:0 0 0 20px;
	float:right;
/*	display:block;*/
	font-weight:normal;
	font-size:85%;
	font-style:italic;
}
#Twitter ul#twitter_update_list li span a {
	text-align:left;
	display:inline;
	margin:0;
	padding:0;
	font-style:normal;
	color:#e12aa7;
}
#Twitter a#twitter-link {
	color:#e12aa7;
	float:right;
	font-size:75%;
	font-weight:normal;
}





/*/////////////////////////////////// CAST and CREATIVE LISTS ///////////////////////////////////*/

body#castcreative #TextArea {
	width:915px;
	margin:0 auto;
	background:none;
}

body#castcreative #LeftCol {
	width:591px; 
	min-height:1px;
	height:auto;
}


#TextArea ul.TwoColList {
	border-top: 1px solid #310751;
	margin:0;
	padding:0;
	list-style-type:none;
	width:560px;
}

#TextArea ul.TwoColList li {
	border-bottom: 1px solid #310751;
	float:left;
	margin:0;
	padding:0;
	font-size:1.3em;
	width:560px;
}
#TextArea ul.TwoColList li a {
	display:block;
	float:left;
	width:98%;
	padding:1%;
	text-decoration:none;
	color:#000;
}
#TextArea ul.TwoColList li a:visited {
	color:#e11195;
}
#TextArea ul.TwoColList li.noLink {
	display:block;
	float:left;
	width:98%;
	padding:1%;
	color:#f9e8c0;
	background:none;
	text-decoration:none;
}
#TextArea ul.TwoColList li a:hover {
	text-decoration:none;
	background:#ff3f9e;
	color:#fff;
}
#TextArea ul.TwoColList li span.ListRight {
	text-align:left;
	float:right;
	width:45%;
	font-style:italic;
	font-weight:normal;
}
#TextArea ul.TwoColList li a span.Right {
	font-style:italic;
}
#TextArea ul.TwoColList li a span.Right em {
	font-size:80%;
	color:#fff;
	padding-right:0;
	height:14px;
	display:block;
	width:110px;
}

#TextArea ul.TwoColList li a:hover span.Right em {
	color:#000;
}
#TextArea ul.TwoColList li a span.Ext em {
	padding-right:18px;
	background-image:url(../images/icons/external_link.gif);
	background-position: top right;
	background-repeat:no-repeat;
}

#TextArea ul.TwoColList li a:hover span.Ext em {
	background-position: right bottom;
}

.castPic {
	float: left;
	border: solid 2px #e11195;
	margin-right:10px;
}



/*///////////////////////////////////  GENERAL ///////////////////////////////////*/
#TextArea .indent {
	text-align:left;
	float:right;
	width:50%
}
#TextArea .Center {
	text-align:center;
}
#TextArea .Credit {
	font-size:.8em;
	line-height:.8em;
}
#TextArea .Right {
	text-align:right;
	float:right;
	font-weight:normal;
	text-transform:none;
}
#TextArea .Last {
	border:none;
	margin:0;
	padding:0;
}
#TextArea .date {
	font-size:45%;
}
#TextArea .Note {
	font-size:0.85em;
	font-style:italic;
	margin:0;
	line-height:120%;
}
#TextArea .small {
	font-size:0.65em;
	margin:0;
	line-height:120%;
}
#TextArea .Big {
	font-size:1.6em;
	margin:0;
	color:#fff;
	line-height:100%;
}
#TextArea .space {
	height:40px;
}

.clearingDiv {
	clear:both;
}

.pinkRole {
	color:#e11195;
	text-transform:none;
}

/*///////////////////////////////////  FOOTER ///////////////////////////////////*/
#Footer {
	text-align:center;
	color:#000;
	margin:40px 0 0 0;
	width:100%;
	font-size:1em;
	clear:both;
}
#Footer div {
	width:900px;
	margin:0 auto;
}
#Footer a {
	color:#000;
}
#Footer a:hover {
	color:#e11195;
	text-decoration:none;
}

#Footer #Copyright {
	margin:0;
	text-align:left;
	float:left;
	font-size:1em;
	padding:0;
}
#Footer #FootLinks {
	float:right;
	padding:0;
}
#Footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#Footer ul li {
	border-right:1px solid #000;
	margin:0 4px 0 0;
	padding:0 4px 0 0;
	float:left;
}
#Footer ul li.Last {
	border:none;
	margin:0;
	padding:0;
}








/* facebook panel */
div#fbFollow {
	font-size:1em; 
	padding-top:7px;
}
div#fbFollow a {
	color:#000;
}
div#fbFollow a:hover {
	color:#000;
	text-decoration:none;
}

/*///////////////////////////////////  VIDEO PLAYER ///////////////////////////////////*/

#HomeFlashVideoPlayer {
	width:427px;
	height:280px;
	border: solid 1px #dd228f;
	margin:0;
}
#homeVideo {
	width:427px;
	height:280px;
	border: solid 1px #dd228f;
	margin:0 auto;
	/*
	width:300px;
	height:300px;
	border: solid 1px #dd228f;
	margin:0 auto 10px auto;
	*/
	text-align:center;
}



div.sidepanel {
	margin: 0 28px;
}

/*///////////////////////////////////  QUOTES ///////////////////////////////////*/

.quote1 {
	font-weight: bold;
	font-size: 1.7em;
	line-height:1.1em;
}
.quote2 {
	font-weight: bold;
	font-size: 1.4em;
	line-height:1.1em;
}
.quote3 {
	font-weight: bold;
	font-size: 1.3em;
	line-height:1.1em;
}
.quote4 {
	color:#fcc806;
}
.quote5 {
	font-weight: bold;
	font-size: 1.1em;
	line-height:1.1em;
}