/* 
 * Primary Feature Slideshows
 */
.view-primary-feature-slideshow .view-content {
  position: relative;
}

.views_slideshow_cycle_main {
  position: relative;
}

.views_slideshow_cycle_main .feature-image {
 cursor: pointer;
}

/* Add custom class to caption in view: div.feature-caption-overlay and rewrite results to wrap title in another div for padding */
.views_slideshow_cycle_main .feature-caption-overlay{
  position: absolute;
  display: block;
  left: 0;
  bottom: 8px;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.7);
  color: #fff;
  width: 100%;
}

/* Hover view - don't display by default */
.view-display-id-panel_pane_primary_slideshow_hover .views_slideshow_cycle_main .feature-caption-overlay {
  display:none;
  bottom: 0;
}

.view-display-id-panel_pane_primary_slideshow_hover div.views-slideshow-cycle-main-frame-row-item:hover >.views-field > .feature-caption-overlay {
  display: block;
}

/* Add custom class to caption in view: div.feature-caption, padding directly on caption */
.feature-caption {
  padding: 0.75em 1.5em;
}

/* Add custom class to caption in view: div.feature-caption-overlay, padding on inner element */
.feature-caption-overlay div {
  padding: 1.5em 1.5em;
}

.feature-caption-overlay p {
  margin: 0;
}

/* Make sure to display on iphone since no hover action */
@media only screen and (max-device-width: 480px) {
  .view div.views_slideshow_cycle_main .feature-caption-overlay {
    display: block;
    position: relative;
  }
}

.view-primary-feature-slideshow .views-slideshow-controls-top {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 100;
}

.view-primary-feature-slideshow div.views-slideshow-pager-field-item {
  float: left;
  display: block;
  cursor: pointer;
}

/* numeric pager */
.view-display-id-panel_pane_primary_slideshow_num .views-slideshow-pager-field-item {
  padding: 3px 5px;
  line-height: 1;
  margin-left: 3px;
  border: 1px solid #fff;
}

/* 
 * Secondary Features
 */
.view-secondary-features .field-name-field-home-content-image {
  margin-bottom: 1.5em;
}

.view-secondary-features .views-row article.node-teaser {
  border: 0;
  padding-top: 0;
  margin-bottom: 0;
}

.view-secondary-features footer.link-wrapper ul.inline li.node-readmore {
  display: none;
}

/* 
 * Albums 
 */
.view-albums div.views-row {
  display: inline-block;
  zoom: 1;  
  *display: inline; /* IE7 Hack */
  padding: 0 5px 8px 0;
  vertical-align: top;
  margin: 0;
  margin-bottom: 0;
}

.view-albums .views-row img {
  border: 1px solid #CCCCCC;
  display: block;
  padding: 3px;
}

.view-albums .views-row a:hover img {
  border-color: #333;
}

.view-albums .views-field-title {
  font-size: 0.85em;
  line-height: 1.25em;
  padding-top: 4px;
  color: #666;
  max-width: 163px;
}

/* 
 * Articles
 */
 
.views-row article.node-article header h2 {
  margin-bottom: 0;
}

.views-row article.node-article .field-type-text-with-summary {
  margin-top: 1em;
}

.view-articles .views-field-title a {
  font-size: 1.2em;
  line-height: 1.25em;
}

.view-display-id-panel_pane_articles_publications h3.views-field-title a {
  font-size: 1em;
  line-height: 1;
}

.view-display-id-panel_pane_articles_publications h3 {
  margin-bottom: 6px;
}

.view-display-id-panel_pane_articles_publications .views-field-field-article-subtitle {
  color: #888888;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.view-display-id-panel_pane_articles_publications .views-field-field-article-image {
  float: left;
  margin-right: 18px;
}

.view-display-id-panel_pane_articles_publications .views-row {
  display: inline-block;
  zoom: 1;  
  *display: inline; /* IE7 Hack */
  min-height: 71px;
  vertical-align: top;
  width: 48%;
  margin-bottom: 1.5em;
}
.view-display-id-panel_pane_articles_publications .views-row-odd {
  margin-right: 3%;
}

.view-display-id-panel_pane_article_list .views-row,
.view-display-id-panel_pane_article_grouped .views-row {
  margin-bottom: 1.5em;
}

.view-articles .views-field-field-article-body p {
  margin-bottom: 0;
}

.views-row article.node-article .field-type-text-with-summary {
  margin-top: 1em;
}

.view-articles .views-field-created {
  color: #999999;
  font-size: 0.9em;
  line-height: 18px;
  margin-bottom: 6px;
  margin-top: 0;
}

.view-articles .views-field-edit-node {
  float:right;
  font-size: 0.9em;
  line-height: 18px;
}

.view-display-id-panel_pane_articles_album div.views-row {
  display: inline-block;
  zoom: 1;  
  *display: inline; /* IE7 Hack */
  padding: 0 5px 8px 0;
  vertical-align: top;
  margin: 0;
  margin-bottom: 0;
}

.view-display-id-panel_pane_articles_album div.views-row img {
  border: 0;
  padding: 0;
  background-color: #000;
}

.view-display-id-panel_pane_articles_album a.publication-link {
  border: 1px solid #CCCCCC;
  display: block;
  padding: 3px;
  background-color: #fff;
  position: relative;
}

.view-display-id-panel_pane_articles_album .publication-title {
  display: none;
}

.view-display-id-panel_pane_articles_album a.publication-link:hover {
  text-decoration: none;
}

.view-display-id-panel_pane_articles_album a.publication-link:hover .publication-title {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 131px;
  height: 196px;
  padding: 12px;
  font-weight: bold;
  color: #fff;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.75);
}

.publication-title .publication-subtitle {
  display: block;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 6px;
}

/* 
 * Events 
 */
.view-events .views-field-title a {
  font-size: 1.2em;
  line-height: 1.25em;
}

.view-display-id-panel_pane_past_grouped_list .views-row .views-field-title a {
  font-size: 1em;
  line-height: 1.5em;
}

.view-events div.views-field-edit-node {
  float:right;
  font-size: 0.9em;
  line-height: 18px;
}

.view-display-id-panel_pane_upcoming_list .views-field-field-event-date {
  color: #999999;
  font-size: 0.9em;
  line-height: 18px;
  margin-bottom: 6px;
}

.view-events h3 {
  margin-top: 0.7em;
  margin-bottom: 0.3em;
}

.views-row .panel-display {
  margin-top: 0;
}

.view-events table td {
  vertical-align: top;
}

.view-events .views-table td, 
.view-events .views-table th {
  padding-right: 1em;
  padding-left: 1em;
}

.view-events table.views-table td {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.view-events td.views-field-field-event-date {
  min-width: 10em;
}

/* Rewrite field in view, wrap with: "span.time-only" */
.view-events span.time-only {
  color: #888;
  font-size: 0.9em;
  line-height: 18px;
}

/* Rewrite field in view, wrap with: "span.venue-only" */
.view-events span.venue-only {
  color: #888;
  font-style: italic;
}

/* Customize field HTML in view, add class: "events-day-of-week" */
.view-events .events-day-of-week {
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}

/* Customize field HTML in view, add class: "events-day-of-month" */
.view-events .events-day-of-month {
  font-size: 2em;
  line-height: 1;
  text-align: center;
}

.view-display-id-panel_pane_upcoming_bandn .views-field-field-event-body p {
  margin-bottom: 0;
}

.view-display-id-panel_pane_upcoming_bandn .views-row {
  border-color: #BEBFB9;
  border-style: solid;
  border-width: 1px 0 0;
  padding-bottom: 0.75em;
  padding-top: 0.75em;
}

.view-display-id-panel_pane_upcoming_bandn .view-content .views-row-last {
  border-bottom-width: 1px;
}

.view-display-id-panel_pane_upcoming_bandn .views-row-odd {
  background-color: #F3F4EE;
}

.view-display-id-panel_pane_upcoming_bandn .views-row-even {
  background-color: #FFF;
}

.view-display-id-panel_pane_upcoming_bandn .views-row .panel-content-color {
    padding-left: 1em;
}

.view-display-id-panel_pane_upcoming_list .views-row {
  margin-bottom: 1.5em;
}

.view-display-id-panel_pane_upcoming_list .view-content .views-row-last {
  margin-bottom: 0;
}

.views-row article.node-event header h2 {
  margin-bottom: 0;
}

.views-row article.node-event .field-type-text-with-summary,
.views-row article.node-event .field-name-field-event-venue {
  margin-top: 1em;
}

@media handheld, only screen and (max-width: 767px) {
  .view-events div.container_12 div.panel-onecol-top-left {
    float: left;
    display: inline;
    width: 4em;
  }

  .view-events div.container_12 div.panel-fivecol-top-center,
  .view-events div.container_12 div.panel-sixcol-top-right {
    margin-left: 4em;
  }

  .view-events table.views-table td, 
  .view-events table.views-table th {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 0;
  }
}

.view-events .views-exposed-widgets select {
  margin: 0 0.5em 0 0;
}

.view-events .views-exposed-widgets .form-submit {
  padding: 0 5px;
  border-style: solid;
  border-width: 1px;
}

.view-events .views-exposed-widgets .form-submit:hover {
  cursor: pointer;
  background-color: #fff;
}

.view-events .views-widget, 
.view-events .views-exposed-form label {
  float: left;
}

.view-events .views-exposed-form label {
  margin-right: 0.5em;
}

.view-events .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

/* Managed Files */
.view-display-id-panel_pane_file_list .views-field-edit-node {
  float:right;
  font-size: 0.9em;
  line-height: 18px;
}

.view-display-id-panel_pane_file_list .views-field-field-managed-file-image {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.view-display-id-panel_pane_file_list .views-field-title {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 6px;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.view-display-id-panel_pane_file_list .views-row {
  clear: both;
  margin-bottom: 1.5em;
}

.view-display-id-panel_pane_file_album div.views-row {
  display: inline-block;
  zoom: 1;  
  *display: inline; /* IE7 Hack */
  padding: 0 5px 8px 0;
  vertical-align: top;
  margin: 0;
  margin-bottom: 0;
}

.view-display-id-panel_pane_file_album .views-row img {
  border: 1px solid #ccc;
  display: block;
  padding: 3px;
}

.view-display-id-panel_pane_file_album .views-field-edit-node {
  font-size: 0.9em;
  line-height: 18px;
}

.view-display-id-panel_pane_file_album .views-row a:hover img {
  border-color: #333;
}

.view-display-id-panel_pane_file_album .views-field-field-managed-file-text {
  font-size: 0.85em;
  line-height: 1.25em;
  padding-top: 4px;
  color: #666;
  max-width: 212px;
}

.view-display-id-panel_pane_file_grouped_list h3 {
  margin-top: 1em;
}

/* 
 * People - MOVED TO FEATURE

.view-people td.views-field-title {
  min-width: 15em;
}

.view-people td.views-field-title a {
  font-size: 1.5em;
  line-height: 1;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.view-people .person-blurb {
  color: #888;
  font-style: italic;
}

.view-people .views-table td, 
.view-people .views-table th {
  padding-right: 1em;
  padding-left: 1em;
  vertical-align: top;
}

.view-people .views-table td {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.view-display-id-panel_pane_people_list .views-row {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px dotted #666;
  clear: both;
}

.view-display-id-panel_pane_people_list div.views-row-last{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.view-display-id-panel_pane_people_list .views-field-field-person-image,
.view-display-id-panel_pane_people_complete .views-field-field-person-image {
  float: left;
  margin-right: 1.5em;
}

.view-display-id-panel_pane_people_grouped_list .views-row,
.view-display-id-panel_pane_people_complete .views-row {
  margin-bottom: 1.5em;
  clear: both;
}

.view-display-id-panel_pane_people_grouped_list div.views-row-last,
.view-display-id-panel_pane_people_complete div.views-row-last  {
  margin-bottom: 0;
}

.view-display-id-panel_pane_people_complete .views-field-field-person-image {
  margin-bottom: 1.5em;
}

.view-display-id-panel_pane_people_grouped_list  h3 {
  font-size: 2em;
  margin-bottom: 0.75em;
  margin-top: 0.75em;
  line-height: 1.5em;
}

.view-people .views-row h3,
.view-display-id-panel_pane_people_complete .views-field-title {
  margin-bottom: 6px;
  font-size: 1.5em;
  line-height: 1;
  margin-top: 0;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.view-people div.views-field-edit-node {
  float:right;
  font-size: 0.9em;
  line-height: 18px;
}

@media handheld, only screen and (max-width: 767px) {
  .view-people table td.views-field-title a {
    font-size: 1em;
    line-height: 1.5em;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
  }

  .view-people table.views-table td, 
  .view-people table.views-table th {
    padding-left: 5px;
    padding-right: 5px;
  }
  .view-people table td.views-field-title {
    min-width: 0;
  }
}

.view-display-id-panel_pane_people_directory .views-row {
  padding: 4px;
}

.view-display-id-panel_pane_people_directory .views-row-even {
  background-color: #F1F1F1;
}

.view-display-id-panel_pane_people_directory .view-content {
  border-top: 3px solid #BEBFB9;
  border-bottom: 3px solid #BEBFB9;
}

.view-display-id-panel_pane_people_directory .attachment .view-content {
  border: 0;
}

.view-display-id-panel_pane_people_directory span.mailto {
  display: none;
}
 */

/**
 * Glossary attachment view styles
 * Because views will not use GROUP BY, we use the Group-By-Field option to
 * generate distinct first letter links. The actuall fields must be displayed
 * to prevent Views from bwalking, but are hidden by class=element-invisible.
 * The H3 in .view-header will always exist if there is content so each H3 in
 * .view-content can have left padding, border, and margin.
 */
.glossary h3 {
  float:left;
  padding-left:0.4em;
  border-left:solid 1px #000;
  margin-left:0.4em;
}
/* undo the style for the first element */
.glossary .view-header h3 {
  padding-left:0;
  border-left:none;
  margin-left:0;
}

/* 
 * General 
 */
.pane-content .item-list ul.pager li {
  margin: 0;
}

.node-type-list .grid_12 .pane-views-panes .pane-inner {
  padding-top: 0;
}

.views-row article.node-teaser {
  border-top: 1px dotted #999999;
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}

div.views-row-first article.node-teaser {
  border-top: 0;
  padding-top: 0;
}

.node-type-list .view-empty {
  margin-top: 1.5em;
}

/* restrictd empty text */
.restricted-empty {
  border:dashed 5px #888;
  padding:10px;
  background:#EEE;
}

/*****************************************************************************
 *************************  ArtSci Streaming Styles  *************************
 *****************************************************************************/

/**
 * Streaming Media in Home Content Primary Slideshow View
 */
.views-field-field-home-content-image .artsci_streaming-flowplayer-rtmp {
  margin:auto;
  -moz-box-shadow: 0px 0px 5px 2px #333;
  -webkit-box-shadow: 0px 0px 5px 2px #333;
  box-shadow: 0px 0px 5px 2px #333;
  background:none;
}
.views-field-field-home-content-image .artsci_streaming-colorbox {
  width:auto;
  height:auto;
}

/**
 * Streaming Media colorbox view (fields, teaser)
 */
.node-teaser .field-type-artsci-streaming .field-item,
.as-streaming-media>div {
  position:relative;
}
/* in a narrow column, text will not be able to wrap, so put space below */
.node-teaser .artsci_streaming-colorbox {
  margin-bottom:1em;
  float:right;
}
/* in the full width view, put h space for better wrapping */
/* but not in IE7 because it will render the margin on the right :-( */
.view-display-id-panel_pane_streaming_media_teasers .artsci_streaming-colorbox {
  margin:0 0 0 1em;
  *margin:0px;
}
/* get rid of that curved shadow from the full node style */
.node-teaser .artsci_streaming-colorbox:after {
  display:none;
}
/* in the panel fields view, ensure space between columns */
.view-display-id-panel_pane_streaming_media_colorbox .panel-sixcol-right>div {
  margin-left:9px;
}
/* all colorbox media uses an image, so the size is decided by that */
.node-teaser .artsci_streaming-colorbox,
.as-streaming-media.formatter-colorbox a {
  display:inline-block;
  height:auto;
  width:auto;
  min-height:80px;
  min-width:80px;
  max-width:100%;
  padding:3px;
  border:1px solid #CCC;
  background:#fff;
}
/* style the splash image and make sure it sizes as expected */
.node-teaser .artsci_streaming-colorbox img,
.as-streaming-media.formatter-colorbox a img {
  display:block;
  max-width:100%;
}
.as-streaming-media.formatter-colorbox .audio img {
  height:80px;
  width:316px;
  max-width:100%;
}
.node-teaser .artsci_streaming-colorbox.audio>img {
  height:80px;
  width:316px;
}
/* image hover style */
.node-teaser .artsci_streaming-colorbox:hover>img,
.as-streaming-media.formatter-colorbox a:hover>img {
  border-color:#333;
}
/* private message */
.as-streaming-media .artsci_streaming-private-media-msg {
  right:auto;
  left:9px;
  top:0;
}
/* space the rows properly */
.view-display-id-panel_pane_streaming_media_colorbox div.views-row {
  margin-bottom: 1.5em;
}

/**
 * streaming media jsembed view (fields)
 */
/* put dotted lines between rows to look like a teaser view */
.view-display-id-panel_pane_streaming_media_jsembed .views-row {
  margin-bottom:1.5em;
  border-bottom:1px dotted #999;
  padding-bottom:1.5em;
}
/* but not on the last one :P */
.view-display-id-panel_pane_streaming_media_jsembed .views-row-last {
  border:none;
  padding:0px;
}
/* shadow and center the media */
.as-streaming-media.formatter-jsembed a {
  margin:auto;
  -moz-box-shadow: 0px 0px 5px 2px #666;
  -webkit-box-shadow: 0px 0px 5px 2px #666;
  box-shadow: 0px 0px 5px 2px #666;
}
.as-streaming-media.formatter-jsembed .audio {
  height:80px;
}
/* make a nice full width background; let only the left and right shadow show */
.as-streaming-media.formatter-jsembed {
  overflow:hidden;
  background: #dedede;
  margin-top:1.5em;
  margin-bottom: 1.5em;
}
/* private message */
.view-display-id-panel_pane_streaming_media_jsembed .artsci_streaming-private-media-msg {
  left:auto;
  right:9px;
  background-color:#dedede;
}