* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0; }
#wrapper { margin: 0 auto; width: 940px; height: 600px; position:relative; }

/*HEADER______________*/
#masthead { margin: 0; width: 100%; margin-top: 15px; height: 95px; position: relative; }


#explore { display: none; }

#logo { margin: 25px 0 0 7px; width: 329px; max-width: 70%; }
    #logo img { width: 100%; }

#util { position: absolute; top: -20px; right: 0; }
    #util a { color: #141414; padding: 0 0 0 5px; }
    #util .clearfix { display: inline; }

#topNav, #nav { width: auto; }
    #nav .longTitle { display: inline; }
    #nav .shortTitle { display: none; }

#siteInfo .msg { clear: both; }
#search { position: absolute; width: 22%; right: 0; top: 2px; }

#searchTerm { padding: 4px; color: #141414; font-size: 11px; height: 24px; border: 1px solid #CAC8C8; position: absolute; right: 22px; top: 0; width: 100%; }

#searchButton { margin-top: 0; height: 24px; width: 23px; position: absolute; right: 0; top: 0; }

.condensedNav { display: none; }

/*BANNER_____________*/
#content .banner { /*border-radius: 10px 10px 0 0; behavior: url(/Includes/CSS/PIE.htc);*/ width: 100%; color: white; font-size: 36px; position: relative; }
    #content .banner img { display: block; /*border-radius: 10px 10px 0 0; behavior: url(/Includes/CSS/PIE.htc);*/ width: 100%; height: auto; position: relative; }

.banner span { padding: 2% 5%; display: block; }

.noImage span { display: block; }

.withImage span { display: none; }

#content .clickStream { display: block; width: 100%; background-color: #efefef; padding: 1% 5%; }




/*MAIN_______________*/
#mainFrame { position: relative; max-width:940px; width: 100%; background-color: #FFF; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc; /*-moz-box-shadow: 0 0 5px 2px #ccc; -webkit-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; border-radius: 10px; behavior: url(/Includes/CSS/PIE.htc);*/ }

#content { padding-bottom: 35px; /*border-radius: 10px 10px 0 0; behavior: url(/Includes/CSS/PIE.htc)*/; }
    #content .innerContent { width: 100%; padding: 5% 5% 0px 5%; position: relative; }

body.home .innerContent { background-color: #efefef; }

#ExpandedSeatSelection { display: block; }
#CollapsedSeatSelection { display: none; }

.perfInfo {
	
}
.perfRight {
	
}
#sidebarPromo {
	width: 230px;
	height: 10em;
	margin:1em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*FOOTER______________*/
#footerBar {
	width: 100%; height: auto; background-color: #393937; position: absolute; 
	bottom: 0; /*border-radius: 0 0px 10px 10px; behavior: url(/Includes/CSS/PIE.htc)*/;
}
#footerBar:before {
	margin-top: 50px;
}
#footer { font-size: 11px; padding: 10px; }
    #footer > div { padding: 10px; width: auto; }
    #footer .col1 { float: left; border-right: 2px solid #DDD;  }
        #footer .col1 a{ color: #8a1f03; }
    #footer .col2 { float: left; }
        #footer .col2 div { font-size: 90%; color: #141414; margin: 20px 0; }
        #footer .col2 a { margin-right: 10px; }
            #footer .col2 a:last-child { margin-right: 0px; }
    #footer .col3 { float: right; }
             #footer .col3 a.jerry{ color: #8a1f03; }
#bannerBuyButton { position: absolute; top: 70%; left: 4%;  }
.patronInfo {
	float: right;
	margin-left: 20px;
	width:20em;
}
.patronInfo .msg{
	width:auto;
}

@media (max-width:1000px) {
    #wrapper { width: 95%; }
    .threeBoxes .box { width: 48% !important; }
	.perfInfo { width:70%; }
}

@media (max-width:810px) {
    .debugColors body { background-color: yellow; }
    #wrapper { width: 100%; }
     #content .innerContent { width: 100%; padding:5% 5px 0 5px !important; position: relative; }
    .tab { margin-left: 0 !important; }
    #footer { padding: 10px 5px 5px 5px; font-size: 11px; }
        #footer > div { padding: 10px 7px; }
        #footer .col2 a { margin-right: 6px; }
	.perfInfo { width:65%; }
}

@media (max-width:620px) {
    .debugColors body { background-color: orange; }
    #wrapper { width: 100%; }
    #util { padding-right: 5px; }
    #search { right: 5px; }
    #mainFrame { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; border-radius: 0 !important; }
    #content { padding-bottom: 10em; }
   
    
    
	.perfInfo { width:60%; }
    /*BOXES*/
    .twoBoxes { margin: 0 !important; }
        .twoBoxes .box { width: 100% !important; margin: 0 0 2% 0 !important; }
    .threeBoxes { margin: 0 !important; }
        .threeBoxes .box { width: 100% !important; margin: 0 0 2% 0 !important; }
    .buttonFull { width: 100% !important; }
    /*#content .banner { border-radius: 0px !important; }
        #content .banner img { display: none; }
        #content .banner span { display: block !important; }*/

    #footerBar { border-radius: 0; }
    #nav .longTitle { display: none; }
    #nav .shortTitle { display: inline; }
    #footer { padding: 10px 0 0 0; font-size: 10px; }
        #footer > div { padding: 5px; }
        #footer img { clear: both; }
        #footer .col3 { display: none; }

    /*SEAT SELECTION / CART*/
    #ExpandedSeatSelection { display: none; }
    #CollapsedSeatSelection { display: block; }

    table.orderSummary, .orderSummary tbody, .orderSummary tr, .orderSummary td { display: block; float: left; clear: both; width: 100%; }
        table.orderSummary tbody { border-bottom: 1px solid #ccc; }
    table.orderSummary tbody tr:first-child { display: none; }
        table.orderSummary tbody tr.itemTitleRow { border-top: 1px solid #ccc; padding: 10px 0; }
    table.orderSummary tbody tr.itemTitleRow td:first-child { width: 75%; float:left; clear: left; }
    table.orderSummary tbody tr.itemTitleRow td:nth-child(7), table.orderSummary tbody tr.itemTitleRow td:nth-child(8) { width: 25%; float:right; text-align: right; clear:right; }
    table.orderSummary td.empty { display: none; }
    table.orderSummary .hiddenHeader { display: inline-block !important; clear:left; font-weight: bold; margin-right: 10px; }
    table.orderSummary .noSection { display: none !important; }
    table.orderSummary tr.subLineItemRow { clear: none; }
    table.orderSummary tr.subLineItemRow td { float: left; width: auto; clear:left; display: block; padding: 0; }
    table.orderSummary tr.subLineItemRow td.rowText { clear:none; }
    table.orderSummary tfoot { float: right; }
    table.orderSummary tfoot td { float: left; clear:none; width: auto; }
    table.orderSummary tr.footnoteRow { clear:none; width: auto; }
        table.orderSummary tr.footnoteRow td { height: auto !important; border-bottom: none !important;}
        table.orderSummary .ticketSummaryTotals td:last-child { display: none; }
}

@media (max-width:480px) {
    .debugColors body { background-color: red; }
    #masthead { height: auto; }
    #logo { max-width: 96%; float: left; margin: 0 0 0 7px; }
    #explore { margin: 0 4px 4px 4px; cursor: pointer; background-color: #f5f2e9; text-transform: uppercase; display: block; width: 110px; height: 26px; float: right; padding: 3px 0 3px 5px; border: 0; }
        #explore img { margin: 5px 5px 0px 5px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ -o-transform: rotate(-90deg); /* Opera */ }
    #masthead.openNav #explore img { transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -moz-transform: rotate(0deg); /* Firefox */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ }
    #collapsableNav { display: none; margin-top: 10px; clear: both; }
    #masthead.openNav #collapsableNav { display: block; }

    #search, #topNavMessage { position: relative; top: 0; right: 0; margin: 0px; width: 50%; float: left; }
    #topNavMessage { width: 49%; }
    #search #searchTerm { padding: 4px; font-size: 12px; height: 24px; position: relative; width: 90%; right: 0; }
    #search #searchButton { right: 10px; top: 21px; }
  
    #topNav { width: 49%; margin-top: 0; }
    #nav .longTitle { display: inline; }
    #nav .shortTitle { display: none; }
    #topNav #nav { width: 100%; list-style-type: none; margin: 0 1% 0 0; padding: 0; float: left; }
    #collapsableNav #nav a, #collapsableNav #util a, #collapsableNav #search div, #topNavMessage > div { width: 100%; font-size: 12px; display: block; padding: 10px; background-color: #f5f2e9; margin: 0 0 2px 0; height: 35px; }
        #collapsableNav #nav a:hover, #collapsableNav #util a:hover, #collapsableNav #search div:hover { background-color: #f7f7f7; }
    #collapsableNav #search div { height: 72px; padding: 21px 10px; }
    #nav > li > ul { display: none; }
    #util { position: relative; margin: 0; padding: 0; top: 0; right: 0; }
    #collapsableNav #util a { color: #141414; width: 50%; float: left; }
    #util span { display: none; }
    #mainFrame { margin-top: 4px; }
    #content { padding-bottom: 70px; }

	.perfInfo {
		width: auto;
		float: none;
	}
	.innerContent .right {
		float: none !important;
	}
	.patronInfo {
		float: none !important;
		margin-left: 0;
	}
    /*FOOTER_______*/

    #footer .col1 { width: 70px; }
        #footer .col1 span { display: none; }
    #footer .col2 div { margin: 5px 0; }
}

@media (max-width:400px) {
    #footer .col1 { display: none; }
}

@media (max-width:280px) {
    #wrapper { width: 280px; }
}

/* 
	* { transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; } 
*/

#masthead * { transition: all 0s; -o-transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; }

/* colorBox overrides */
.ajaxPop, .ajaxPop { margin: 0; border-color: #fff; width: 100%; background-color: #fff; padding: 30px 44px; background-image: none; }

.tab { margin-left: 20px; }