/* overriding clients' css */
#ds-content td, 
#ds-content div, 
#ds-content span,
#ds-content p {
  font-size: 12px;
}
#ds-content a {
  font-size: 100%;
  font-family: helvetica,arial,sans-serif;

  text-decoration: none;
}
.ds-lineup li a,
.ds-icalprint a,
.ds-icalprint .ds-handle,
.ds-tooltip .ds-content a,
.ds-content-page a,
.ds-user-title a {
  color: #841019;
}
form {
  font-size: 100%;
}
form input {
  font-size: 12px;
  font-family: helvetica,arial,sans-serif;
}
  #ds-content a:hover {
    text-decoration: underline;
  }
/* css reset */
* {
  margin:0;
  padding:0;
}
ul,ol {
  list-style:none;
}
/* Styling DoStuff content */
#ds-content p,
#ds-content {
  color: #333;
  font-family: helvetica,arial,sans-serif;
}
/* Widths */
.ds-header,
.ds-schedule {
  width:930px;/* 960 - padding: 0 15px */
}
.ds-lineup {
  width:660px;/* 960 - padding-left && padding-right (150 * 2) */
}
.ds-header {
  border:solid #eee;
  border-width:0  0 2px;
  margin:.25em 1.5em 1em;
}
  .ds-header h2 {
    font-size:1.2em;
  }
.ds-arrange,
.ds-custom-lineup {
  border-right:1px solid #eee;
}
  .ds-arrange div {
    background:#fff;
    color:#000;
    border:1px solid #841019;
  }
  .ds-arrange ul {
    background:#fff;
    border: 1px solid #841019;
    border-top: none;
  }
  .ds-arrange span,
  .ds-arrange a {
    color:#000;
  }
.ds-custom-lineup-friends {
  width:35%;
}
.ds-user-title {
  color:#547DB4;
  border:none;
}  
.ds-user-title img {
  display: inline;
}
/* Ical/Print */
.ds-icalprint {
  font-size:12px;
  text-align:right;
}
.ds-icalprint a,
.ds-icalprint .ds-aprint div {
  background:#fff;
  color: #841019;
}
  .ds-icalprint .ds-aprint span,
  .ds-icalprint .ds-aprint a {
    color: #841019;
  }
  
/* Tooltip & Lineup */
.ds-tooltip {
  left:-20px;
  bottom:110%;
  background:#fff;
  color:#fff;
  box-shadow:0 0 10px #111;
  -moz-box-shadow:0 0 10px #111;
  -webkit-box-shadow:0 0 10px #111;
  width: 350px;
}
  .ds-tooltip .ds-content {
      border: 1px solid #547DB4;
      color: #333;
    }
      .ds-tooltip .tt_1 {
        color: #000;
      }
      .ds-tooltip .ds-tooltip-band-actions {
        color: #FFF;
        background-color: #547DB4;
      }
        #ds-content .ds-tooltip .ds-tooltip-band-actions a,
        .ds-tooltip .ds-tooltip-band-actions a {
          color: #FFF;
        }
  .ds-tooltip .ds-arrow-bg {
    border-top-color: #333;
  }
  .ds-tooltip .ds-arrow {
    border-top-color: #547DB4;
  }
  .ds-lineup-cols {
    font-size:1.1em;
    background:#000;
  }
/* Add/Remove general styling */
.ds-add-remove {
  background:url(../images/add-remove.png) left top no-repeat;
}
  .ds-attending .ds-add-remove {
    background-position:left bottom;
  }
.ds-lineup .ds-text {
  background-color: #9A1F24;
  color: #FFF;
  padding:3px 12px 1px 32px;
  border-radius:1.2em;
  -moz-border-radius:1.2em;
  -webkit-border-radius:1.2em;
  font-size:inherit!important;

  bottom: 0;
  right: -11px;
}
.ds-lineup .ds-bullet {
  font-size:.5em!important;
}
  .ds-lineup .ds-attending,
  .ds-selected-color {
    color:#547DB4;
  }

/* add/remove event styles */
.follow.numholder.add-event a {
  background-image: url(../images/add-remove.png);
}

/* Schedule */
.ds-times li {
  width:924px;
}
.ds-stage .ds-event-box {
  background: #841019;
  color: #CCC;
  font-family:Verdana,Helvetica,Freesans,sans-serif;f
  font-size:1.1em;
}
  .ds-stage .ds-event-box .ds-event-title a {
    color: #EEE;
    font-size:1.1em;
    text-decoration:none;
  }
  /* hover state */
  .ds-stage .ds-hover {
    background: #9A5235;
  }
  .ds-stage .ds-hover span.ds-time-range {
    color: #FFF;
  }
    .ds-stage .ds-hover .ds-event-title a {
      color: #FFF;
    }
  /* attending event */
  .ds-stage .ds-attending {
    background: #547DB4;
    color: #333;
  }
    .ds-stage .ds-attending span.ds-time-range {
      color: #333;
    }
    .ds-stage .ds-attending .ds-event-title a {
      color: #333;
    }
    .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:normal;
  }
  /* schedule hovercard */
  .ds-stage .ds-tooltip {
    bottom: 99%;
  }

.ds-button,
.ds-create-join {
  background: #6A2205; /* old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #6A2205, #841019); /* firefox */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#841019), to(#6A2205)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841019', endColorstr='#6A2205',GradientType=0 ); /* ie < 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#841019', endColorstr='#6A2205',GradientType=0 )"; /* ie 8 */
  color: #fff !important;
  border-radius:.25em;
  -moz-border-radius:.25em;
  -webkit-border-radius:.2  5em;
  border: none;
  text-shadow: 0 0 1px #547DB4;
  text-decoration:none!important;
}
/* Band Page */
.ds-band-header {
  margin-top:1em;
}
.ds-performance-location a,
.ds-performance-location span {
  color: #333;
}
.ds-performance-location a {
  text-decoration:underline;
}
.ds-band-nav li {
  font-size:2em;
  background-color: #547DB4;
  padding: 2px;
}
  .ds-band-nav li a {
    color:#000;
  }
.ds-bands-drop-list {
  background: #547DB4;
  -webkit-box-shadow:0 0 5px #666;
  -moz-box-shadow:0 0 5px #666;
  box-shadow:0 0 5px #666;
  top:1.5em;
}
  .ds-bands-drop-list h2 {
    color: #841019;
    margin-bottom: 1em;
  }
  #ds-content .ds-bands-drop-list li a {
    font-size: 1.2em;
    color: #EEE;
  }
.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;
  }
ul.ds-player {
  float: none;
}

/* Style dialog content */
/* Friends modal window (who's following) (/layouts/application) */
.ui-widget-overlay {
  background-color: #000;
}
  .ui-dialog {
    background: #fff;
    border: 5px solid #547DB4;
    -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: #841019;
    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;
  }
  .ds-fest-modal .flist .numholder a {
    color: #fff;
  }
  /* follow buttons */
  .numholder a {
    color: #fff !important;
    font-size: 11px;
  }
  /* my bands follow button */
  .follow.numholder {
    background-color: #841019;
  }
    .follow.numholder:hover {
      background-color: #6A2205;
    }


/* Make clients layout wider to fit #ds-content width */
body {
  text-align: left;
}
#wrap {
  width: 960px;
  float: none;
  overflow: visible;
}
  #wrap #head {
    width: auto;
  }
  #wrap #home_middle {
    float: none;
    width: 100%;
  }

.ds-band-header h1 {
  position: relative;
}
  .ds-band-header h1 .back-to-sched {
    font-weight: normal;
    position: absolute;
    left: 100%;
    top: 7px;
    white-space: nowrap;
    margin-left: 35px;
  }

.ds-header-help {
  text-align: center;
}

/* applied to body here */
.ds-content-hide-x-scroll {
  overflow-x: hidden !important;
  min-height: 800px; /* reserve some space for banner */
}
#home_middle {
  position: relative;
}

.ds-header-banner {
  float: none;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
  .ds-header-banner img {
    display: inline;
  }
#sa-side-banner {
  position: absolute;
  top: 120px;
  right: -225px;
}

.sa-header-links {
  margin-left: 1em;
}
  .sa-header-links a {
    font-weight: bold;
    font-size: 1.2em !important;
  }