body{text-align:center;color:#ccc;font-family:helvetica,arial;background:url(../gfx/oaklandmetro-bg.jpg) no-repeat top center fixed #000; background-size: cover;}
a{color:#ccc;}
#main{margin:-10px auto 0 auto;padding:10px 0 40px 0;-webkit-border-bottom-right-radius: 9px;-webkit-border-bottom-left-radius: 9px;-moz-border-radius-bottomright: 9px;-moz-border-radius-bottomleft: 9px;border-bottom-right-radius: 9px;border-bottom-left-radius: 9px;}
.social-networks {margin:0;}
.social-networks a{float:right;}
#logo{height: 50vw; max-height: 500px;width:900px;background:url("../../../image/upload/c_scale-h_600/v1677701589/oakland_opera_2_wid9we.png") center top no-repeat; background-size:contain; margin:0 auto 0 auto;}
.content{color:#ccc !important;}
.content .left_col{padding:5px 0 0 11px;}
.content .right_col{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow:inset 0 0 5px #999;-webkit-box-shadow:inset 0 0 5px #999;-moz-box-shadow:inset 0 0 5px #999;}
.page {padding:10px 40px 20px 40px;color:#ccc;margin:0 0 0 0;}
.breadcrumbs, .breadcrumbs a{color:#ccc;font-weight:bold;}
/***************EVENT PAGE************/
.main .event-wrap{color:#ccc !important;}
.main .event-wrap .present-line{color:#fff;}
.main .event-wrap .bio_summary a{color:#ccc !important;}
.calendars a {color:#fff;}
.comments {background:#fff;text-align:center;padding:10px 0 10px 0;}
.fb-comments {background:#fff;}
/************** NAV CSS ***************/
#nav{position:absolute;margin:-45px auto 0 35px;width:580px;font-family:verdana;text-transform:uppercase;}
#nav .address {}
#nav .address span{color:#B9262B;font-weight:bold;}
#navigation{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
ul.nav-main{}
ul.nav-main,
ul.nav-main li{}
ul.nav-main li:hover > ul{}
ul.nav-main li.hover,
ul.nav-main li:hover{}
ul.nav-main li{}
ul.nav-main li a{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
	color:#33183e;font-size:11px;padding:5px 10px 5px 10px;letter-spacing:2px;border:1px solid #33183e;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:1px 1px 4px #232e21;-webkit-box-shadow:1px 1px 4px #232e21;-moz-box-shadow:1px 1px 4px #232e21;}
ul.nav-main li:last-of-type{}
ul.nav-main li a:hover{color:#73358c;margin-top:4px;box-shadow:1px 1px 5px #232e21;-webkit-box-shadow:1px 1px 5px #232e21;-moz-box-shadow:1px 1px 5px #232e21;}
ul.nav-main li a:active{margin-top:5px;box-shadow:1px 1px 4px #232e21;-webkit-box-shadow:1px 1px 4px #232e21;-moz-box-shadow:1px 1px 4px #232e21;}
ul.nav-main *.list{background:none;}
ul.nav-main *.list a{background:url(../../../assets/global/gfx/nav_arrow_white.png) no-repeat center right #11140E;}
ul.nav-main *.list a:hover{}
ul.nav-sub{background:url(../../../assets/global/gfx/trans_blk70.png);margin:-13px 0 0 0;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
ul.nav-sub li{}
ul.nav-sub li a{width:100px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;background:#11140E !important;}
/***************** END NAV CSS ***********/

#flyer_slider{height:366px;}
#flyer_slider #flyer_slider_inner{}
#flyer_slider #flyer_slider_inner .slide{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 0 5px #999;-webkit-box-shadow:inset 0 0 5px #999;-moz-box-shadow:inset 0 0 5px #999;}
#flyer_slider #flyer_slider_inner .slide img{}
#nextFlyer{}
#prevFlyer{}
.flyerBtn:hover{cursor:pointer;}
.f_date{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;-moz-box-shadow:inset 0 0 5px #000;}
.f_date_left{border-right:1px dotted #22162a !important;}
.f_date_right{}
.f_date .f_date1{color:#22162a;}
.f_date .f_date2{color:#22162a;}
.f_date .f_date3{color:#382844;}
.f_date .f_date4{color:#382844;}
.f_date .f_date5{color:#382844;}
.f_buttons{}
.f_buttons a{
	background: -moz-linear-gradient(top,  rgba(70,54,84,1) 0%, rgba(78,49,84,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,54,84,1)), color-stop(100%,rgba(78,49,84,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463654', endColorstr='#664e3154',GradientType=0 ); /* IE6-9 */
	color:#ccc; border: 1px solid #5f5466;}
.f_buttons a:hover{color:#fff; border: 1px solid #605466;}
.f_buttons a img{}
.f_buttons a:hover img{}

/*************************CALENDAR LIST VIEW *****************************/
.hmt_cl{line-height:140%;width:597px;margin:-9px auto;}
.hmt_cl .monthName{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
	color:#260d31;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:4px 0 4px 0;box-shadow:inset 0 0 5px #999;-webkit-box-shadow:inset 0 0 5px #999;-moz-box-shadow:inset 0 0 5px #999;border:none;}
.hmt_cl .event_wrap{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
	margin:8px 0 8px 0;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:inset 0 0 5px #999;-webkit-box-shadow:inset 0 0 5px #999;-moz-box-shadow:inset 0 0 5px #999;border:none;}
.hmt_cl .event_wrap.row1{}
.hmt_cl .event_wrap.row2{}
.hmt_cl .event_wrap .date{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;-moz-box-shadow:inset 0 0 5px #000;}
.hmt_cl .event_wrap .date .date1{color:#22162a;}
.hmt_cl .event_wrap .date .date2{color:#22162a;}
.hmt_cl .event_wrap .date hr{border-bottom:1px dotted #22162a;}
.hmt_cl .event_wrap .date .date3{color:#382844;}
.hmt_cl .event_wrap .date .date4{color:#382844;}
.hmt_cl .event_wrap .date .date5{color:#382844;}
.hmt_cl .event_wrap .flyer_wrapper{}
.hmt_cl .event_wrap .flyer_wrapper img{}
.hmt_cl .event_wrap .name{color:#280540;}
.hmt_cl .event_wrap .event_presents{color:#260d31;}
.hmt_cl .event_wrap .event_name{color:#280540;}
.hmt_cl .event_wrap .event_venue_city{color:#260d31;}
.hmt_cl .event_wrap .event_name_sec{color:#260d31;}
.hmt_cl .event_wrap .event_name_third{color:#260d31;}
.hmt_cl .event_wrap .bottom{}
.hmt_cl .event_wrap .bottom hr{border-top:1px dashed #382844;}
.hmt_cl .event_wrap .fblike{}
.hmt_cl .event_wrap .buttons{}
.hmt_cl .event_wrap .buttons a{
	background: -moz-linear-gradient(top,  rgba(70,54,84,1) 0%, rgba(78,49,84,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,54,84,1)), color-stop(100%,rgba(78,49,84,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(70,54,84,1) 0%,rgba(78,49,84,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463654', endColorstr='#664e3154',GradientType=0 ); /* IE6-9 */
	color:#ccc; border: 1px solid #5f5466;}
.hmt_cl .event_wrap .buttons a img{}
.hmt_cl .event_wrap .buttons a:hover img{}
.hmt_cl .event_wrap .buttons a:hover{color:#fff; border: 1px solid #605466;}
.hmt_cl .event_wrap .price{color:#382844;}
/*.eventPageBtn{float:right;}
.eventPageBtn a{background:#121212;color:#ccc;}
.eventPageBtn a:hover{background:#fff;color:#000 ;}
.eventPageBtn a img{}
.eventPageBtn a:hover img{}
.slidedown_desc .event_info{color:#636363;}
.slidedown_desc .event_info span{color:#bbb;}
.slidedown_desc .drop_inner{}*/
.hmt_cl .event_wrap .event_details{}
.hmt_cl .event_wrap .event_html{}
.hmt_cl .event_wrap .event_desc{}
.hmt_cl .powered{}
.hmt_cl .powered a{}
/**********************END CALENDAR LIST VIEW CSS*********************/

/**************HMT Calendar - Month View**************/
#miniCal{}
#miniCal td{border:1px solid #333;}
#miniCal .back{}
#miniCal .calTitle{color:#ccc;}
#miniCal .monthlink{}
#miniCal .monthlink a{background:#11140E;border: 1px solid #555;color:#ccc;}
#miniCal .monthlink a:hover{background:#11140E;color:#fff;border: 1px solid #000;}
#miniCal .daysWeek{color:#ccc;}
#miniCal .days{color:#ccc;}
#miniCal .dayson{background:url(../../../assets/global/gfx/trans_blk70.png);color:#fff;}
#miniCal .days a{}
#miniCal .dayson a{}
#miniCal .daysBlank{}
#miniCal .calBlock{}
#miniCal .eventTitle{border:1px solid #999;color:#280540;line-height:120%;background:#aaa;}
#miniCal .eventTitle:hover{background: #ccc;border:1px solid #382844;}
#miniCal .event_name_sec{color:#260d31;}
#miniCal .price{border:0;color:#fff;background:#11140E;padding:2px 0 2px 0;}
#miniCal a{}
#miniCal .more-info,#miniCal .buy-tickets{background:#11140E;color:#fff;}
#miniCal .flyer{}
#miniCal .flyer img{}
#miniCal .more-info:hover,#miniCal .buy-tickets:hover{background:#fff;color:#11140E;}
/**************END HMT Calendar - Month View**************/
.blogs_sidebar {background:none;}

.fb_wrap {margin-bottom:10px;}

.tix_phone {display:none;}

.slideshow-container{background:#000;}
.slideshow-container:hover{}
.slideshow-container .slide{ }
.slideshow-container .slide img{}

.tv-container{color:#ffffff;background:#000;}
.tv-container:hover{}
.tv-container a{}

.hmt_news_signup {background:#000;}

.map{color:#ffffff;}
.map a{color:#d90000;}

.advanced_info{font-size:12px;line-height:160%;padding:40px;}
.advanced_info h1{font-size:22px;margin:0 0 20px 0;}
.advanced_info h2{font-size:18px;margin:0 0 10px 0;font-style:italic;color:#cccccc;}
.advanced_info a{color:#8c72ff;}
.advanced_info hr{margin:20px 0 20px 0;height:1px;border:0;background:#343434;}
.advanced_info .pad{padding:3px 10px 10px 10px;}
.advanced_info h5{font-size:14px;font-weight:normal;}
.advanced_info ol li{margin:10px 50px 10px 20px;}

.side_info{}
.side_info:hover{}
.q{}
.q:hover{color:#fff;}
.QandAques{color:#fff;}

.venue_switcher_wrap{}
.venue_top_switch{background:#000000;border:1px solid #343434;}
.venue_switcher{background:#000000;border:1px solid #343434;}
.venue_switch{border:1px solid #000000;}
.venue_switch:hover{border:1px solid #343434;}
.venue_switcher_wrap:hover .venue_switcher{}

.form_contact {}
.form_contact input{border:1px solid #ccc;}

.footer{-moz-opacity:.70;filter:alpha(opacity=70);opacity:.70;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;background:#000 url('../../../assets/global/gfx/ninja_tiny.png') center right no-repeat;}
.footer p{color:#fff;}
.footer a{color:#B1D226;}
.footer a:hover{color:#ccfc02;}

#item-wrap{}
#cart-wrap{}
ul.items{}
ul.items li {background:url(../../../assets/global/gfx/trans_blk70.png);}
.simpleCart_shelfItem{}
.simpleCart_shelfItem .item_name{color:#260d31;}
.simpleCart_shelfItem .image_wrap {}
.simpleCart_shelfItem .image_wrap img{}
.simpleCart_shelfItem .item_thumb {}
.simpleCart_shelfItem .item_price{color:#260d31;}
.simpleCart_shelfItem .item_shipping{color:#ccc;}
.simpleCart_shelfItem .item_desc{color:#382844;}
.simpleCart_shelfItem .item_size{f}
.simpleCart_shelfItem .item_add{}

.simpleCart_items{}
.simpleCart_items img{}
.simpleCart_items .cartHeaders{}
.simpleCart_items .itemContainer{background:url(../../../assets/global/gfx/trans_blk70.png);}
.simpleCart_items .itemContainer .itemThumb{}
.simpleCart_items .itemContainer .itemThumb img{}
.simpleCart_items .itemContainer .itemName{}
.simpleCart_items .itemContainer .itemSize{}
.simpleCart_items .itemContainer .itemSize input{color:#382844;}
.simpleCart_items .itemContainer .itemPrice{color:#382844;}
.simpleCart_items .itemContainer .itemdecrement a{}
.simpleCart_items .itemContainer .itemQuantity{}
.simpleCart_items .itemContainer .itemincrement a{}
.simpleCart_items .itemContainer .itemTotal{color:#260d31;}
.simpleCart_items .itemContainer .itemremove a{}

.cart_info{color:#ccc;}
.cart_info span{color:#260d31}

.sm_cart{color:#260d31;}
.sm_cart .simpleCart_total{color:#260d31;}
.sm_cart .simpleCart_quantity{}
.sm_cart a{background:#8f0000;color:#260d31;}
.sm_cart a:hover{background:#d90000;color:#fff;}

.spe_btn{color:#ffffff;background:#005ba2;}
.spe_btn.item_add{}
.spe_btn.item_add:hover{background:#00457a;}

.cart_back {}
.cart_back a{background:#000;color:#fff;}
.cart_back a:hover{}


/***** MERCH WINDOW (/shopping) *****/

#main.page {
  width: 100%;
}

#checkout_window {
  width: 100% !important;
  margin: 0 !important;
  padding: unset !important;
}

#merch_window .item, #merch_window .item .item_info {
  height: auto;
}

#merch_window .item .item_info p {
  margin: 15px;
}

#merch_window .add_bar {
  border: unset;
  padding-top: 10px;
}

#merch_window .add_bar .btn {
  color: #fff;
  padding: 10px;
}
#merch_window .add_bar .btn:hover {
  cursor: pointer;
}

#modal1 {
  display: none;
}

.alert.alert-error { color: red; }

@media (max-width: 697px) {
  #checkout_window {
    margin-bottom: 60px !important;
    padding: 5px !important;
  }
  #checkout_window #checkout {
    float: unset !important;
  }
}