body {
    margin: 20px 80px 20px 80px;
    min-height: 100vh;
}

footer {
    margin-top: 2em;
}

.copyright {
    align-items: center;
    text-align: center !important;
    font-size:.75em;
    margin: 5px;
    color: lightgray;
}

.infoblock > p {
    margin: 5px 20px 10px 5px;
    padding-left: 2em;
}

.chart-key {
    margin-top: 20px;
}

.chart .chords {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.chart .lyrics {
    font-style: italic;
    color: gray;
}

.chart-note {
    font-size: .9em;
    font-weight: lighter;
    font-style: italic;
    letter-spacing: 2px;
    color: darkred;
    padding-left: 40px;
}
.chart .section {
    letter-spacing: .4rem;
    color: lightblue;
    text-align: right !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.va-toggle {
    border-radius: 6px;
}

/*
    S T R U C T U R E
 */
.structure .headers {
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid darkgray;
}

.structure .struct-line {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgray;
}


/*a:link {*/
/*    color: black;*/
/*}*/

/*a:visited {*/
/*    color: #888888;*/
/*}*/


.bg-aqua {
    background-color: aqua;
}

.bg-gold {
    background-color: gold;
}

.bg-bisque {
    background-color: bisque;
}

.bg-darkgreen {
    background-color: darkgreen;
    color: cornsilk;
}

.bg-ivory {
    background-color: ivory;

}

.song-header-row {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1b1e21;
    color: whitesmoke;
    font-size: 1.1em;
    font-weight: bold;
}

.song-footer-row {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1b1e21;
    text-align: center;
    font-style: italic;
    color: whitesmoke;
}

.header_bar {
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    /*background-color: whitesmoke;*/
    font-weight: bold;
}

.body-row-odd {
    padding-top: 8px;
    padding-bottom: 8px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background-color: whitesmoke;
}

.body-row-even {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: white;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.body-row-junk {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: darkslategray;
    color: lightgrey;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.song-desc {
    padding-top: 10px;
    padding-bottom: 10px;
    /*margin-left: 30px;*/
    /*margin-right: 30px;*/
    margin-bottom: 30px;
    /*border-top: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
}

.song-desc p {
    margin-bottom: 5px;
}


.top-bottom-bars {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    border-top: 1px solid black;
    /*border-bottom: 1px solid black;*/
}

.round {
    border-radius: 20px;
    border: 1px solid lightgrey;
}

.top-round {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px solid black;
    border-bottom: none;
}

.bottom-round {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid black;
    border-top: 1px solid gray;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.session_bar {
    background-color: lightgreen;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
    /*border-right: 1px solid black;*/

}

.album-cover {
    max-width: 400px;
    height: auto;
}

.song {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.song > * {
    border: 1px solid lightgrey;
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.songref  {
    /*text-decoration: underline;*/
    background-color: #e6dbb9;
    /*text-decoration-color: inherit;*/
    /*color: inherit;*/
}

/*  PSEUDO and real TABLE stuff*/
.songtable {
    border-bottom: 1px solid lightgray;
}

.songtable th:nth-child(1) {
    width: 20%;
}
.songtable th:nth-child(2) {
    width: 20%;
}

.songtable th {
    padding: 5px;
    color:white;
    background-color: darkgray;
}

.songtable tr {
    padding-top: 7px;
    padding-bottom: 7px;
}

.songtable td {
    vertical-align: top;
    padding: 5px;
}

.filetable {
    border-bottom: 1px solid lightgray;
}

.filetable td:nth-child(1) {
    
}


.filetable th {
    padding: 5px;
    color:white;
    background-color: darkgray;
}

.filetable td {
    vertical-align: top;
    padding: 5px;
}

.filetable a {
    text-decoration: none;
}

.filetable a:hover {
    text-decoration: underline;
}

.filetable th:nth-child(1) {
    width: 40%;
}


.songrowhead {
    font-weight: bold;
    
}

.songrow:nth-child(2) {
    border: 1px solid grey;
}

.lyrics {
    font-style: italic;
    color: gray;
}

/*

        SCHEMES

*/

/*a {*/
    /*text-decoration: none;*/
    /*color: inherit;*/
/*}*/

/*a:hover {*/
/*    text-decoration: underline;*/
/*    color: inherit;*/
/*}*/

a.scheme-darkgreen , .scheme-darkgreen {
    background-color: darkgreen;
    color: white;
}

a.scheme-purple, .scheme-purple {
    background-color: purple;
    color: white;
}

a.scheme-black, .scheme-black {
    background-color: black;
    color: white;
}

a.scheme-gold, .scheme-gold {
    background-color: gold;
    color: black;
}

a.scheme-red, .scheme-red {
    background-color: darkred;
    color: white;
}

a.scheme-blue, .scheme-blue {
    background-color: blue;
    color: white;
}

a.scheme-white, .scheme-white {
    background-color: white;
    color: black;
}

a.scheme-tan, .scheme-tan {
    background-color: tan;
    color: black;
}

a.scheme-ltblue, .scheme-ltblue {
    background-color: cornflowerblue;
    color: black;
}

.song-bar {
    /*border-left: 1px solid black;*/
    /*border-right: 1px solid black;*/
    border-radius: 20px;
    border: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: .5rem;
    align-items: center;
    font-size: 1.4em;
    font-weight: bolder;
}

.song-panel {

}


.song-odd, .song-even {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.border-clear {
    border: 0 none black !important;
}

.song-odd > * {
    border: 1px solid lightgrey;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;

    background-color: mintcream;
}

.song-even > * {
    border: 1px solid lightgrey;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;

    background-color: whitesmoke;
}

/* TODO : DEprecate this for songtitle */
.tracktitle {
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

.songdesc {
    width: 50%
}

.main-footer {
    margin-top: auto;
}

.updated {
    background-color: darkcyan;
    color: #fdfdfe;
}

.icon-buffer {
    margin-right: 10px;
    margin-left: 10px;
    width: 1em;
    height: 1em;
    color: #0c4128;
}

.icon-buffer2 {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 1.2rem;
    color: darkred;
}

.songtitle {
    font-weight: bold;
    font-size: x-large;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

a.songtitle {
    text-decoration: none;
    /*color: unset;*/
}

a.songtitle:link {
    /*color: unset;*/
}

a.songtitle:hover {
    text-decoration: underline;
    text-decoration-color: inherit;
    /*color: unset;*/
}

a.songtitle:visited {
    /*color: unset;*/
}

li.todo {
    font-weight: bold;
    color: darkblue;
}


/* */