/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   * 
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

html{
 background-color:#666;
 /*background-image:url('../images/bgDefault.jpg');*/
 background-repeat:repeat-y;
 background-position: top center;
 background-size:100%;
 height:auto;
 }

 body{
 /*background-color:#666;
 background-image:url('../images/bgDefault.jpg');
 background-repeat:repeat-y;
 background-position: top center;
 background-size:100%;*/
 }
 
 #page{
 background-image: url('../images/background.png');
 background-repeat:repeat;
 margin-top:43px;
 }
 
 #logo img{
 margin-top: -27px;
 }
 
#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages {
 margin-left:30px;
 margin-right:30px;
 }
 
 .block-menu h2{
 display:none;
 }
 
 #block-menu-menu-top-menu{
 position:relative;
 }
 
 #block-menu-menu-top-menu ul.menu{
 text-align:right;
 margin-top:-32px;
 }
 
 #block-menu-menu-top-menu ul.menu li.active-trail a{
  text-decoration:none;
 color: #000;
 }
 
  #block-menu-menu-top-menu ul.menu li.active-trail ul.menu li.active-trail  a{
  color:#FFF;
  }
  
    #block-menu-menu-top-menu ul.menu li.active-trail ul.menu li{
	display:inline-block;
	}
 
 
  #block-menu-menu-top-menu ul.menu li:hover a{
 text-decoration:none;
 color: #000;
 }


 
  #block-menu-menu-top-menu ul.menu li:hover ul.menu li a{
 color: #CCC;
 }
 
  #block-menu-menu-top-menu ul.menu li ul.menu li a:hover{
 color: #FFF;
 }
 
  #block-menu-menu-top-menu ul.menu li a{
 font-size:17px;
 color: #990000;
 }
 
  #block-menu-menu-top-menu ul.menu li {
 
 display:inline-block;
 margin-left: 16px;
padding-bottom:3px;
 }
 
  #block-menu-menu-top-menu ul.menu li ul.menu{
 width: 944px;
background-color: #000;
position: absolute;
height: 39px;
left: 0px;
top: 60px;
z-index:1;
padding-right:30px;
padding-left:30px;
 }
 
  #block-menu-menu-top-menu ul.menu li:hover ul.menu{
z-index:5;
}
 
  #block-menu-menu-top-menu ul.menu li ul.menu li{
 display:none;
 }
 
  #block-menu-menu-top-menu ul.menu li:hover ul.menu li{
 display:inline-block;
 }
 
 #block-menu-menu-top-menu  ul.menu li ul.menu li a{
  color: #CCC;
  margin-top:5px;
  display:inline-block;
  }
  
 #columns{
  margin-top:30px;
 }
 
 #block-block-1{
 background-color: #000;
color: #CCC;
height: 29px;
padding-top: 10px;
 }
 
 #footer #block-block-1 a{
 color:#CCC;
 }
 
 #block-block-2{
 float: right;
text-align: right;
 }
 
 #footer .block-menu{
 float:left;
 width: auto;
 }
 
 #footer ul.menu li{
 list-style:none;
 }
 
 #footer ul.menu li a{
 color:#000;
 }
 
 #footer ul.menu li.first{
 font-weight:bold;
 }
 
 #footer .block-content ul{
 margin-top:0px;
 margin-bottom:0px;
 padding-left:0px;
 padding-right:15px;
 }
 
 
/*begin performance and contributor css*/
 .views_slideshow_cycle_main{
float:left;
width:640px;
margin-right:20px;
}

.views-slideshow-controls-bottom{
float:left;
width:280px;
}

.performancePanel3 .views-slideshow-controls-bottom{
float:right;
}

.views-slideshow-pager-field-item{
float:left;
margin-bottom: 10px;
}

.views-slideshow-controls-bottom .views-row-odd{
margin-right: 20px;
}

.views-slideshow-controls-bottom .image-style-thumbnail{
cursor:pointer;
}

.views-slideshow-controls-text{
display:none;
}

ul.performanceControl{
width:640px;
height:auto;
background-color:#000;
padding: 0px;

}

ul.performanceControl li.performanceControlTab{
background-color: #000;
color:#CCC;
list-style:none;
display:inline-block;
padding: 5px 30px 5px 30px;
margin: 0px;
cursor:pointer;
}

ul.performanceControl li.performanceControlTab a{
color:#CCC;
text-decoration:none;
}

ul.performanceControl li.performanceControlTab:hover a{
color:#FFF;
text-decoration:none;
}


ul.performanceControl li.performanceControlTab:hover, ul.performanceControl li.performanceControlSelect{
background-color: #333;
color:#FFF;
}

.performancePanel{
display:none;
float:left;
}

.performancePanel2{
display:block;
}

.views-label-field-pictured a{
color:#000;
}

.performancePanelLeft{
width:640px;
float:left;
margin-right:20px;
min-height:1px;
}

.performancePanelRight{
width:280px;
float:left;
}

.field-name-field-credit{
font-weight:bold;
}

.field field-name-field-credit{
/*float:left;
margin-right:5px;*/
}

.performancePanel1 .performancePanelRight{
text-align:right;
}

/*end performance */


.pageLeft{
width:640px;
float:left;
margin-right:20px;
}

.pageRight{
width:280px;
float:left;
}

tr.info, tr.even, tr:nth-child(2n+2) {
border-bottom: 0;
background-color: transparent;
}

table, thead, tbody, tr, th, td {
border-color: transparent;
}

tbody tr {
border-top: 0px solid #ccc;
}

.videoThumbCont{
position:relative;
cursor:pointer;
}

.videoOverlay{
position:absolute;
top:0px;
left:0px;
}

.views-field-field-publication-link{
font-weight:bold;
}

.page-performances #content{
margin-left:70px;
}

#block-block-2 .block-content div a{
margin-right:5px;
}

.view-press .views-field-title, .view-performance-press .views-field-title{
font-weight:bold;
}

a{
color: #990000;
}

img.image-style-bucket{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

#block-menu-menu-top-menu .active-trail .menu{
z-index:5 !important;
}



#block-menu-menu-top-menu ul.menu li ul.menu li ul.menu li a{
	font-size:14px;
	font-weight:normal;
	color: #CCC !important;
}

#block-menu-menu-top-menu ul.menu li ul.menu li ul.menu li a.active{
  color: #FFF !important;
}

#block-menu-menu-top-menu ul.menu li ul.menu li ul.menu li a:hover{
  color:#FFF !important;
}

#block-menu-menu-top-menu ul.menu li ul.menu li ul.menu{
  background-color: #333;
  height: 32px;
  top:70px;
}