/* DoStuff Media Content Styling
-------------------------------------*/
#ds-content {
  font-size:12px;
  width:945px;
  margin-left: 50px;
}
#ds-content .ds-content-page-title {
  font-family:"helvetica", "arial", sans-serif!important;
  margin:0 0 1em!important;
  color:#fff;
  width:100%;
  border-bottom:1px solid #4D698B;
}
#ds-content h2 {
  font-family:"Bell Gothic Std Black",sans-serif;
  color:#FF9900;
  font-size:1.25em;
}
.ds-header {
  width:910px;
  margin:10px 20px;
  border:solid #4D698B;
  border-width:1px 0;
}
  .ds-arrange, .ds-custom-lineup {
      border-right: 1px solid #4D698B;
  }
  .ds-arrange div,
  .ds-arrange ul {
    background:#B4C4D7;
    color:#032B5C;
    border:1px solid #032B5C;
  }
    .ds-arrange ul a {
      color:#032B5C!important;
      font-size:inherit!important;
    }
  .ds-arrange ul {
    border-width:0 1px 1px;
    top:1.8em;
  }

/* Tooltip */
.ds-add-remove {
  background:url(../images/add-remove.png) left top no-repeat;
  position:absolute;
  width:20px;
  height:20px;
  text-indent:-3999px;
}
  .ds-attending .ds-add-remove {
    background-position:left bottom;
  }
/* Tooltip */
.ds-tooltip {
  left:-19px;
  bottom:110%;
  background:#fff;
  color:#555;
  box-shadow:0 0 10px #111;
  -moz-box-shadow:0 0 10px #111;
  -webkit-box-shadow:0 0 10px #111;
}
  #ds-content .ds-tooltip a {/* ugly specifity hack */
    color:#032B5C!important;
  }
  .ds-tooltip .ds-content {
      border: 1px solid #B4C4D7;
    }
      .ds-tooltip .tt_1 {
        color: #000;
      }
      .ds-tooltip .ds-tooltip-band-actions {
        color: #032B5C;
        background-color: #B4C4D7;
      }
        .ds-tooltip .ds-tooltip-band-actions a {
          color: #032B5C;
        }
  .ds-tooltip .ds-arrow-bg {
    border-top-color:#333;
  }
  .ds-tooltip .ds-arrow {
    border-top-color:#B4C4D7;
  }
  .ds-lineup-cols {
    font-size:1.1em;
    background:#000;
  }
/* Lineup */
.ds-lineup {
  width:710px;
  margin:10px 20px;
  padding:10px 100px;
  font-size:11px;
  font-family:verdana,sans-serif;
}
  .ds-lineup .ds-text {
    background:#34496F;
    color:#fff;
    border:1px solid #aaa;
    padding:4px 12px 1px 32px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    font-size:inherit!important;
    bottom:-1px;
    right:-12px;
  }
  /* add/remove on lineup */
  .ds-text .ds-add-remove {
    top:50%;
    left:6px;
    margin-top:-11px;
    margin-right:5px;
  }
.ds-lineup .ds-attending,
.ds-selected-color {
  color:#63C3DC!important;
}
  .ds-lineup a {
    font-size:inherit!important; /* won't work in IE6 and 7 */
    color:#FCD869!important;
  }

#ds-content ul, #ds-content ol {
  list-style:none;
}

/* Schedule */
.ds-times li {
  width:906px;
}
.ds-schedule { width: 910px; z-index: 999; }
.ds-schedule td,
.ds-schedule th {
  font-size:12px;
}
.ds-stage .ds-event-box {
  background:#FCD869;
  color:#000;
  font-family:Verdana,Helvetica,Freesans,sans-serif;
  font-size:1.1em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
  .ds-stage .ds-event-box a {
    color:#000!important;
    font-size:1.1em;
    text-decoration:none;
  }
  /* hover state */
  .ds-stage .ds-hover {
    background:#fff;
  }
  .ds-stage .ds-hover span {
    color:#000;
  }
    .ds-stage .ds-hover a {
      color:#000;
    }
  /* attending event */
  .ds-stage .ds-attending {
    background:#5EB9D1;
  }
    .ds-stage .ds-attending .ds-add-remove {
      background-position:left bottom;
    }
  /* add/remove on schedule */
  .ds-event-box .ds-add-remove {
    left:5px;
    top:5px;
    cursor:pointer;
    display:none;
  }
    .ds-event-box.ds-hover .ds-add-remove {
      display:block;
    }
  .ds-event-box .ds-disabled {
    opacity:.7;
    cursor: default;
  }
  /* schedule hovercard */
  .ds-stage .ds-tooltip {
    margin-left: -5px;
    bottom: 99%;
    text-align:center;
  }
  /* User menu */
  .ds-user-title {
    border:none;
  }

/* Band Page */
.ds-band-header {
  margin-top:1em;
}
.ds-performance-location a,
.ds-performance-location span {
  color:#fff;
}
.ds-performance-location a {
  text-decoration:underline;
}
.ds-band-nav li {
  font-size:2em;
}
  .ds-band-nav li a {
    color:#000;
  }
.ds-bands-drop-list {
  background:#fff;
  -webkit-box-shadow:0 0 5px #000;
  -moz-box-shadow:0 0 5px #000;
  box-shadow:0 0 5px #000;
  top:1.5em;
}
.ds-band-main {
  margin:0 2% 0 0;
}
.ds-band-desc {
  margin:0 2em 1em 0;
  line-height:1.3;
}
  .ds-band-desc-text {
    margin:0 0 1em;
  }
  .ds-band h2,
  .ds-band-aside dt {
    font-size:1.6em;
    margin:0 0 .5em;
  }
  .ds-band-tabs dt {
    font-size:1.4em;
    margin:0 2em .5em 0;
  }
  .ds-band-tabs dd {
    padding:0 0 1em;
    margin:0 2em 1em 0;
  }
/* Comments */
.ds-band-comments-wrapper {
  margin:0 2em 1em 0;
}
  .ds-band-comments-wrapper textarea {
    font-size:1.2em;
    font-family:helvetica,arial,sans-serif;
    width:97%;
    margin: 0 0 1em;
  }
  .ds-band-comments-wrapper .ds-button {
    float:left;
    margin:0 0 1em;
  }

.ds-button,
.ds-create-join {
  background: #B4C4D7; /* old browsers */
  background: -moz-linear-gradient(100% 100% 90deg, #6A89AD, #B4C4D7); /* firefox */
  background: -webkit-gradient(linear, 0% 0%, 0 100%, from(#B4C4D7), to(#6A89AD)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6A89AD', EndColorStr='#B4C4D7');
  color:#072140!important;
  border-radius:.25em;
  -moz-border-radius:.25em;
  -webkit-border-radius:.25em;
  border:1px solid;
  border-color:#032B5C;
  text-decoration:none!important;
}
  .ds-lineup .ds-level1 {
    font-size:3.1em;
  }
  .ds-lineup .ds-level2 {
    font-size:2.7em;
  }
  .ds-lineup .ds-level3 {
    font-size:2.5em;
  }
  .ds-lineup .ds-level4 {
    font-size:2.3em;
  }
  .ds-lineup .ds-level5 {
    font-size:1.9em;
  }
  .ds-lineup .ds-level6 {
    font-size:1.7em;
  }
ul.ds-player {
  float: left;
  }
    ul.ds-player li {
      border-bottom: 1px solid #4E4E4E;
      background: #547194;
    }
    ul.ds-player li:hover {
      background-color: #000;
    }
    ul.ds-player li.ds-player-show-state-playing {
      background-color: #C1272D;
    }
      ul.ds-player li.ds-player-show-state-playing .ds-song {
        color: #547194;
      }
      ul.ds-player .ds-song:link, ul.ds-player .ds-song:visited, ul.ds-player .ds-song:hover {
        color: #000;
        text-decoration: none;
      }
    ul.ds-player li.ds-grooveshark {
      background-color: #183559;
    }
    ul.ds-player li.ds-grooveshark a {
      color: #547194;
      font-weight: bold;
    }
#bd_contenido_der2 h1 { font-size: 2em; }

/* Style dialog content */
/* Friends modal window (who's following) (/layouts/application) */
.ui-widget-overlay {
  background-color: #000;
}
  .ui-dialog {
    background: #fff;
    border: 5px solid #F90;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0 0 20px #333;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #333;
  }
  .ds-fest-modal h2 {
    background: #0E6195;
    color: #fff;
  }
  .ds-fest-modal .fmmenu {
    border-bottom: 1px solid #ececec;
  }
  .ds-fest-modal .fmcontent {
    background: #fff;
  }
  .ds-fest-modal .fmclose {
    border-top: 1px solid #ececec;
  }

  /* follow buttons */
  .ds-fest-modal .follow.numholder a {
    color: #072140;
  }
  /* my bands follow button */
  .ds-fest-modal .follow.numholder {
    background-color: #6A89AD;
    border: 1px solid #032B5C;
  }
    .ds-fest-modal .follow.numholder:hover {
      background-color: #B4C4D7;
    }

/* override overflow, it breaks hovercards */
#bd_contenido_der2 {
  overflow: visible;
  z-index: 0;
}
/* z-index for div with menu, thus menu is on top of content */
#menu_rell {
  position: relative;
  z-index: 100;
}
  #menu_rell ul#menu {
    text-align: center;
    white-space: nowrap;
  }
    #menu_rell ul#menu li {
      position: relative;
      float: none;
      display: inline-block;
      margin: 0 3px;
    }
      #menu_rell ul#menu li a {
        position: relative;
        display: inline-block;
        height: auto;
        width: auto;
        padding: 0 9px 0 6px;
      }
        #menu_rell ul#menu li a div {
          float: none;
          margin-left: 0;
          margin-right: 0;
          vertical-align: baseline;
        }
          #menu_rell ul#menu li a .menu_item_cen {
            display: inline;
            line-height: 40px;
            padding: 12px 0;
          }
          #menu_rell ul#menu li a .menu_item_lft,
          #menu_rell ul#menu li a .menu_item_rgt {
            display: inline-block;
            position: absolute;
            height: 40px;
            top: 0;
          }
            #menu_rell ul#menu li a .menu_item_lft {
              left: 0;
            }
            #menu_rell ul#menu li a .menu_item_rgt {
              right: 0;
            }

      #menu_rell ul#menu li ul.second_menu {
        top: 40px;
        left: 5px;
        margin-left: 0;
        margin-top: 0;
        visibility: visible;
        display: none;
        white-space: normal;
      }
        #menu_rell ul#menu li ul.second_menu li {
          display: block;
          padding: 2px 0;
          margin-top: 5px;
        }
          #menu_rell ul#menu li ul.second_menu li a {
            display: inline;
            padding: 0 2px;
            line-height: 1.1;
          }
        #menu_rell ul#menu li:hover ul.second_menu {
          display: block;
        }