/* chords.css*/
.chords-section {
    background-color: white;
    color: black;
}

    .chords-section h2,
    .chords-section h3,
    .chords-section h4 {
        color: rgb(255, 0, 0);
        display: block !important;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0;
        font-size: 12px;
        height: 12px;
    }

    .chords-section pre {
        color: black;
        line-height: 14px;
    }

vline {
    display: inline-block;
    border-left: 1px ridge lightgray;
    position: relative;
    height: 3em;
    top: -25px;
}
/*.chords-measure*/
.chords-section > div {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 10px;
}

h3 {
    color: #ED145B;
}

chord {
    display: block;
    color: orange;
}

lyrics {
    font-size: larger;
}

div.tab {
    margin-top: 20px;
    background-image: url(/images/tab-lines.png);
}

    div.tab div {
        background-color: white;
    }

        div.tab div span {
            color: red;
            font-weight: bold;
        }

    div.tab pre {
        display: block;
        padding-bottom: 2px;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 14px;
        
        color: gold;
        background-color: rgb(0, 0, 0);
        opacity: 0.9;
    }

        div.tab pre:first-letter {
            color: red;
            font-weight: bold;
            border-right: 3px solid gray;
            padding-right: 5px;
            background: transparent;
            font-size: 17px;
            background-color: black !important;
        }


            
@media only print {
    body {
    }
    header{display:none;}
	.menu{display:none;}
	nav{display:none;}
	footer div.block09{display:none;}
    pre{color:black;}
    #liYouTubes{display:none;}
    div.tab pre {
        color: rgb(0, 0, 0);
        opacity: 1;
    }
    div.tab {
        margin-top: 20px;
        background-image: url(/images/tab-lines.png);
    }
}