/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

.filter-buttons {
    margin-top: 26px;
}

.highlight {
    padding: 9px 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.filters input[type=submit] {
    margin-top: 24px;
    margin-bottom: 10px;
}


/** TABLES **/
.table thead {
    background-color: #cccccc;
}

.table thead th a {
    color: #000000;
}

.table thead th a:hover {
    color: #000000;
    text-decoration: none;
}

.user-shows-table-cell1 {
    width: 20%;
}
.user-shows-table-cell2 {
    width: 70%;
}
.user-shows-table-cell3 {
    width: 10%;
}


/** SETLIST **/
.setlist {
    margin-top: 10px;
}

.setlist .title {
    font-weight: bold;
    background-color: #bdbdbd;
}

.setlist .track-number {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
    margin-right: 10px;
}


/** HOME **/
.jumbotron {
    background-image: url(/images/jerry-wave.jpg);
    background-position: center -80px;
    -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    color: #FFF;
    height: 400px;
    position: relative;
    vertical-align: top;
}

@media only screen and (max-width: 800px) {
    .jumbotron {
        background-position: center 0px;
    }
}

.jumbotron h2 {
    font-size: 40px;
}

.jumbotron .photo-credit {
    bottom: 0;
    font-size: 8px;
    font-weight: normal;
    padding-right: 20px;
    position: absolute;
    right: 0;
}

.home-features .title {
    font-weight: bold;
}

.home-features-current {
    background-color: rgb(223, 240, 216);
}

.home-features-planned {
    background-color: rgb(252, 248, 227);
}

/** SONGS **/
.attended {
    background-color: #369;
    color: #ffc;
}
.attended a {
    color: #ffc;
}