/****************CSS RULES*/



body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;outline: none !important;
}

body {
        color: #fff;
        background: #651b20 url('http://ifthenthemusical.s3.amazonaws.com/newsite/bg_tile.jpg') repeat top center;
        font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-style: normal;
        -webkit-font-smoothing:antialiased;
}


.franklin {
        font-family: 'Source Sans Pro', sans-serif;
}

.upper {
        text-transform: uppercase;
}

.upper a:hover {
	text-decoration:none!important;
}
#menu ul li a.active, .active a {
    color:#fff;
}

a:link {color:#91323b;text-decoration: none;outline: none;}      /* unvisited link */
a:visited {color:#91323b;text-decoration: none;outline: none;}  /* visited link */
a:hover {color:#91323b;text-decoration: none;outline: none;}  /* mouse over link */
a:active {color:#91323b;text-decoration: none;outline: none;}  /* selected link */

.clearFix {
        clear: both;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
.wrapper {
    width: 100%;
    position: relative;
    max-width: 1280px;
    margin:0 auto;
    padding:0;
    box-shadow: 12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
}

.last_item, .last_item.cast_box, .last_item.creative_box{
    margin-right: 0 !important;
}


/****************POPUP  */
.dither {
    position: fixed;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.6;
    left: 0;
    top:0;
    z-index: 101;
    display: none;
}

.popup_close_wrapper {
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px;
}

.popup {
    position: fixed;
    left:50%;
    top:50%;
    z-index: 102;
    background:#fef8d6;
    color: #000;
}


.cast_popup, .creative_popup {
    width:744px;
    height:375px;
    margin-left: -417px;
    margin-top: -247px;
    padding: 60px 45px;
}

.bio_box {
    float: left;
    margin: 0 22px 0 0;
    height: 100%;
    width: 242px;
}

.bio_box .popup_bio_img {
    border: 3px solid #fff;
    box-shadow: 0 0 10px 1px #cacaca;
    width: 236px;
}

.bio_name {
    float: left;
    text-transform: uppercase;
    color: #91323b;
    font-size: 20px;

}
.bio_role {
    text-transform: capitalize;
    padding-top: 4px;
    padding-bottom: 8px;
    font-weight: normal;
}

.bio_detail, .bio_role, .bio_description {
    float: left;
    width: 480px;
}

.popup_social {
    float: left;
    text-transform: uppercase;
    color: #91323b;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    font-weight: 600;
}

#popup {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 102;
	width: 600px;
	height: 416px;
	margin-left: -300px;
        margin-top: -208px;
	background:#fef8d6;
	-webkit-box-shadow: 0px 0px 15px 2px #2d000f;
	box-shadow: 0px 0px 15px 2px #2d000f;
	display: none;
}

#contact_popup {
        position: fixed;
        top: 50%;
	left: 50%;
	z-index: 102;
	width: 600px;
	height: 600px;
        margin-left: -300px;
        margin-top: -300px;
	background: #fef8d6;
	-webkit-box-shadow: 0px 0px 15px 2px #2d000f;
	box-shadow: 0px 0px 15px 2px #2d000f;
	display: none;
}

#contact_popup input, #contact_popup textarea,#contact_popup #popup-input-block {
        width:414px;
/*        margin-top: 3%;*/
        margin-bottom: 0;
}

#contact_comment {
        height: 125px;
        padding: 8px 5px;
        font-size: 14px;
        background: #ffffff;
        border: 0;
        -webkit-box-shadow: inset 0px 0px 1px 1px #aeaeae;
        box-shadow: inset 0px 0px 1px 1px #aeaeae;
        text-shadow: 0px 1px 1px #fff;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: block;
}
#confirm {
	text-align: center;
	display: none;
	position: relative;
	top: 42%;
}

#confirm-header {
	font-size: 39px;
	color: #91323b;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

#popup-x {
	position: absolute;
	top: 0;
	right: 0;
        margin: 15px 15px 0 0;
	cursor: pointer;
}
#popup-x:hover {
	opacity: 0.9;
}

#popup-header {
        font-size: 25px;
        color: #91323b;
        text-transform: uppercase;
        text-align: center;
        display: block;
        padding: 0;
}
#popup-content {
	width: 424px;
	margin: 0 auto;
	padding-top: 40px;
}

#contact_popup #popup-content {
        padding-top: 7%;
}

#contact_popup label, #popup label {
	font-size: 18px;
	color: #000;
	margin-bottom: 3px;
	display: block;
        text-transform: uppercase;
}

#popup-input-block {
	margin: 14px 0 5px 0;
        float: left;
        color:#000;
}

#contact_popup input, #popup input {
	padding: 8px 5px;
	font-size: 14px;
	background: #ffffff;
	border:0;
	-webkit-box-shadow: inset 0px 0px 1px 1px #aeaeae;
	box-shadow: inset 0px 0px 1px 1px #aeaeae;
	text-shadow: 0px 1px 1px #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
}

#contact_popup input-lrg, #popup .input-lrg {
	width: 414px;
}

#popup #mobile-1 {
	display: inline-block;
	width: 60px;
}
#popup #mobile-2 {
	display: inline-block;
	width: 60px;
}
#popup #mobile-3 {
	display: inline-block;
	width: 90px;
}

#popup .input-lrg#zip {
    width: 122px;
}
#contact_popup #contact_submit, #popup #submit {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
        float: left;
}

#contact_popup #contact_submit {
        margin-top: 4%;
        padding: 25px 0 0px 0;
}

#contact_popup #contact_submit:hover, #popup #submit:hover {
	opacity: 0.9;
}

.mobile_container {
        width: 264px;
        float: left;
}

#popup-input-block.zip_container {
        width: 122px;
        float: left;
        margin-left:28px;
}


/****************NAV  */
.menu_holder {
    width:100%;
    height:72px;
    background: url('http://ifthenthemusical.s3.amazonaws.com/newsite/top_nav_bg.jpg') repeat-x center top;
    background-size: 72px 100%;
    text-align: center;
    position: absolute;
    z-index: 100;
    box-shadow: 0 5px 15px -4px #410e14;
}

#menu {
    width:960px;
    height:72px;
    text-align: center;
    margin: 0 auto;
}

#menu img{
    margin-top:14px;
}

#menu ul {
    padding: 0px;
    margin: 0 auto;
    float: left;
    height: 100%;
}

#menu ul li {
    display: inline-block;
    color:#fff5b4;
    text-transform: capitalize;
    font-size: 21px;
    cursor: pointer;
    padding-top: 18px;
    margin-right: 18px;
    height: 40px;
}

#menu ul li a {
    color:#fff5b4;
}

#menu ul li a:hover{
	color: #fff;
        text-decoration: none;
}

#menu ul.social {
        float: right;
}

#menu ul.social li{
        margin: 0 3px 0 0;
        padding-top: 12px;
        float: left;
}

#menu ul.social li a {
	width: 30px;
        height:30px;
        display: block;
}

#menu ul.social li a:hover, .footer_social_icons a:hover {
        background-position: center -35px;
}

.nav_fb a {
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/nav_fb.png) no-repeat center 5px;
}

.nav_tw a{
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/nav_tw.png) no-repeat center 5px;
}

.nav_it a{
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/nav_it.png) no-repeat center 5px;
}

.nav_yt a{
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/nav_yt.png) no-repeat center 5px;
}

.nav_tumblr a{
    background:url(http://ifthenthemusical.s3.amazonaws.com/site/nav_tumblr.png) no-repeat center 7px;
}

.nav_tumblr a:hover{
	background-position: center -37px;
}


#menu ul.social .get_tix_header {
        background:#ffd982;
	width: 146px;
        height: 42px;
        margin: -4px 0 0 13px;
        display: block;
        background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/get_tickets.png) no-repeat center 0px;
}

#menu ul.social .get_tix_header:hover {
        background-position: center -50px;
}

#menu ul li.get_tix_holder {
        cursor:default;
}

#menu ul li:hover div.dropdown {
        display: block;
        margin-top: 14px;
}

#menu ul li .dropdown{
	background:#761d35;
	width: 115px;
	color: #91323b;
	font-size: 21px;
	line-height: 40px;
	display: none;
	position: absolute;
	z-index: 10;
        box-shadow: 0 3px 30px -5px #000;
        padding: 6px 0 10px 0;
}

#menu ul li .dropdown a{
        width:100%;
        display: block;
        height: 32px;
        padding: 2px 0;
}



/****************HOME  */
.footer {
        width:100%;
        height:45px;
        background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/footer_bg.jpg) repeat-x top center;
        margin: 0 auto;
        box-shadow: 0 0px 10px 0px #410e14;
        z-index: 100;
}

.footer_content {
        width:960px;
        height:45px;
        text-align: center;
        margin: 0 auto;
}

.footer .footer_social_icons {
        height: 100%;
        float: left;
}

.footer .footer_social_icons a {
        display: block;
        width: 30px;
        height:30px;
}

.footer .footer_social_icons div {
        float:left;
        width: 30px;
        height: 30px;
        display: block;
        margin-right: 8px;
        margin-top: 7px;
}

.footer div.footer_get_updates {
        width: 300px;
        color:#fff5b4;
        font-size: 15px;
        font-weight: 600; font-style: normal;
        text-transform: uppercase;
        padding:15px 0 0 20px;
        float: left;
        background: none;
}

.footer .footer_get_updates a, .footer .footer_get_updates span {
        color:#fff5b4;
        text-decoration: none;
        width: auto;
}

.footer .footer_get_updates a:hover {
        color:#ffffff;
}

.footer .footer_privacy {
        color:#e19b96;
        float: right;
        font-size: 14px;
        margin-top: 16px;
        display: block;
        font-style: normal;
}

.footer .footer_privacy a {
        color:#fff5b4;
        text-decoration: none;
}

.footer .footer_privacy a:hover {
        color:#fff;
}


/****************HOME  */
#home .wrapper {
    width:100%;
    min-height: 1024px;
    background: url('http://ifthenthemusical.s3.amazonaws.com/newsite/home_bg4_2.jpg') repeat-x center top;
}

#home .hero_bottom {
    background: url('http://ifthenthemusical.s3.amazonaws.com/newsite/home_bg3_2.jpg') repeat-x center top;
    width: 100%;
    height: 502px;
    margin-top: 522px;
    float: left;
}

#home .hero_bottom #callouts{
	width: 920px;
	margin: 0 auto;
	margin-top: 100px;
}

#home .hero_bottom #callouts #dynamic_callout{
	background-image: url('http://ifthenthemusical.s3.amazonaws.com/newsite/dynamicbg.png');
	background-repeat: no-repeat;
	width: 921px;
	height: 85px;
	text-align: center;
	padding-top: 29px;
	margin-bottom: 10px;
}

#home .hero_bottom #callouts #dynamic_callout #top{
	font-size: 28px;
	color: #fff5b4;
}

#home .hero_bottom #callouts #dynamic_callout #top a{
	color: #fff5b4;
	text-decoration: none;
}

#home .hero_bottom #callouts #dynamic_callout #middle{
	color: #fff;
	font-size: 28px;
}

#home .hero_bottom #callouts #dynamic_callout #middle a{
	color: #fff;
	text-decoration: none;
}

#home .hero_bottom #callouts #dynamic_callout #bottom{
	font-size: 18px;
	color: #fff;
	margin-top: 15px;
}

#home .hero_bottom #callouts #dynamic_callout #bottom a{
	color: #fff;
	text-decoration: none;
}

#home .hero_bottom #callouts #facebook{
	background-image: url('http://ifthenthemusical.s3.amazonaws.com/newsite/facebookbg.png');
	width: 289px;
	height: 191px;
	float: left;
	margin-right: 17px;
	padding-top: 56px;
	text-align: center;
	padding-left: 6px;
}

#home .hero_bottom #callouts #instagram{
	background-image: url('http://ifthenthemusical.s3.amazonaws.com/newsite/instbg.png');
	width: 276px;
	height: 191px;
	float: left;
	margin-right: 18px;
	padding-top: 56px;
	text-align: center;
	padding-left: 18px;
}

#home .hero_bottom #callouts #tweetdisplay{
	background-image: url('http://ifthenthemusical.s3.amazonaws.com/newsite/twitterbg.png');
	width: 255px;
	height: 191px;
	float: right;
	padding-top: 56px;
	padding-left: 20px;
	padding-right: 20px;
}

#home .hero_bottom #callouts #tweetdisplay .tweet{
	display: none;
	font-size: 18px;
	color: #fff;
}

#home .hero_bottom #callouts #tweetdisplay .tweet a{
	color: #fff5b4;
	text-decoration: none;
}

#home .hero_bottom #callouts #tweetdisplay .tweet:first-child{
	display: block;
}

/****************ABOUT  */
#about .wrapper {
    width:100%;
    min-height: 993px;
    background: url('http://ifthenthemusical.s3.amazonaws.com/newsite/about_bg_top2.jpg') no-repeat center top;
}

#about .hero_bottom {
    background: url('http://ifthenthemusical.s3.amazonaws.com/newsite/about_bg_bottom2.jpg') repeat-x center top;
    width: 100%;
    height: 522px;
    margin-top: 470px;
    float: left;
}

.hero_bottom span {
    display: none !important;
}


/****************TICKETS  */
#tickets .wrapper, #faq .wrapper, #partners .wrapper {
    width:100%;
    min-height: 1100px;
    background: #fef8d6;
    padding-top: 59px;
    box-shadow: inset 0px -14px 25px -15px #450714, 12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
}

#tickets .wrapper {
    box-shadow: 12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
}

.tickets_container {
    width:960px;
    height: auto;
    margin:0 auto;
    text-align: center;
    background: #fef8d6;
    color:#91323b;
}

.tickets_container h1 {
    font-size: 28px;
    line-height: 39px;
    font-weight: normal;
    display: block;
    width: 960px;
    height: 42px;
    background: #fff5b4;
    padding: 15px 0 5px 0;
    margin-top: 20px;
}

.tickets_container h2 {
    font-size: 30px;
    margin: 40px 0 0 0;
    text-transform: uppercase;
}

.tickets_container h2 a {
    font-weight: 600;
}

.tickets_container .ticket_date {
    color:#000;
    font-size: 10px;
}

#tickets .wrapper a:hover, #faq .wrapper a:hover {
    text-decoration: underline;
}

#tickets .top_header {
    margin-bottom: 0;
}

/************CALENDAR*/
#calendar{
	position: relative;
        width:518px;
	z-index: 5;
}
.calheader{
	background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/calendar/calendar_header.png) no-repeat center 5px;
        color: #91323b;
        font-size: 28px;
        padding-top: 60px;
        height: 66px;
        width: 518px;
        background-size: 100%;
}
.emptyCell{
	background-image: url(http://ifthenthemusical.s3.amazonaws.com/newsite/calendar/calendar_date_disabled.png);
	width: 74px;
	height: 103px;
	float: left;
	z-index: 5;
	background-size: cover;
}
.calCell{
	float: left;
	background-image: url(http://ifthenthemusical.s3.amazonaws.com/newsite/calendar/calendar_date_enabled.png);
	width: 74px;
	height: 103px;
	z-index: 5;
	background-size: cover;
}
.calCell.disabled{
	background-image: url(http://ifthenthemusical.s3.amazonaws.com/newsite/calendar/calendar_date_disabled.png);
	width: 74px;
	height: 103px;
}
.calCell .number{
	color: #9d9d9d;
	font-size: 20px;
        padding-right: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: right;
        font-weight: 600 !important;
}

.calCell a{
	color: #91323b;
	font-size: 19px;
	text-decoration: none;
}
.leftarrow,#month,.rightarrow{
	display: inline;
        font-weight: 600;
        text-transform: uppercase;
}
.leftarrow,.rightarrow{
    cursor: pointer;
    position: absolute;
    font-size: 60px;
    font-weight: normal;
    line-height: 30px;
}

.rightarrow {
    right: 0;
    margin-right: 130px;
}

.leftarrow {
    left: 0;
    margin-left: 130px;
}



#calfooter{
	position: relative;
	top: -10px;
	z-index: 3;
}
#calholder {
    width: 518px;
    margin-top: 15px;
    margin-right: 24px;
    float: left;
    height: 900px;
}

.cal_btn_holder {
    float: left;
    margin-top: 22px;
    width:404px;
}

.cal_btn_holder a {
    float: left;
    width:404px;
    height: 80px;
    display: block;
    box-shadow: 0 2px 10px 2px #bdb89f;
    color:transparent;
    text-indent: -9999px;
    margin-bottom: 20px;
}

.cal_btn_holder a:hover {
    background-position: -419px center;
}

.ind_tix {
	background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/btn_individual.png) no-repeat 0 0;
}

.pre_tix {
	background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/btn_premium.png) no-repeat 0 0;
}

.gro_tix {
	background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/btn_group.png) no-repeat 0 0;
}



.direct_link_holder {
    color:#000;
    font-size: 24px;
    padding: 13px 0 15px 0;
    border-bottom: 1px solid #000;
}

.map_holder img {
    border: 3px solid #fff;
    box-shadow: 0 0 10px 2px #cacaca;
    margin: 25px 0 20px 0;
}

.calendar_wrap > div{
    float: left;
    width:404px;
    text-align: center;
}

.address_holder {
    font-size: 25px;
}

.address_holder span {
    font-size: 18px;
    color: #000;
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 400;
}

.address_holder span.box_office {
    font-size: 18px;
    color:#91323b;
    display: initial;
}

.box_office_holder {
    font-size: 18px;
    color:#000;
    font-weight: 400;
    margin-bottom: 25px;
}

.tix4students{
	font-size: 15px;
	line-height: 17px;
	border-top: 1px solid #000;
	padding-top: 27px;
}

.tix4students img{
	display: block;
	float: left;
}

.tix4students div{
	float: left;
	color: #000;
	width: 280px;
	text-align: left;
	margin-left: 10px;
	margin-top: -2px;
}

.tix4students a{
	color: #91323b;
}

.cal_bottom_copy {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}
/****************FAQ  */
.back_to_top {
    float: right;
    font-size: 18px;
    margin: -20px 0 0 0;

}
.q_and_a_block_header {
    text-align: left;
    margin-bottom: 30px;
}
.q_and_a_block_header ul{
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    list-style-type: none;

}
.q_and_a_block_header ul li a:hover{
    text-decoration: none!important;
    color:#651b20;
}
.q_and_a_block {
    text-align: left;
    margin: 10px 0 0 20px;
}
.q_and_a_block.last_child {
    margin-bottom: 0;
}
.q_and_a_block p {
    color: #000;
    font-size: 18px;

}
.q_and_a_container .q_and_a_block h2 {
    margin-top: 0;
}
#faq .wrapper {
    padding-bottom: 65px;
}
/****************Cast Creative */
.cast_creative .wrapper {
    width:100%;
    min-height: 1024px;
    background: #fef8d6;
    padding-top: 59px;
    box-shadow: inset 0px -24px 26px -25px #450714,12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
}

.cast_creative_container {
    width:960px;
    height: auto;
    margin:0 auto;
    text-align: center;
    background: #fef8d6;
    color:#91323b;
    padding: 39px 0;
    box-shadow: inset 0px -24px 26px -25px #450714;
}

.top_header {
    margin-bottom: 40px;
}

.cast_creative_container h1 a {
    font-size: 30px;
    font-weight: 400;
}

.cast_creative_container h1 a.active_tab, .active_tab {
    font-weight: 800 !important;
}


.cast_bio, .cast_social_buttons {
    display: none;
}

.featured_creative .creative_bio {
    display: none;
}

.cast_box, .featured_creative .creative_box  {
    /*float:left;*/
    width:225px;
    height:280px;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
}

.cast_photo img{
    width:219px;
    border: 3px solid #fff;
    box-shadow: 0 0 10px 1px #cacaca;
}

.cast_name, .featured_creative .creative_name, .q_and_a_block h2   {
    text-transform: uppercase;

    font-weight: 800; font-style: normal;
    font-size: 20px;
    margin-top: 19px;
    margin-bottom: 3px;
}

.cast_role, .featured_creative .creative_role  {
    text-transform: capitalize;
    font-size: 20px;
}

.cast_name span {
    font-size: 14px;
}

.bio_name span, .popup_social span {
    font-size: 11px;
}
.long_name {
    font-size: 19px;
}

.creative_box {
    text-align: left;
    margin-bottom: 45px;
    font-style: normal;
}

.featured_creative .creative_box {
    text-align: center;
    height: 268px;
    margin-bottom: 0;
    margin-right: 20px;
}

.featured_creative {
    width: 830px;
    height: 267px;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    padding: 0 65px;
    margin-bottom: 40px;
}

.creative_bio {
    color:#000;
}

.creative_name {
    text-transform: uppercase;
    font-size: 20px;
}

.creative_role {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 20px;
}

.featured_creative .creative_photo img {
    width:220px;
    border: 3px solid #fff;
    box-shadow: 0 0 10px 1px #cacaca;
}

.popup_social a {
    text-indent: -9999px;
    color: transparent;
    width: 45px;
    height: 45px;
    float: left;
    display: block;
}

.featured_bio_fb {
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/social_fb.png) no-repeat center 5px;
}

.featured_bio_tw {
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/social_tw.png) no-repeat center 5px;
}

.popup_social a:hover {
    background-position: center -41px;
}

/****************Gallery*/
.gallery .wrapper {
    width:100%;
    min-height: 855px;
    background:#fef8d6;
    box-shadow: inset 0px -24px 26px -25px #450714,12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
    padding-top: 59px;
    text-align: center;
}

#music.gallery .wrapper {
        background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/music/music_bg.jpg) no-repeat center top;
        min-height: 850px;
}

.gallery .top_header {
    color:#91323b;
    padding-top: 40px;
}

.gallery .top_header h1.archer {
    font-weight: 600;
}

.music_player {
    width: 100%;
    height: 530px;
    background:url(http://ifthenthemusical.s3.amazonaws.com/newsite/music/music-top-quote.png) no-repeat center top;
    margin: 0 auto;
    padding-top: 145px;
}

.music_box_holder {
    width: 48%;
    height: 485px;
    float: left;
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/music/music_red_tile.png) no-repeat center top;
    background-size: 585px 100%;
}

.music_box_holder.first_music_box p, .music_box_holder h2{
    color: #fff;
    font-size: 30px;
    margin-top: 24px;
    font-weight: bold;
}

.music_box_holder img {
    width: 260px;
}

.music_box_holder p {
    font-size: 22px;
    text-transform: none;
}

.first_music_box {
margin-left: 2%;
margin-right: 0%;
}

.music_info_bg {
    width:950px;
    height:118px;
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/music_player_info_bg.png) no-repeat center top;
    position: absolute;
    bottom: 0;
    margin-bottom: 207px;
}

.music_info_bg a {
    display: block;
}

.music_title {
    text-align: left;
    padding: 45px 0 0 40px;
    font-size: 35px;
    width: 680px;
    float: left;
}

.music_player_btn {
    float: left;
}

.music_prev, .music_next {
    width:49px;
    height:55px;
    float: left;
    margin-top: 15px;
}

.music_play {
    width:90px;
    height:85px;
    float: left;
    margin-right: 5px;
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/play.png) no-repeat center top;
}

.music_pause {
    width:90px;
    height:85px;
    float: left;
    margin-right: 5px;
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/pause.png) no-repeat center top;
}

.music_prev {
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/play_prev.png) no-repeat center top;
}

.music_next{
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/play_next.png) no-repeat center top;
}


#photos.gallery .wrapper {
    min-height: 866px;
}

.music_player_btn {
    margin-top: 20px;
}

.music_player_btn a:hover {
    background-position: center -212px;
}

.music_player_btn a.music_play:hover,.music_player_btn a.music_pause:hover {
    background-position: center -206px;
}

.music_next.end, .music_previous.end {
    background-position: 0 -103px;
}

.music_caption {
    color: #68061d;
    font-size: 25px;
    font-weight: 600;
    margin-top: 40px;
}

#music a, #music.gallery .top_header h1.archer {
    color:#fff5b4;
}

.sc-scrubber .sc-played {
    background-color: blue;
}

/****************Video  */
.video {
    width:960px;
    margin: 0 auto;
    padding-bottom: 95px;
}

.video_menu {
    width: 878px;
    height: 84px;
    text-align: left;
    overflow: hidden;
    float: left;
}

.video_menu > div a {
    text-decoration: none;
    color: #ffffff;
    font-size: 22px;
    padding: 20px 0 0 20px;
}

.video_menu > div a:hover
{
     color:#fff;
     text-decoration:none;
     cursor:pointer;
}

.video_menu > div a p {
    color:#e19b96;
    text-transform: uppercase;
}

.multimedia_content span {
    margin: 7px 0 0 8px;
    position: absolute;
    color: #57121a;
    font-size: 22px;
    float: left;
}

.multimedia_content p {
    margin: 12px 0 0 8px;
    width: 215px;
    position: absolute;
    color: #57121a;
    font-size: 22px;
    float: left;

}

.active_video_menu a {
    color:#3e5119;
    width: 215px;
    height: 53px;
    display: block;
}

.video_left_arrow, .video_right_arrow {
    width:14px;
    height: 84px;
    float: left;
}

.video_left_arrow {
    padding: 20px 15px 0 0;
}

.video_right_arrow {
    padding: 20px 0 0 15px;
}

.video_playlist {
    width:234px;
    height: 61px;
    float: left;
}

.video_playlist a {
    width: 198px;
    height: 66px;
    display:block;
    z-index: 100;
    position: relative;
    margin: 0px 0 0 0px;
}

.video_box {
    width:218px;
    height: 84px;
    float:left;
    background: #780823;
    margin-right: 2px;
}

.active_playlist {
    color: #780823;
    width:218px;
    height: 84px;
    float: left;
    background:#e19b96;
}

.active_playlist a > p {
    color:#780823;
}

.video_menu .active_playlist a > p {
    color:#780823;
    text-transform: uppercase;
}

.video_menu a > p img {
    padding-left: 7px;
    margin-bottom: -1px;
}

.video_menu .active_playlist a > span {
    color:#780823;
    text-transform: capitalize;
}

.video_menu_container {
    margin: 0 auto;
    padding: 0;
    width: 938px;
    height: 84px;
    border-right: 0px;
    margin-top: 13px;
}
/****************PARTNERS  */
.partner_container {
    border-bottom: 1px solid #000;
    padding: 23px 0 30px 0;
}
#partners, .partner_container h2 {
    margin: 0!important;
    color: #91323b;
}
#partners > div.wrapper > div.tickets_container {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    background: #fef8d6;
    color: #91323b;
}

#partners > div.wrapper > div.tickets_container > div.partner_container > div > h2 {
    float: left;
    text-transform: uppercase;

    font-weight: 800;
    font-style: normal;
    font-size: 20px;
    width: 400px;
    text-align: left;
    padding: 0 0 0 20px;
}

#partners > div.wrapper > div.tickets_container > div.partner_container > div > p {
    float: left;
    width: 485px;
    text-align: left;
    padding: 10px 0 0 20px;
    color: #000;

    font-size: 18px;
    height: 60px;
}
.partner_head {
    width: 100%;
    float: left;
    text-align: left;
}
.partner_head h3 {
    margin: -5px 0 15px 0;
    float: left;
    font-size: 27px!important;
    text-transform: uppercase;
}
.partner_info {
    float: left;
    text-align: left;
    padding: 0 0 0 25px;
    width: 470px;
    color: #000;
    font-size: 18px;

}
.partner_info h2 {
    font-size: 20px!important;

    padding: 0px 0 10px 0;
}

.partner_block {
    float: left;
    width: 100%;
}
.partner_logo {
    float: left;
    border: 3px solid #fff;
    box-shadow: 0 0 10px 1px #cacaca;
    height: 155px;
}
.offer_body_text {
    margin: 20px 0 0 0;
}
.partner_link {
    float: right;
    margin: 129px 0 0 0;
    background: url('../manage/css/images/learn-more.jpg') no-repeat center top;
    width: 127px;
    height: 32px;
    color: rgba(145, 50, 59, 0);
    border: none!important;
    box-shadow: 0 2px 10px 2px #bdb89f;
}

/****************NEWS  */
.news_acclaim .wrapper {
    width:100%;
    background: #fef8d6;
    padding-top: 59px;
    box-shadow: inset 0px -14px 25px -15px #450714, 12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
    color: #000;
}

.news_wrap {
    width:960px;
    height:500px;
    margin: 0 auto;
}

.news_wrap h2 {
    text-align: center;
    margin:45px 0 65px 0;
    color: #91323b;
    font-size: 30px;
}

.news_box > div {
    float:left;
}

.news_box {
    width: 960px;
    display: block;
    float: left;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.news_img {
    border: 3px solid #fff;
    box-shadow: 0 0 10px 1px #cacaca;
    margin-right: 18px;
    width: 172px;
    height: 122px;
}

.news_title {
    font-size: 20px;
    color: #91323b;
    width: 764px;
}

.news_detail {
    font-size: 18px;
    color: #000;
    width: 764px;
    padding: 5px 0;
}

.news_box > div.news_btn {
    float: right;
    padding-bottom: 20px;
}

.news_btn a {
    width:120px;
    height:31px;
    display: block;
    box-shadow: 0 2px 10px 2px #bdb89f;
    padding: 6px 0 4px;
	font-size:22px;
	text-align:center;
 	font-weight:bold;
	color:white;
  	background: #cc6073; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc6073 0%, #750423 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc6073), color-stop(100%,#750423)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc6073 0%,#750423 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc6073 0%,#750423 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc6073 0%,#750423 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc6073 0%,#750423 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6073', endColorstr='#750423',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}

.news_btn a:hover {
    background-position: center -40px;
}

.news_acclaim .top_header {
    text-align: center;
    padding:40px 0 0px 0;
    color: #91323b;
}

.news_acclaim h1 a {
font-size: 30px;
font-weight: 400;
}

#acclaim h1 a, #acclaim h1{
    color: #fff5b4;
}
/*
#acclaim .wrapper {
    background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/acclaim2.jpg) no-repeat center top;
    min-height: 2315px;
}*/

/****************PRIVACY POLICY  */
#privacy .wrapper {
    width:100%;
    background: #fef8d6;
    padding-top: 59px;
    box-shadow: inset 0px -14px 25px -15px #450714, 12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
    color: #000;
}

.privacy_policy_content {
    width:960px;
    margin:0 auto;
    font-size: 18px;
}

#privacy .top_header h1 {
    font-size: 30px;
    color: #91323b;
    margin: 0 auto;
    text-align: center;
    padding: 45px 0 0px 0;
    font-weight: 600;
}


/****************Global Top CMS Callout */
.top_alert {
    width: 100%;
    height: 27px;
    text-align: center;
    color: #91323b;
    font-size: 20px;
    background: #fff5b4;
    padding: 4px 0 2px;
}


/****************Splash Page CSS */
.splash .wrapper {
    background: #58151c url(http://ifthenthemusical.s3.amazonaws.com/site/splash-bg.jpg) no-repeat center top;
    width:100%;
    height:440px;
    padding-top: 468px;
}

.splash a.tix {
	display:block;
	width:200px;
	height:auto;
	margin:18px auto 20px;
	padding:11px 28px 10px;
	color:#9b1b35 ;
	font-weight:normal;
	font-size:36px;
	letter-spacing:1px;
	text-align:center;
	background: #fef9cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fef9cf 0%, #ffce55 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9cf), color-stop(100%,#ffce55)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fef9cf 0%,#ffce55 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9cf', endColorstr='#ffce55',GradientType=0 ); /* IE6-9 */
}

.splash a.site {
	color:white;
	font-size:24px;
	text-decoration:underline;
}


/*ipad only css*/

@media only screen and (min-width : 769px) and (max-width : 1245px){
    .first_music_box {
        margin-left: 1%;
        margin-right: 2%;
    }
    .music_box_holder {
        width: 48%;
        height: 485px;
        background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/music/music_red_tile.png) no-repeat center top;
        background-size: cover;
    }
    .music_box_holder p {
        font-size: 20px;
        text-transform: none;
    }
    .music_box_holder.first_music_box p, .music_box_holder h2 {
        color: #fff;
        font-size: 24px;
        margin-top: 24px;
        font-weight: bold;
    }

    .first_music_box div:nth-of-type(2) img{
        width: 48%;
        float: left;
        margin-top: 8px;
    }

    .first_music_box div img:first-of-type{
        margin-left: 6px;
    }
}

@media only screen and (max-width : 768px){
    .first_music_box {
        margin-left: 1%;
        margin-right: 2%;
    }
    .music_box_holder {
        width: 48%;
        height: 450px;
        background: url(http://ifthenthemusical.s3.amazonaws.com/newsite/music/music_red_tile.png) no-repeat center top;
        background-size: cover;
    }
    .music_box_holder p {
        font-size: 18px;
        text-transform: none;
    }
    .music_box_holder.first_music_box p, .music_box_holder h2 {
        color: #fff;
        font-size: 20px;
        margin-top: 24px;
        font-weight: bold;
    }

    .first_music_box div:nth-of-type(2) img {
        width: 48%;
        margin-top: 12px;
        float: left;
    }

    .first_music_box div img:first-of-type{
        margin-left: 5px;
    }
}


.tony_page{
    font-family: 'Source Sans Pro', sans-serif;
}

/*
 * Tour Site Release Update
 * Author: Joe Reckley
 ========================================== */

body {
	min-width:960px;
	font-size:17px;
	font-weight:normal;
}

h1 a {
	font-weight:400;
}

h1 a.active_tab {
	font-weight:800;
}

#menu {
	position:relative;
}

#menu ul {
	float:none;
}

#menu ul.social {
	position:absolute;
	top:0;
	right:30px;
}

#menu ul.social .get_tix_header {
	width:auto;
	height:auto;
	padding:6px 28px 6px;
	color:#9b1b35 ;
	font-weight:bold;
	font-size:25px;
	letter-spacing:1px;
	background: #fef9cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fef9cf 0%, #ffce55 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9cf), color-stop(100%,#ffce55)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fef9cf 0%,#ffce55 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9cf', endColorstr='#ffce55',GradientType=0 ); /* IE6-9 */
}

#menu ul.social .get_tix_header:hover {
	color:#9b1b35 ;
	background: #fef9cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fef9cf 0%, #ffce55 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9cf), color-stop(100%,#ffce55)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fef9cf 0%,#ffce55 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9cf', endColorstr='#ffce55',GradientType=0 ); /* IE6-9 */
}

#menu ul li {
	margin-right:0;
	margin-left:18px;
}

#menu ul li:first-child {
	margin-left:0;
}



/* HOME */

#tweetdisplay,
#facebook,
#instagram {
	display:none;
}

#home .hero_bottom {
	height:275px;
}

#home .wrapper {
  min-height: 784px;
  background-image:url(../images/home-top.jpg);
}

#home .hero_bottom {
  background-image:url(../images/home-bottom.jpg);
  margin-top:521px;
}

#home .hero_bottom #callouts {
	margin-top: 73px;
}

#home .hero_bottom #callouts #dynamic_callout {
	width: 875px;
  	margin: auto;
	padding: 20px 0 36px;
	background: rgba(120, 8, 35, 0.9);
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
}

#home .hero_bottom #callouts #dynamic_callout #top {
	font-size:32;
	font-weight:600;
	color:white;
}

#home .hero_bottom #callouts #dynamic_callout #middle a {
	display:inline-block;
	margin: 20px 0 15px;
	font-size: 24px;
	font-weight:400;
    padding: 9px 24px 8px;
    letter-spacing: 1px;
	color:#9b1b35 ;
	background: #fef9cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fef9cf 0%, #ffce55 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9cf), color-stop(100%,#ffce55)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fef9cf 0%,#ffce55 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fef9cf 0%,#ffce55 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9cf', endColorstr='#ffce55',GradientType=0 ); /* IE6-9 */

}


/* ABOUT */

#about .wrapper {
	min-height:775px;
	background:url(../images/about-top.jpg) no-repeat center 57px;
}

#about .hero_bottom {
	height:247px;
	margin-top:527px;
	background:url(../images/about-bottom.jpg) no-repeat center top;
}

/* ACCLAIM */

#acclaim .wrapper {
  background: url(http://ifthenthemusical.s3.amazonaws.com/photo-gallery/acclaim-bg.jpg) no-repeat center 59px;
  min-height: 1851px;
}

/* TOUR */

.tour .wrapper {
  width: 100%;
  background: #fef8d6;
  padding-top: 59px;
  box-shadow: inset 0px -24px 26px -25px #450714,12px 0 15px -4px #450714, -12px 0 8px -4px #450714;
}

.tour_container {
  width:894px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  background: #fef8d6;
  color: #91323b;
  padding: 39px 0;
  box-shadow: inset 0px -24px 26px -25px #450714;
}

.tour_container .callout {
	margin:0 0 30px;
}

.tour_container .bottom-callout {
	margin:35px 0 0;
	text-align:left;
}

.tour_container .bottom-callout .title {
	display:block;
	font-size:24px;
}

.tour_container .bottom-callout a {
	cursor:pointer;
	text-decoration:underline;
}

.venue_block {
  height: 62px;
  width: 100%;
  border-bottom: 1px solid #d6d0de;
  float: left;
  color: #91323b;
}

.venue_block ul {
  width: 100%;
  float: left;
  margin-left: 0px;
  padding-left: 0;
  height: 100%;
  margin: 0;
}

.venue_block li {
  display: inline-block;
  float: left;
  padding-top: 24px;
  text-align: left;
}

.venue_block li.city_name {
  width: 210px;
}

.venue_block li.date {
  width: 250px;
}

.venue_block li.ticket_btn {
  width: 145px;
  padding-top:13px;
  float:right;
  text-align:center;
  text-transform:uppercase;
}

.venue_block li.ticket_btn a {
	display:block;
	padding: 6px 0 6px;
	font-size:22px;
	text-align:center;
 	font-weight:bold;
	color:white;
  	background: #cc6073; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc6073 0%, #750423 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc6073), color-stop(100%,#750423)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc6073 0%,#750423 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc6073 0%,#750423 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc6073 0%,#750423 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc6073 0%,#750423 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6073', endColorstr='#750423',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}

.venue_block li.venue {
  width: 280px;
}

 .venue_block li.venue a {
  color: #91323b;
  text-decoration: none;
}

.venue_block.labels {
	height:40px;
	font-size:24px;
	letter-spacing:1px;
	font-weight:bold;
	border:none;
}

.venue_block.labels li {
	padding:0;
	margin:0;
}

/* CAST & CREATIVE */

.cast_creative .wrapper {
	min-height:0;
}

/* FOOTER */

footer {
  width: 100%;
  min-height: 40px;
  margin:0;
  padding:2px 0 0;
  background: url(../images/footer-bg.jpg) repeat-x center top;
  border-top: 4px solid rgba(110, 26, 44, 0.8);
  -webkit-box-shadow: 0 -2px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 3px 2px rgba(0, 0, 0, 0.1);
}
footer .squeeze {
  max-width: 950px;
  margin: auto;
}
footer .social {
  margin: -3px 0 0 30px;
  float: left;
}
footer .social a {
    display: inline-block;
    width: 40px;
    height: 30px;
    background-size: 29px auto;
    background-repeat: no-repeat;
    background-position: center;
}
footer .social a.fb {
  background-image: url(../images/fb.png);
  border: none;
}
footer .social a.twit {
  background-image: url(../images/twit.png);
}
footer .social a.you {
  background-image: url(../images/you.png);
}
footer .social a.insta {
  background-image: url(../images/insta.png);
}
footer .social a {
	opacity: 1;
}
footer .social a:hover {
  opacity: .8;
}
footer .links {
  display: block;
  float: right;
  margin: 2px 40px 0 0;
  text-align: right;
}
footer .links a, footer .links span {
  display: inline-block;
  color: #fff5b4;
  text-decoration: none;
  font-size: 16px;
}
footer .links a {
  cursor: pointer;
}
footer .squeeze:after {
  clear: both;
  display: table;
  content: '';
}