
/*

green: #80885D
lightgreen: #9DA578
pink:  #FFE6E2
lightpink: #FFF2F0
dark on pink: #996F69
dark pink: #B28B85
dark background: #2B2B2B
dark text: #333333
grey text: #666666

1 - The Show:  dark text on white, quote in lightgreen
2 - Tickets: dark title / grey text on lightpink
Button: white on dark pink
3 - Get Involved: dark text on pattern on #C8C3AA (more or less)
4 - Gallery: pink title / white text on dark background
5 - Cast: dark pink title + links / dark text / on white
6 - Reviews: white on green
7 - Installation: dark title / grey text on lightpink


*/

html,body,h1,h2,p,ul,li{
	padding:0;
	margin:0;
}
ul{
	list-style:none;
}
p a{
	color:inherit;
	text-decoration:underline;
}
a img{
	border-width:0;
}
img{
	max-width:100%;
}

/* ie8 */
body{
	min-width:1010px;
}
@media(max-width:1200px){
	body{
		min-width:280px;
	}
}
/* end ie 8 */

body{
	font-family:'Open Sans',Arial,sans-serif;
	font-size:100%;
	font-weight:400;
	line-height:1;
}
h1,h2,h3,h4,strong{
	font-weight:600;
}

body,
#footer{
	background:#000;
	color:#fff;
}
body a{
	color:inherit;
}
body a:hover{
	text-decoration:none;
}
#footer a{
	color:#BDE16C;
	text-decoration:none;
}
#footer a:hover{
	color:white;
}
#header{
	background:#80885D;
}
#header{
	position:relative;
}
#header .overlay{
	width:100%;
	/* padding-top:38px; */
	padding-top:15px;
}
#header #header .quote img{
	max-width:96%;
}
#content1,
#content5{
	background:#FFFFFF;
	padding-bottom:50px;
}
#content2{
	background:#fff2f0;
	padding-bottom:50px;
}
#content3{
	background:url(../img/getinvolved-bg.jpg) #C8C3AA repeat center top;
	padding-bottom:50px;
}
#content4{
	background:#2b2b2b;
	padding-bottom:50px;
}
#content6{
	background:#80885d;
	padding-bottom:50px;
}
#content7{
	background:#fff2f0;
	padding-bottom:50px;
}


#header{
}
#footer{
	padding-top:42px;
	padding-bottom:80px;
}
.vdtpresents{
	float:left;
	margin-bottom:16px;
}
h1{
	float:right;
	padding-top:27px;
}

.credit-social{
	overflow:hidden;
	background:#80885D;
	max-width:980px;
	padding:8px 20px;
	margin:0 auto;
}
p.photocredits{
	float:left;
	font-size:11px;
	line-height:26px;
	margin-bottom:0;
}
#social{
	clear:right;
	float:right;
	margin-bottom:0;
}
#social li{
	float:left;
	padding-left:4px;
}


#quotewrapper1{
	width:100%;
	font-family:'Arvo','Times New Roman',serif;
	text-align:center;
}
#quotewrapper1 *{
	color:#80885D !important;
}
#quotewrapper2{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}
.quoted{
	width:85%;
	max-width:700px;
	font-family:'Arvo','Times New Roman',serif;
	font-weight:300;
	line-height:1.3;
	text-align:center;
	margin:0 auto;

}
.quoted .quote{
	display:block;
	font-size:24px;
}
.quoted .byline{
	display:block;
	font-size:15px;
	padding-top:10px;
}

#quotewrapper1 .quoted{
	font-family:'Arvo','Times New Roman',serif;
}
#quotewrapper1 .quoted .quote{
	font-size:33px;
}
#quotewrapper1 .quoted .byline{
	font-size:13px;
}
#quotewrapper2 .quoted{
	width:100%;
	max-width:100%;
	font-family:'Open Sans',Arial,sans-serif;
	line-height:1.5;
}
#quotewrapper2 .quoted .quote{
	font-size:16px;
	font-style:italic;
}
#quotewrapper2 .quoted .byline{
	font-size:16px;
	font-style:italic;
	font-weight:600;
	padding-top:0;
}

p.inlinequote{
	color:#80885d !important;
	font-style:italic;
	font-weight:600;
}
p.inlinequote span.byline{
	color:#80885D !important;
	font-style:normal;
	font-weight:400;
}


#quotes2{
	padding:40px 20px;
	color:#93AEB2;
}
#reviews{
	color:#fff;
}
.bx-controls{
	text-align:center;
	padding-top:20px;
}

.bx-pager-item{
	display:inline;
	padding:0 7px;
}
.bx-pager-item a{
	display:inline-block;
	background:#ffe6e2;
	width:12px;
	height:12px;
	border-radius:10px;
	text-indent:-50px;
	overflow:hidden;
}
.bx-pager-item a.active{
	background:#fff;
}
#deco{
	position:relative;
	background:#000;
}
.singlequote{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	color:#fff;
}
.singlequote .quote{
	font-size:20px;
}
#deco2{
	background:url(../img/deco-bg.jpg) #FFFFFF repeat-x left bottom;
}
#header img,
#deco img,
#deco2 img,
img.indeco{
	display:block;
	margin:0 auto;
}
#twitterbox p.follow{
	padding-top:20px;
	text-align:center;
	font-size:14px;
}
#twitterbox p.follow a{
	color:#b28b85;
}

#videos ul{
	text-align:center;
	overflow:hidden;
	margin-bottom:80px;
	margin-left:-20px;
	margin-right:-20px;
}
#videos li{
	display:inline-block;
	width:300px;
	/*margin-left:18px;*/
	margin-right:18px;
	padding-bottom:80px;
}
#videos li#vid3{
	/* margin-right:0; */
}

#videos li a,
#videos li a img{
	display:block;
	position:relative;
}
#videos li span{
	position:absolute;
	display:block;
	width:100%;
	padding:10px 0;
	line-height:1.4;
	text-align:center;
	color:white;
}
#videos li span.caption{
	left:0;
	top:100%;
}
#videos li span.play{
	left:0;
	top:0;
	bottom:0;
	background:url(../img/play.png) transparent no-repeat center;
}
#videos li a:hover span.play{
	opacity:0.5;
}
.thumbwrapper{
	max-width:900px;
	background:#fff;
	height:90px;
	margin:0 auto;
}
#gallerythumbs li a img{
	width:135px;
	height:90px;
}
#gallery ul li img{
	display:block;
}
#gallery ul li div.caption{
	background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	color:white;
	position:absolute;
	bottom:0;
	left:0;
	width:90%;
	font-size:12px;
	text-align:center;
	padding:24px 5%;
}
#gallery ul li.video div.caption{
	color:white;
}
#gallery .bx-controls{
	padding-top:0;
}
.bx-wrapper{
	position:relative;
	margin:0 auto;
	margin-bottom:1px;
}
.bx-wrapper .bx-prev{
	left: -10px;
	background: url(../img/gallery-prev.png) no-repeat left center;
}
.bx-wrapper .bx-next{
	right: -10px;
	background: url(../img/gallery-next.png) no-repeat right center;
}
.bx-wrapper .bx-prev:hover{
	left:-18px;
}
.bx-wrapper .bx-next:hover{
	right:-18px;
}

#reviews .bx-controls{
	margin-left:-20px;
	margin-right:-20px;
}
.bx-wrapper .bx-prev{
	left: 10px;
	background: url(../img/gallery-prev.png) no-repeat left center;
}
.bx-wrapper .bx-next{
	right: 10px;
	background: url(../img/gallery-next.png) no-repeat right center;
}
.bx-wrapper .bx-prev:hover{
	left:2px;
}
.bx-wrapper .bx-next:hover{
	right:2px;
}
#reviews .bx-wrapper .bx-prev{
	left: -10px;
	background: url(../img/gallery-prev.png) no-repeat left center;
}
#reviews .bx-wrapper .bx-next{
	right: -10px;
	background: url(../img/gallery-next.png) no-repeat right center;
}
#reviews .bx-wrapper .bx-prev:hover{
	left:-18px;
}
#reviews .bx-wrapper .bx-next:hover{
	right:-18px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -33px;
	outline: 0;
	width: 39px;
	height: 66px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
#gallerythumbs .bx-pager-item a.active{
	opacity:.4;
}


/* cast & creatives */

.ccbox{
	clear:both;
}
.ccbox h3{
	text-align:center;
}
.ccbox ul{
	overflow:hidden;
	margin-bottom:50px;
}
.ccbox ul li *{
	display:block;
}
.ccbox ul li{
	float:left;
	width:25%;
	text-align:center;
}
.ccbox ul li.singlelast{
	margin-left:37.5%;
}
.ccbox ul li span.padded{
	padding:1px;
}
#content5 .ccbox ul li a{
	color:#b28b85;
	text-decoration:none;
}
.ccbox ul li span.img{
	background:#996f69;
}
.ccbox ul li a:hover img{
	opacity:0.3;
}
#content5 .ccbox ul li span.name{
	color:#b28b85;
	font-size:18px;
	line-height:1.3;
	text-decoration:none;
	padding-top:20px;
	min-height:3.2em;
}


ul#choreo li{
	width:160px;
	padding:2px;
	margin-bottom:24px;
}
ul#choreo li a:hover span.name{
	color:#E25510;
}





#footer{
	padding:35px 0 50px 0;
}
.inner{
	max-width:980px;
	padding:70px 20px 0 20px; /* 70px needed to get the headers below the fixed menu bar */
	margin:0 auto;
	overflow:hidden;
}
.overlay .inner{
	padding-top:0;
	padding-bottom:0;
}
div.col{
	width:464px;
	max-width:47.5%;
}
div.col h3{
	text-align:left;
}
div.col1{
	float:left;
}
div.col2{
	float:right;
}






.navmenu{
	clear:both;
	font-family:'Arvo','Times New Roman',serif;
	font-size:15px;
	font-weight:600;
	text-transform:uppercase;
	line-height:26px;
	text-align:center;
	padding:11px;
	margin-bottom:0;
	overflow:hidden;
}
.navmenu li{
	display:inline;
	padding-left:10px;
	padding-right:10px;
}
.navmenu a{
	color:#996f69;
	text-decoration:none;
	white-space:nowrap;
}
#nav a:focus,
#nav a:hover,
#nav a:active{
	color:#80885d;
}
#nav2 a:focus,
#nav2 a:hover,
#nav2 a:active{
	opacity:.4;
}

.wrapfix{
	position:relative;
	min-height:65px; /* 2x11px+1px+26px+16px = 65px */
	z-index:1001; /* to cover the z-index 1000 from the carousel arrows */
}
.fixthebar{
	border-top:1px solid #ffe6e2;
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
#toggle{
	display:none;
}
#nav{
	background:#FFE6E2;
	min-height:26px;
	border-bottom:1px solid #ffe6e2;
}
.fixthebar .pointer{
	display:block;
}
.fixthebar.videoopen .pointer{
	background:transparent;
}
.fixthebar.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:120;
}
/*
.fixthebar.fixed .pointer{
	position:fixed;
	top:53px;
	left:0;
	width:100%;
	z-index:121;
}
*/
.openup{
	margin-top:-16px;
	position:relative;
	z-index:100;
}
.pointer{
	height:16px;
	background:url(../img/point.png) transparent no-repeat center bottom;
	margin-top:-1px;
}
.watch .pointer{
}
#trailer{
	background:#ffe6e2;
	padding-top:30px;
}
#trailer .box{
	max-width:850px;
	padding-bottom:30px;
	margin:0 auto;
}
#trailer iframe,
.iframebox iframe{
	display:block;
	max-width:100%;
	margin:0 auto 20px auto;
}
.box .close a{
	display:block;
	color:#996f69;
	font-size:14px;
	text-transform:uppercase;
	line-height:20px;
	text-align:right;
	padding-right:30px;
	background:url(../img/close.png) transparent no-repeat right center;

}
.watch{
	border-top:1px solid #996f69;
	position:absolute;
	width:100%;
}
.watch p{
	padding-top:20px;
}
.watch p.hide{
	display:none;
}
#bigslider{
	position:relative;
	overflow:hidden; /* to allow visible left/right without causing massive scrollbar */
}
h1{
	font-size:40px;
	font-weight:normal;
	margin-bottom:28px;
}
h2{
	font-family:'Arvo','Times New Roman',serif;
	font-size:32px;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	line-height:1.2;
	margin-bottom:.6em;
}
h2 strong{
	font-weight:600;
}
h3{
	font-family:'Arvo','Times New Roman',serif;
	font-size:24px;
	font-weight:400;
}
#content1 *,
#content3 *{
	color:#333;
}
#content2 *,
#content7 *{
	color:#666;
}
#content4 *,
#content6 *{
	color:#fff;
}
#content5 *{
	color:#333;
}
#content1 h2,
#content2 h2,
#content3 h2,
#content7 h2{
	color:#333;
}
#content4 h2{
	color:#ffe6e2;
	margin-bottom:40px;
}
#content5 h2,
#content5 a{
	color:#b28b85;
}
#content6 h2{
	color:#fff;
}

#tickets{
	text-align:center;
	margin-bottom:30px;
}
#tickets .button{
	display:inline-block;
	background:#B28B85;
	color:#fff;
	font-family:'Arvo','Times New Roman',serif;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	padding:10px 35px 12px 35px;
	border-radius:4px;
	margin:12px 0;
}
#tickets .button:hover{
	opacity:0.8;
}




.dclinks{
	overflow:hidden;
}
.postshow{
	text-align:center;
	border:1px solid #DF5C31;
	padding:17px 12px 0 12px;
	border-radius:3px;
	margin-bottom:30px;
}
p{
	font-size:16px;
	line-height:1.5;
	margin-bottom:1.5em;
}
p.smalltext{
	font-size:13px;
}

.dclinks p.showlinks{
	font-size:15px;
	line-height:1.6;
	text-align:left;
	margin-bottom:.4em;
}
.dclinks p.venues{
	font-size:14px;
	line-height:1.6;
	text-align:left;
	margin-bottom:1.6em;
}
.postshow p{
	font-size:14px;
}


li.externallink a{
	padding-right:30px;
	background:url(../img/extlink.png) transparent no-repeat right center;
}
#footer .contacts{
	float:left;
}
#footer .credits{
	clear:left;
	float:left;
}
#footer h2{
    font-family:Oswald,Arial,sans-serif;
    font-size:14px;
    font-weight:400; /* instead of bold, for Oswald */
    margin-bottom:0.2em;
}

#details{
	float:left;
	margin-bottom:20px;
}
#details p{
	font-size:13px;
	margin-bottom:5px;
}
ul.sponsors{
	list-style:none;
	float:right;
	margin-bottom:10px;
}
ul.sponsors li{
	float:left;
	padding-left:10px;
}
ul.sponsors li a img{
	height:44px;
}

@media (max-width:1600px){
	*{
		-webkit-text-size-adjust:100%;
	}
}

@media (max-width:820px){
	ul.sponsors{
		clear:both;
		float:none;
		width:100%;
		text-align:center;
		padding-top:30px;
		margin:0 auto;
	}
	ul.sponsors li{
		float:none;
		display:inline-block;
		padding:10px;
	}
}
@media (max-width:725px){
	ul.sponsors{
		max-width:400px;
	}
}



@media (min-width:1400px){
	.singlequote{
		top:30px;
	}
	.singlequote .quote{
		font-size:24px;
	}
}
@media (max-width:1040px){
	#videos{
		width:786px;
		margin:0 auto 50px auto;
	}
	#videos ul{
		margin-left:-9px;
		margin-right:-9px;
	}
	#videos li{
		width:250px;
		margin-left:7px;
		margin-right:7px;
	}
}
@media (max-width:1000px){
	.singlequote{
		top:15px;
	}
	.singlequote .quote{
		font-size:18px;
	}
	.singlequote .byline{
		font-size:13px;
	}
	.tourdates li .inside{
		min-height:175px;
	}
	span.time{
		display:block;
	}
}
@media (max-width:900px){
	#trailer .box{
		padding-left:20px;
		padding-right:20px;
	}
	.singlequote{
		top:10px;
	}
}
@media (max-width:850px){
	#videos{
		width:654px;
	}
	#videos li{
		width:206px;
	}
}
@media (max-width:830px){
	.navmenu{
		/* help make sure this is where it wraps */
		padding-left:30px;
		padding-right:30px;
	}
	.wrapfix{
		min-height:91px;
	}
}
@media (max-width:820px){
	ul.tourdates li{
		width:33.3%;
	}
	li.row4{
		clear:none;
	}
	li.row3{
		clear:left;
	}
	li.add3,
	li.add6,
	li.add9{
		display:none;
	}
	li.itemx.add7,
	li.itemy.add7,
	li.itemz.add7,
	li.itemx.add10,
	li.itemy.add11{
		display:none;
	}

	li.itemx.add1{
		display:none;
	}
	li.itemx.add5,
	li.itemx.add8{
		display:block;
	}
	li.itemw.add4,
	li.itemw.add8{
		display:block;
	}
	.tourdates li .inside{
		min-height:150px;
	}
	span.time{
		display:inline;
	}
}
@media (max-width:768px){
	#nav li{
		padding:0 8px;
	}
	#nav2{
		font-size:14px;
		padding:0;
	}
	#nav2 li{
		padding:0 7px;
	}
	#header h1{
		max-width:53.75%;
	}
	#header p.vdtpresents{
		max-width:27.96%;
	}
	#trailer iframe{
		height:393px;
	}
	div.col{
		float:none;
		width:100%;
		max-width:100%;
	}
	.tourdates li .inside{
		min-height:175px;
	}
	span.time{
		display:block;
	}
}
@media (max-width:720px){
	#header img.headerbg{
		margin-top:-70px;
	}
	#videos{
		width:606px;
	}
	#videos li{
		width:190px;
	}
	#quotefader3 .quoted .quote{
		font-size:22px;
	}

}
@media (max-width:670px){
	#trailer iframe{
		height:344px;
	}
	#deco{
		padding-top:20px;
	}
	ul.tourdates li{
		width:50%;
	}
	li.row3{
		clear:none;
	}
	li.row2{
		clear:left;
	}
	li.add2{
		display:none;
	}
	li.itemw.add3,
	li.itemw.add9{
		display:block;
	}
	li.itemx.add1,
	li.itemx.add5,
	li.itemx.add11{
		display:none;
	}
	li.add2,
	li.add4,
	li.add6,
	li.add8,
	li.add10{
		display:none !important;
	}
	.tourdates li .inside{
		min-height:150px;
	}
	span.time{
		display:inline;
	}
}
@media (max-width:660px){
	#videos{
		width:483px;
	}
	#videos li{
		width:151px;
		margin-left:6px;
		margin-right:6px;
	}
}
@media (max-width:640px){
	#nav{
		font-size:14px;
		min-height:16px;
	}
	#nav li{
		padding:0 7px;
	}
	.inner{
		padding-top:65px;
	}
	#content7{
		padding:15px 0;
	}
	#nav2{
		font-size:14px;
	}
	#nav2 li{
		padding:0 5px;
	}
	#content5 .ccbox ul li span.name{
		font-size:15px;
	}
}
@media (max-width:620px){
	#nav2{
		font-size:12px;
	}
	#nav2 li{
		padding:0 5px;
	}
	#header #quotewrapper1{
		top:-30px;
	}
	#quotefader3 .quoted .quote{
		font-size:20px;
	}
}
@media (max-width:550px){
	#nav,
	#nav2{
		font-weight:300;
	}
	#nav li{
		padding:0 6px;
	}
	#nav2 li{
		padding:0 4px;
	}
	#trailer iframe{
		height:278px;
	}
	#videos{
		width:363px;
	}
	#videos ul{
		margin-left:auto;
		margin-right:auto;
	}
	#videos li{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#content5 .ccbox ul li span.name{
		font-size:14px;
	}
}
@media (max-width:520px){
	#nav{
		padding:11px 8px;
	}
	#nav li{
		padding:0 4px;
	}
	#deco{
		padding-top:40px;
	}
	.tourdates li .inside{
		min-height:175px;
	}
	span.time{
		display:block;
	}
	#quotefader3 .quoted .quote{
		font-size:18px;
	}
	.ccbox ul li{
		width:50%;
	}
	.ccbox ul li.singlelast{
		margin-left:25%;
	}
	#content5 .ccbox ul li span.name{
		font-size:18px;
	}
	.quoted{
		width:100%;
	}
}
@media (max-width:480px){
	.wrapfix{
		min-height:61px;
	}
	.fixthebar{
		border-top-width:0;
	}
	.fixthebar #toggle{
		display:block;
		height:60px;
		padding-left:36px;
		background:url(../img/menu.png) #ffe6e2 no-repeat 20px center;
		cursor:pointer;
	}
	.fixthebar #toggle span{
		display:block;
		color:#996f69;
		font-size:18px;
		font-weight:300;
		text-transform:uppercase;
		line-height:58px;
		vertical-align:middle;
		padding-left:24px;

	}
	.fixthebar ul,
	.fixthebar .pointer{
		display:none;
	}
	.fixthebar.toggled-on{
		height:auto;
	}
	.fixthebar.toggled-on #toggle,
	.fixthebar.videoopen #toggle{
		border-bottom-width:0;
	}
	.fixthebar.toggled-on ul{
		display:block;
		width:100%;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.fixthebar.toggled-on ul#nav{
		font-size:16px;
		font-weight:400;
		border-top:1px solid #996f69;

	}
	.fixthebar.toggled-on ul#nav li{
		clear:left;
		float:left;
		padding:6px 20px;
	}
	.openup{
		display:none;
	}


}
@media (max-width:480px){
	#header h1,
	#header p.vdtpresents{
		float:none;
		max-width:100%;
		margin-bottom:10px;
	}
	#header .overlay{
		padding-top:10px;
	}
	#header h1 img,
	#header p.vdtpresents img{
		margin-left:0;
	}
	#trailer iframe{
		height:235px;
	}
	#deco{
		padding-top:70px;
	}
	#quotefader3 .quoted .quote{
		font-size:16px;
	}
}
@media (max-width:420px){
	ul.tourdates li{
		width:100%;
		text-align:center;
	}
	li.itemw,
	li.itemx,
	li.itemy,
	li.itemz{
		display:none !important;
	}
	.tourdates li .inside{
		min-height:0;
		padding-bottom:24px;
	}
	span.time{
		display:inline;
	}
	#videos{
		width:100%;
	}
	#content5 .ccbox ul li span.name{
		font-size:15px;
	}
}
@media (max-width:360px){
	#header img.headerbg{
		margin-top:-40px;
	}
	#header #quotewrapper1{
		top:0;
		padding-bottom:30px;
	}
	.navmenu{
		padding-top:10px;
		font-size:18px;
	}
	.navmenu li{
		float:none;
		display:inline;
		margin-right:10px;
	}
	#content5 .ccbox ul li span.name{
		font-size:14px;
	}
	#quotefader3 .quoted .quote,
	#quotefader3 .quoted .byline{
		font-size:14px;
	}
}
