/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,700,600');
	
	/*
	* {
		margin: 0;
	}

	html, body {
		height: 100%;
	}
	
	#top-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; // the bottom margin is the negative value of the footer's height //
	}
	
	#footer, #push {
		height: 142px; // .push must be the same height as .footer //
	}
	*/
	/*
	
	Sticky Footer by Ryan Fait
	http://ryanfait.com/
	
	*/
	
	body {
        background: #000 url(../images/Web-background-2014-v3.jpg) top center repeat-x;
        font-family: 'Open Sans', "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
		font-size:0.8125em;
		/*font-size: 1.0em;*/
		color: #111;
	}
	
	body,caption,th,td,input,textarea,select,option,legend,fieldset{font-family: 'Open Sans', "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;line-height:1.384615em;}
	h1,h2,h3,.h1,.h2,.h3{font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase;}
	h1,.h1{font-size:2em;line-height:1.385em;margin:0 0 .692em 0;font-weight:700;}
	#aggregator .feed-item-title,h2,.h2{font-size:1.538em;line-height:1.35em;margin:0 0 .45em 0;font-weight:normal;}
	#profile .name,h3,.h3{font-size:1.231em;line-height:1.6875em;margin:0 0 .5625em 0;}
	h3.top{margin-top:0;}
	h4,.h4,h5,.h5,h6,.h6{font-size:1em;font-weight:bold;line-height:1.385em;margin:0 0 1.385em 0;}
	h4 .h4{color:#222;}
	h5,.h5,h6,.h6{color:#666;}
	#content h4,#content .h4,#content h5,#content .h5,#content h6,#content .h6{margin:0;}
	p{margin:0 0 1.385em 0;}
	a,a:link,a:visited,a:active{color:#0678BE;text-decoration:none;}
	a:hover,a:focus{color:#0678BE;text-decoration:underline;}
	code,tt,pre{background-color:#F6F6F2;font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;font-size:0.9230em;line-height:1.5em;padding:1px;white-space:pre-wrap;}
	sub,sup{font-size:0.769230769em;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;} 
	
	button, input, select, textarea {font-family: 'Open Sans', "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;}
	
	.ajax-loading {
		background-image: url('../images/ajax-loader.gif');
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 250px;
	}
	
	#content ul, #content ol {
		margin: 1.5em 0 1.5em 2em;
	}
	
	#wrapper {
		background-color: #000;
		border: 0px solid #ddd;
		width: 1016px;
		margin: 0 auto;
	}
	
    #page {
       
        
    }
	
	#content {
		padding: 0;
	}
	
	#main {
		padding-top: 0;
		background-color: #fff;

	}
    
    #header {
        background-color: #B4975A;
        color: #fff;
    }
	
	#header-left {
		float: left;
		width: 200px;
		margin: 0;
		padding:0;
	}
	
	#header-right {
		float: right;
		width: 775px;
		margin: 0;
		padding: 0;
		
	}
	
	#region-logo {
		float: left;
		width: 200px;
		overflow:hidden; 
	}
	
	#header .region-header{
		
		margin: 0 auto;
		
	}	
	
	#header #block-system-main-menu {
		margin-bottom: 0;
		padding: 0;
		padding-top: 10px;
		
	}
	
	#header #block-system-main-menu ul.menu{
		list-style:none;
		
		margin: 0;
		padding: 0;
		
	}
	
	#header #block-system-main-menu ul.menu li{
		list-style:none;
		padding: 0 35px;
		margin: 0;
		height: 25px;
		min-height: 25px;
		color: #fff;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	
	#header #block-system-main-menu ul.menu li a.hide-in-top-menu{
		display:none
	}
	
	#header #block-system-main-menu ul.menu li:hover{
		/*background-image: url(../images/menu-arrow.png);*/
		color: #000;
	}
	
	#header #block-system-main-menu ul.menu li a{
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		
		background-position: bottom center;
		background-repeat: no-repeat;
		height: 48px;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	
	#header #block-system-main-menu ul.menu li:hover a, #header #block-system-main-menu ul.menu li a.active, #header #block-system-main-menu ul.menu li a.active-trail  {
		color: #000;
		background-image: url(../images/menu-arrow.png);
	}
	
	#header #block-system-main-menu ul.menu li ul {
		display: none;
	}
	
	#header nav#secondary-menu {
		display: inline;
        font-size: 0.8em;
		float:right;
		margin-top: 0px;
	}
	
	#header nav#secondary-menu  ul {
        margin-top: 7px;
    }
	
	#header nav#secondary-menu  ul li {
		height: 20px;
		display: table-cell;
	}
	
	#header nav#secondary-menu  ul a {
		outline: none;
		background-position: -20px top;
		background-repeat: no-repeat;
		line-height: 20px;
		display: inline-block;
	}
	
	#header nav#secondary-menu  ul a.active, #header nav#secondary-menu  ul a.active-trail {
		color: #fff;
	}
	
	#header nav#secondary-menu  ul a:hover {
		color: #000;
	}
	
	#header nav#secondary-menu  ul a:hover {
		background-position: 0px 0px;
	}
	
	#header nav#secondary-menu  a#facebook-link {
		background-image: url(../images/facebook.png);
		width: 20px;
		height: 20px;
		text-indent: -9999px;
	}
	
	#header nav#secondary-menu  a#twitter-link {
		background-image: url(../images/twitter.png);
		width: 20px;
		height: 20px;
		text-indent: -9999px;
	}
	
	#social-media {
		display: inline;
		*display: inline;
		zoom: 1;
		float: right;
        margin-top: 10px;
	}
	
	#social-media ul {
		list-style: none outside none;
		overflow: visible;
	}
	
	#social-media li {
		display: inline;
        float: right;
        margin: 0;
        padding: 5px;
	}
	
	#social-media ul a {
		outline: none;
		background-position: -40px 0px;
		background-repeat: no-repeat;
		width: 40px;
		height: 40px;
		display: inline-block;
	}
	
	#social-media ul a:hover {
		background-position: 0px 0px;
	}
	
	#social-media a#facebook-link {
		background-image: url(../images/facebook.png);
	}
	
	#social-media a#twitter-link {
		background-image: url(../images/twitter.png);
	}
		
	#social-media a span {
		display: none;
	}
	
	#header .region-header #block-system-main-menu ul.menu {
		list-style: none outside none;
	}
    
	#header nav a {
		text-decoration: none;
		font-weight: bold;
		text-transform:uppercase;
		color:#fff;
	}
	
	#header nav a:hover, #header nav a.active {
		color: #000;
	}
	
	#header nav#secondary-menu {
		display: inline;
		*display: inline;
		zoom: 1;
	}
	
	#header nav#secondary-menu ul {
		display: inline;
		*display: inline;
		zoom: 1;
		float: right;
	}
	
    #site-name a:link,
#site-name a:visited {
  color: #fff;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
}

	#menu-popup-region {
		margin: 0;
		padding: 0;
		background: #000;
		color: #fff;
		height: 5.0em;
		display: none;
	}
	
	#menu-popup-region .block {
		display: none;
		margin: 0;
		height: 5.0em;
	}
	
	#menu-popup-region .block a {
		text-decoration: none;
		color: #fff;
	}
	
	#menu-popup-region .block a:hover {
		color: #666;
	}
    
	#menu-popup-region .block-menu ul {
		list-style: none;
		text-align: center;
        margin-top: 0px;
	}
	
	#menu-popup-region .block-menu ul li {
		list-style: none;
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding-right: 1.4em;
		margin-left: 1.4em;
		border-right: 1px solid #B4975A;
		font-weight: bold;
		font-size: 0.9em;
		line-height: 3.3em;
		margin-top: 1.0em;
		text-transform: uppercase;
	}
	
	#menu-popup-region .block-menu ul li.last {
		border: none;
	}
	
	
    #menu-popup-region #block-menu-menu-season-top-menu ul li{
		border: none;
		padding-right: 0.6em;
		margin-left: 0.6em;
	}
	
	#menu-popup-region #block-menu-menu-season-top-menu ul li a.top-menu-season-image-link{
		border: none;
        outline: none;
		text-indent: -9999px;
		height: 60px;
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		position: relative;
        top: -0.5em;
	}
	
	#menu-popup-region #block-menu-menu-season-top-menu ul li a.top-menu-season-image-link-2{
		border: none;
        outline: none;
		/*text-indent: -9999px;*/
		height: 60px;
		padding-left: 60px;
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		position: relative;
        --top: -0.5em;
	}
	
	#block-menu-menu-season-top-menu a#salome-image-link {
		width: 170px;
		background-image: url(../images/season-header/salome.png);
	}
	
	#block-menu-menu-season-top-menu a#die-fledermaus-image-link {
		width: 170px;
		background-image: url(../images/season-header/fledermaus.png);
	}
	
	#block-menu-menu-season-top-menu a#madama-butterfly-image-link {
		width: 200px;
		background-image: url(../images/season-header/butterfly.png);
	}
	
	#block-menu-menu-season-top-menu a#barber-image-link {
		width: 180px;
		background-image: url(../images/season-header/Barber-Nav-Image.png);
	}
	
	#block-menu-menu-season-top-menu a#lucia-image-link {
		width: 180px;
		background-image: url(../images/season-header/Lucia-Nav-Image.png);
	}
	
	#block-menu-menu-season-top-menu a#magic-flute-image-link {
		width: 180px;
		background-image: url(../images/season-header/Magic-Flute-Nav-Image.png);
	}
	
	#block-menu-menu-season-top-menu a#carmen-image-link {
		
		background-image: url(../images/season-header/carmen-2015-16-2.png);
	}
	
	#block-menu-menu-season-top-menu a#maria-stuarda-image-link {
		
		background-image: url(../images/season-header/maria-stuarda-2015-16-2.png);
	}
	
	#block-menu-menu-season-top-menu a#merry-widow-image-link {
		
		background-image: url(../images/season-header/merry-widow-2015-16-2.png);
	}
	
    #block-menu-menu-season-top-menu li a.season-top-menu-text-link {
        font-size: 0.9em;
    }
	
	#front-page-banner-rotation-view-content-wrapper { 
	width: 1016px;
	height: 350px;
	background: #000 url('../orbit/orbit/loading.gif') no-repeat center center;
	overflow: hidden; }
#front-page-banner-rotation-view-content-wrapper>img,  
#front-page-banner-rotation-view-content-wrapper>div,
#front-page-banner-rotation-view-content-wrapper>a { display: none; width: 1016px; height: 350px;}
	
	#content {
		padding: 20px;
	}
	
	body.front .pane-calendar {
		border: 2px solid #B4975A;
		padding: 10px;
		height: 400px;
		overflow:hidden;
		min-height: 400px;
		
	}
	
	body.front .pane-calendar h2 {
		color: #B4975A;
	}
	
	body.front #content  .pane-calendar ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	body.front .pane-calendar ul li {
		list-style: none;
		font-size: 1.2em;
		padding-bottom: 0.5em;
		
	}
	
	body.front .pane-calendar ul li a {
		font-weight: bold;
		color: #000;
		text-decoration: none;
		font-size: 1.2em;
		text-transform:uppercase;
	}
	
	body.front .pane-calendar ul li a:hover  {
		color: #B4975A;
	}
	
	body.front #upcoming-events-more {
		/*position: absolute;
		top: 380px;
		height: 20px;
		padding-left: 20px;*/
	}
		
	/* Sidemenu */
	
	.region-sidebar-first .block-menu-block {
	
	}
	
	.region-sidebar-first .block-menu-block h2 {
		display: none;
	}
	
	.region-sidebar-first .block-menu-block ul.menu {
		list-style: none;
		list-style-image: none;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0;
		margin-top: 25px;
	}
	
	.region-sidebar-first .block-menu-block ul.menu li {
		list-style:none;
		list-style-image: none;
		padding: 0.5em;
		border-top: 1px solid #000;
	}
	
	.region-sidebar-first .block-menu-block ul.menu li a {
		color: #000;
	}
	
	.region-sidebar-first .block-menu-block ul.menu li a:hover, .region-sidebar-first .block-menu-block ul.menu li a.active, .region-sidebar-first .block-menu-block ul.menu li a.active-trail {
		color: #B4975A;
		text-decoration: none;
	}
	
	.node-type-banner-page .region-sidebar-second .block {
		font-size: 1.1em;
		margin-top: 25px;
	}
	
	
	
	a.show-sidebar-button 
	{
		padding: 10px 0;
    	background-color: #B4975A;
    	color: #FFF;
    	border: none;
    	outline: none;
    	cursor: pointer;
    	margin: 1px;
    	font-size: 14px;
    	display:inline-block;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 1.5em;
	}
	
	a.show-sidebar-button:hover
	{
		background-color: #9d8451;
		text-decoration: none;
	}
	
    #footer-wrapper {
        background-color: #000;
        color: #fff;
		padding-bottom: 1.5em;
    }
	
	#footer {
		width: 400px;
		float: left;
		padding-top: 1.0em;
		padding-left: 20px;
	}	
	
	.region-footer-right {
		width: 520px;
		float: right;
		padding-top: 1.0em;
	}
	
	.region-footer-right ul.menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.region-footer-right ul.menu li {
		width: 146px;
		margin-left: 20px;
		float: right;
		display: inline-block;
		*display: inline;
		zoom: 1;
		
	}
	
	.region-footer-right ul.menu li a, .region-footer-right ul.menu li a.active, .region-footer-right ul.menu li a.active-leaf {
		text-transform: uppercase;
		
		color: #fff;
        text-decoration:none;
	}
	.region-footer-right ul.menu li a:hover {
		color: #666;
	}
	
    .region-bottom {
		color: #fff;
		padding: 0.5em 0;
		text-align: right;
	}
    
    .clr {
        clear:both;
    }

	/*Artist views*/
	
	div.artist-headshot {
		width: 100px;
		margin-right: 10px;
		float: left;
	}
	
	div.artist-information {
		width: 358px;
		float: left;
		text-align: left;
	}
	
	div.artist-information-tall {
		width: 358px;
		float: left;
		text-align: left;
		padding-top: 40px;
	}
	
	div.artist-bio {
		display: none;
	}
	
	/*Front page sponsor scroll*/
	#block-views-sponsor-view-block-1 div.view-content {
		display: none;
	}
	#block-views-sponsor-view-block-1 div#sponsor-display {
		text-align: center;
		height: 110px;
		min-height: 110px;
		position: relative;
	}
	
	#block-views-sponsor-view-block-1 div#sponsor-display div.sponsor-display-region {
		
		padding: 0 20px;
		display: inline;
	}
	
	#block-views-sponsor-view-block-1 div#sponsor-display div.sponsor-display-region h2 {
		line-height: 80px;
	}
	
	.view-sponsor-view.view-display-id-page {
		text-align: center;
	}
	
	.view-sponsor-view.view-display-id-page table {
		margin: 0 auto;
	}
	
	.view-calendar .event-description {
		display: none;
	}
	
	
	
	.calendar-calendar .month-view .full td.single-day div.item div.view-item-calendar div.calendar,
.calendar-calendar .week-view .full td.single-day div.item div.view-item-calendar div.calendar,
.calendar-calendar .day-view .full td.single-day div.item div.view-item-calendar div.calendar {
  		background: #B4975A;
		color: #ddd;
		font-weight: normal;
		
	}
	
	.calendar-calendar .month-view .full td.single-day div.item div.view-item-calendar div.calendar a,
.calendar-calendar .week-view .full td.single-day div.item div.view-item-calendar div.calendar a,
.calendar-calendar .day-view .full td.single-day div.item div.view-item-calendar div.calendar a {
  		color: #fff;
		font-weight: bold;
		
	}
	
	.calendar-calendar .full div.item div.view-item-calendar div.calendar div.stripe {
  		display: none;
		
	}
	
	
	
	body.cke_editable {
		background-image: none;
		background-color: #fff;
	}
	
	/*Requested correction for prettyPhoto text display*/
	div#pp_full_res {
		line-height: 1.1 important!;
	}
	
	.board-bio {
		clear: both;
	}
	
	.board-bio img {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	img.board-portrait {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	div.view-id-rental_scenery_view table.views-view-grid td {
		text-align: center;
		width: 320px;
	}

	div.view-id-rental_scenery_view table.views-view-grid td div.views-field-field-main-photo {
		
	}

	div.view-id-rental_scenery_view table.views-view-grid td div.views-field-title {
		font-weight: bold;
		text-size: 1.3em;
	}
	
	div.field-name-field-image-gallery {
		margin: 0 auto;
		text-align: center;
	}
	
	div.field-name-field-image-gallery .field-item {
		display: none;
	}
	
	div.field-name-field-image-gallery .field-item:first-child {
		display: block;
	}
	
	.page-node-338 h1#page-title {
		display: none;
	}	
	
	.section-tnew h1#page-title {
		display: none;
	}
	
	div.view-podcast-feed div.views-row {
		margin-top: 10px;
	}
	
	div.view-podcast-feed div.cover-art-thumb {
		width: 100px;
		float: left;
		margin-right: 10px;
		margin-bottom: 20px;
		
	}
	
	div.view-podcast-feed div.views-field-nothing, div.view-podcast-feed div.views-field-field-podcast-1 {
		clear:both;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}