/*****************************
*  GLOBAL STYLESHEET
*****************************/

body {padding:0; margin:0; background-color: #666;  background-image: url(../images/bg.gif);}
/*body {padding:0; margin:0; background-color: #67AD96;}*/
a,a:visited,a:active {color:#6B1905; text-decoration:none; outline:none;}
a:hover {color:#B0211A; text-decoration:underline; outline:none;}

h1 {font-family: NiteClubNormal; font-size:20px; font-weight:normal; color:#B0211A; float:right; margin:-15px 30px 0 0;}
h2 {font-family: NiteClubNormal; font-size:20px; font-weight:normal; color:#6B1905; margin-bottom:7px;}

.bold {font-weight:bold;}

.hr {background-image:url(../images/hr.png); height:20px; width:70px; text-align:center; margin:10px auto 5px auto;}

#content_wrapper {
	text-align: center; 
	margin:15px auto 0 auto;
	background-image:url(../images/background.png); background-repeat:no-repeat;
	width:900px;
	border:1px transparent solid;
}
.content_body {
	text-align:left; 
	padding:0 0 0 110px; 
	line-height:17px; 
	font-family: Verdana,Arial,Sans-Serif; 
	color:#000; font-size:13px;
	overflow:hidden;
	width:510px;
}
.scroll {display:inline; float:right; margin-right:160px;}
.scroll li {display:inline-block; list-style-type:none;}


/********** N E W S **************/
.news_content {height:460px; overflow:hidden; width:750px; margin-left:150px;}
.news_content .connect_float {float:left; margin-right:10px;}
.news_content .news_wrapper {margin-top:40px;  padding:20px; height:400px;}

.news_fb {float:left; margin-right:10px;}
.news_fb a,.news_fb a:visited,.news_fb a:active {
	display:block; 
	height:30px; width:30px; 
	background-image: url(../images/facebook2.png);
	background-position: -30px 0;
}
.news_fb a:hover {background-position: -30px 0;}
.news_fb span {display:none;}

/********** G A L L E R Y  **************/
.gallery_content {height:450px; overflow:hidden; width:600px; margin:0 0 0 160px; padding-top:40px;}


/********** S H O W S **************/
.shows_content {height:460px; overflow:hidden; width:750px; margin-left:150px;}
.shows_content .shows_wrapper {margin-top:20px;  padding:20px; height:400px;}
.shows_content .connect_float {float:left; margin-right:10px; margin-top:8px;}
.back_to_shows {margin:20px 0 0 30px;}


/********** C L A S S E S **************/
.classes_content {height:450px; overflow:hidden; width:750px; margin-left:150px;}
.classes_content ul {padding-top:0;margin-top:0;}
.classes_content li {
	list-style-type: none;
	margin-bottom:7px;
	}
.classes_content li:before {
	content:url(../images/bullet.png);
	margin-left:0; padding-left:0;
	padding-top:3px;
	}
	.classes_content li a {
	cursor:hand;
	}
/*.classes_content li span {color:#b0211a;}*/


/********** C O S T U M E   D E S I G N  **************/
.costume_content {height:450px; overflow:hidden; width:680px; margin-left:150px;}


/********** C O N T A C T  **************/
.contact_content {height:450px; overflow:hidden; width:550px; margin-left:250px; padding-top:40px;}

/********** E R R O R   P A G E S  **************/
.error_content {height:450px; overflow:hidden; width:550px; margin-left:250px; padding-top:40px;}
.error_content .wrap {margin: 0 0 7px -80px;}
.error_content h2 {font-family: NiteClubNormal; font-size:30px; font-weight:normal; color:#6B1905;}


/********** C R E D I T S  **************/
.credits_content {height:430px; overflow:hidden; width:800px; margin:0 0 0 180px; padding-top:35px;}
.credits_left {float:left; margin-right:50px;}
.credits_right {float:left;}



.about_content {height:460px; overflow:hidden; margin-left:150px;}
.press_content {height:460px; overflow:hidden; margin-left:150px;}
.press_content .quote {font-size:14px; font-weight:bold;}
.press_content .byline {margin-left:14px; font-style:italic;}

.scroll_container { height:400px; background:transparent; padding:0 10px; overflow:hidden; }
.scroll_content { background:Transparent; }


.links_content {height:430px; overflow:hidden; width:800px; margin:0 0 0 180px; padding-top:35px;}
.links_content ul li {list-style-type:none; margin-bottom:3px;margin-left:10px; padding-left:10px;}
.links_content li:before {
	content:url(../images/bullet.png);
	margin-left:0; padding-left:0;
	padding-top:3px;
}

.shanghai {float:left; z-index:2000; position:absolute; display:block; margin-top:55px;}
.spotlight {float:left; z-index:3000; position:absolute; display:block; margin-top:429px;}




/********** H E A D E R **************/
.header {
	padding:0 0 0 10px;
	margin-top:30px;
	height:100px;
	font-family: 'NiteClubNormal';
	font-size:24px;
	color:#F4EC69;
	font-weight:550;
}

.gallery {float:left; margin-right:25px; padding-top:63px;}
.gallery a,.gallery a:visited,.gallery a:active {
	display:block; 
	height:29px; width:73px; 
	background-image: url(../images/head_gallery.png);
}
.gallery a:hover {background-position: -73px 0;}
.gallery span {display:none;}

.shows {float:left; margin-right:15px; padding-top:63px;}
.shows a,.shows a:visited,.shows a:active {
	display:block; 
	height:29px; width:73px; 
	background-image: url(../images/head_shows.png);
}
.shows a:hover {background-position: -73px 0;}
.shows span {display:none;}

.classes {float:left; margin-right:80px; padding-top:63px;}
.classes a,.classes a:visited,.classes a:active {
	display:block; 
	height:29px; width:73px; 
	background-image: url(../images/head_classes.png);
}
.classes a:hover {background-position: -73px 0;}
.classes span {display:none;}

.home {float:left; margin-right:53px;}

.costumedesign {float:left; margin-right:10px; padding-top:63px;}
.costumedesign a,.costumedesign a:visited,.costumedesign a:active {
	display:block; 
	height:29px; width:147px; 
	background-image: url(../images/head_costume.png);
}
.costumedesign a:hover {background-position: -149px 0;}
.costumedesign span {display:none;}

.contact {float:left; padding-top:63px;}
.contact a,.contact a:visited,.contact a:active {
	display:block; 
	height:29px; width:90px; 
	background-image: url(../images/head_contact.png);
}
.contact a:hover {background-position: -90px 0;}
.contact span {display:none;}




/**************************
* Home Page and Logo Link
***************************/

.home_content {
	height:410px;
	width: 700px;
	text-align: center; margin:auto;
	padding-top:50px;
}
div.menu_home {
	width:400px; 
	height:170px;
	margin-left:186px;
}

.home_news {float:left; margin:65px 18px 0 0;}
.home_news a,.home_news a:visited,.home_news a:active {
	display:block; 
	height:107px; width:97px; 
	background-image: url(../images/about_frame2.png);
}
.home_news a:hover {background-position: -98px 0;}
.home_news span {display:none;}

.home_shows {float:left; margin-right:14px;}
.home_shows a,.home_shows a:visited,.home_shows a:active {
	display:block; 
	height:134px; width:139px; 
	background-image: url(../images/gallery_frame2.png);
}
.home_shows a:hover {background-position: -139px 0;}
.home_shows span {display:none;}

.home_classes {float:left; margin-top:65px;}
.home_classes a,.home_classes a:visited,.home_classes a:active {
	display:block; 
	height:110px; width:103px; 
	background-image: url(../images/press_frame2.png);
}
.home_classes a:hover {background-position: -103px 0;}
.home_classes span {display:none;}

.home_costume {float:left; margin:0 0 0 89px;}
.home_costume a,.home_costume a:visited,.home_costume a:active {
	display:block; 
	height:113px; width:115px; 
	background-image: url(../images/news_frame2.png);
}
.home_costume a:hover {background-position: -115px 0;}
.home_costume span {display:none;}

.home_contact {float:left; margin:0 0 0 25px;}
.home_contact a,.home_contact a:visited,.home_contact a:active {
	display:block; 
	height:146px; width:133px; 
	background-image: url(../images/contact_frame2.png);
}
.home_contact a:hover {background-position: -133px 0;}
.home_contact span {display:none;}










.center_content_default {
	padding: 0; 
	background-image:url(../images/shanghai2.png); 
	background-repeat:no-repeat; 
	background-position: bottom left;
	text-align: center; margin:30px auto 23px auto;
	background-color: transparent;
	height:466px;
}
.center_content {
	padding: 0; 
	background-color: transparent; 
	background-image:url(../images/shanghai2.png); 
	background-repeat:no-repeat; 
	background-position: bottom left;
	display: none;
	height:466px;
	text-align: center; margin:30px auto 23px auto;
	position:relative;
}

/**********************
*    F O O T E R
**********************/
.footer {
	margin: 4px 0 0 136px; 
	text-align:left; 
	font-family: 'NiteClubNormal';
	font-size:22px;
	color:#2F4D4A;
	padding-top:2px;
}
.footer a {
	color:#193330; text-decoration:none;
}
.footer a:hover {
	color:#2F4D4A; text-decoration:none;
}

.news {float:left; margin-right:90px;}
.news a,.news a:visited,.news a:active {
	display:block; 
	height:24px; width:46px; 
	background-image: url(../images/foot_news.png);
}
.news a:hover {background-position: -46px 0;}
.news span {display:none;}


.about {float:left; margin-right:94px;}
.about a,.about a:visited,.about a:active {
	display:block; 
	height:24px; width:60px; 
	background-image: url(../images/foot_about.png);
}
.about a:hover {background-position: -60px 0;}
.about span {display:none;}

.press {float:left; margin-right:105px;}
.press a,.press a:visited,.press a:active {
	display:block; 
	height:24px; width:42px; 
	background-image: url(../images/foot_press.png);
}
.press a:hover {background-position: -42px 0;}
.press span {display:none;}

.links {float:left; margin-right:94px;}
.links a,.links a:visited,.links a:active {
	display:block; 
	height:24px; width:42px; 
	background-image: url(../images/foot_links.png);
}
.links a:hover {background-position: -42px 0;}
.links span {display:none;}

.credits {float:left;}
.credits a,.credits a:visited,.credits a:active {
	display:block; 
	height:24px; width:65px; 
	background-image: url(../images/foot_credits.png);
}
.credits a:hover {background-position: -65px 0;}
.credits span {display:none;}




.show {display:block;}
.hide {display:none;}

.copyright {color:#999; font-size:12px; font-family:Arial,Helvetica,Sans-Serif; text-align:center; margin:auto; margin-top:15px;}







/******************
*  L I G H T B O X
******************/
.imageRow .single {
  float: left;
}
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
  background-color: #8ad459;
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {
  background-color: #8ad459;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}




/******************
*  F O N T S
******************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 9, 2012 */

@font-face {
    font-family: 'NiteClubNormal';
    src: url('../fonts/niteclub-webfont.eot');
    src: url('../fonts/niteclub-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/niteclub-webfont.woff') format('woff'),
         url('../fonts/niteclub-webfont.ttf') format('truetype'),
         url('../fonts/niteclub-webfont.svg#NiteClubNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

















/*****************************
*  G A L L E R Y
*****************************/
/* some styling for triggers */
  #triggers {
  text-align:center;
  }

  #triggers img {
  cursor:pointer;
  margin:0 5px;
  background-color:#fff;
  border:1px solid #ccc;
  padding:2px;

  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  height:100px; width:100px;

  }
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
.gallery1 {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

 /* styling for elements inside overlay */
  .details {
  position:absolute;
  top:15px;
  right:15px;
  font-size:11px;
  color:#fff;
  width:150px;
  }
  /* styling for elements inside overlay */
  .details2 {
  position:absolute;
  font-size:11px;
  color:#fff;
  width:600px;
  padding:0 15px 15px 15px;
  margin-bottom:10px;
  }
  .details h3,.details2 h3 {
  color:#aba;
  font-size:15px;
  }
  .details2 h3 {
  margin-bottom:0;
  }
.details2 h4 {
  margin-top:0;
  }




.button {background-image:url(../images/button.png); background-repeat:no-repeat;}















/*****************************
*   S C R O L L E R
*****************************/
  /* root element for scrollable */
  .scrollable {
 
  /* required settings */
  position:relative;
  overflow:hidden;
 
  /*
  vertical scrollables have typically larger height than width but
  not now
  */
  height: 665px;
  }
 
  /* root element for scrollable items */
  .scrollable .items {
  position:absolute;
 
  /* this time we have very large space for the height */
  height:20000em;
  }

.actions {float:right; margin-right:170px;}  

.prev {background-image: url(../images/arrow_up.png); height:20px; width:20px; display:block;float:right;}
.prev:hover {background-position: 0 -20px; height:20px; width:20px; display:block;}
.prev span {display:none;} 

.next {background-image: url(../images/arrow_down.png); height:20px; width:20px; display:block;float:right;}
.next:hover {background-position: 0 -20px; height:20px; width:20px; display:block;}
.next span {display:none;}   





/*****************************
*   C A L E N D A R
*****************************/
.pbox {
  top:         1px;
  width:       15em;
  line-height: 1.2em;
  margin:0 10px 10px 0;
  font-size: 85%;
}


/* =Menu borders (top and bottom) creates rounded corners
----------------------------------------------- */
.pbox .t2, .pbox .b2, .pbox .sb2 {
  background-color:#BBB; /* D */
  position:relative;
  top:-1px;
  height:1px;
  margin:0 1px;
  font-size:1px;
  line-height:1px;
  }

.pbox .offset, .pbox .b2 {
  border-right:1px solid #666666; /* A */
  }
.pbox .t2 {
  margin-right:2px;
  }
.pbox .b2 {
  background-color:#BBBBBB; /* D */
  }
.pbox .sb2 {
  display:block;
  background-color:#666666;/* A */
  margin-left:2px;
  }

.boxbody {
  background-color:#DDDDDD; /* E */
  position:relative;
  top:-1px;
  border:solid #BBBBBB; /* D */
  border-width:0 1px;
  }
.boxbody ul, .boxbody li {
  margin:0;
  padding:0;
  list-style:none;
  }

/* The main chrome containing the calendar is spaced this far from the side */
.datePickerDiv {
  background: #c3d9ff;
  padding: 0px 0px 9px 9px;
  line-height: 1em;
}

.DP_monthtable {
  width: 100%;
  background: #fff;
  padding: 0px;
  border-bottom: 1px #A2BBDD solid;
  font-size: 83%;
}

.DP_monthtable TD {
  text-align: center;
  padding: 2px;
  font-family: Verdana;
  font-size: 85%;
}

.DP_heading {
  cursor: pointer;
  background: rgb(195, 217, 255);
  color: #112ABB;
  vertical-align: middle;
}

.DP_days {
  background: rgb(195, 217, 255);
}

.DP_dayh {
  cursor: default;
  font-size: 78%;
}

.DP_cur {
  font:bold 78%/1em Verdana,Sans-serif;
  padding-bottom: 4px;
  text-align: center;
}
.DP_prev, .DP_next {
  font-size: 125%;
  padding-bottom: 6px;
  cursor: pointer;
}

.DP_prev { text-align: right; }
.DP_next { text-align: left; }

/* today  */
.DP_today {
  background :  #9ab !important;
  border:       1px solid !important;
  border-color: #567 #abc #abc #567 !important;
  color:        #fff;
}
.DP_today_selected {
  background :  #579 !important;
  border:       1px solid !important;
  border-color: #246 #9bd #9bd #246 !important;
  color:        #fff;
}

/* weekday is Gmail blue when selected */
.DP_weekday {
  background: rgb(255, 255, 255);
}
.DP_weekday_selected {
  background: rgb(170, 204, 238);
}

/* weekend goes from gray to dark blue when selected */
.DP_weekend {
  background: #E8EEF7;
}
.DP_weekend_selected {
  background: rgb(153, 187, 221);
}

.DP_onmonth {
}

.DP_offmonth {
  color: #888;
}

.DP_day_top {
  border-top: 1px #A2BBDD solid;
}

.DP_day_right {
  border-right: 1px #A2BBDD solid;
}

.DP_day_left {
  border-left: 1px #A2BBDD solid;
}
.fakelink {
  text-decoration: underline;
  cursor: pointer;
  color: rgb(0, 0, 204);
}
.eventChip {
  font-size: 82%;
  font-family: Arial;
}
.eventCell {
  vertical-align: top;
  font-size: 82%;
  font-family: Arial;
}
.agendaLine {
  background-color: rgb(229, 236, 249);
  line-height: 1px;
  height: 1px;
  padding: 0px;
  font-size: 1px;
}
.timeSlot {
  text-align: right;
  white-space: nowrap;
  padding-right: 0.5em;
}
.dateDescription {
  white-space: nowrap;
  font-style: italic;
  color: gray;  
}

a.eventCell:link, a.eventCell:visited {text-decoration: none; }
a.eventCell:hover, a.eventCell:active {text-decoration: underline; }

/* need full URL if not hosted on google.com */
td.tl {background:url("http://www.google.com/calendar/images/corner_tl.gif") top left}
td.bl {background:url("http://www.google.com/calendar/images/corner_bl.gif") bottom left}
td.tr {background:url("http://www.google.com/calendar/images/corner_tr.gif") top right}
td.br {background:url("http://www.google.com/calendar/images/corner_br.gif") bottom right}
td.evhtml {background-repeat:no-repeat;padding-left:4px;width:4px}
td.dphtml {background-repeat:no-repeat;width:2px}

/* used with Quick Add */
.reset {
  clear:both;
  height:1px;
  margin:0;
  font-size:1px;
  line-height:1px;
}


.t2 {
  line-height: 1px;
  height: 1px;
  font-size: 1px;
  border-width: 0 1px;
  border-style: solid;
  border-color: white;
}

.calChip {
  color: white;
  padding: 0 2px;
}

.subscribeLinks {
  margin-top: 10px;
  font-size: 80%;
}