body {
    background-color: dimgray;
    color: white;
}

.song {
    align-content: center;
    align-items: center;
    margin: 50px auto;
}

.songTitle {
    font-size: xx-large;
    font-weight: bolder;
    color: white;
    text-shadow: 1px 1px 1px #000, 3px 3px 5px blue;
}

.copyright {
    font-size: larger;
    font-weight: normal;
}

.songInfo {
    /*width: 800px;*/
    color: lightblue;
    /*height: 100px;*/
    padding: 20px;
    text-align: center;
}

.imageHolder {
    /*width: 800px;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.displayed{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 20px;
}

.shadow {
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
}

.ribbon {
    font-size: 16px !important;
    /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
    
    width: 50%;
    position: relative;
    background: #3366ff;
    color: #fff;
    text-align: center;
    padding: 1em 2em;
    /* Adjust to suit */
    
    margin: 2em auto 3em;
    /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}

.ribbon:before,
.ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -2em;
    border: 1.5em solid #2255ff;
    z-index: -1;
}

.ribbon:before {
    left: -1em;
    border-right-width: 1.5em;
    border-left-color: transparent;
}

.ribbon:after {
    right: -1em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}

.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #0000ff transparent transparent transparent;
    bottom: -1em;
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em;
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0;
}

#page-wrap {
    width: 800px;
    margin: 0 auto;
}

#contentWrapper{
    background-color: dimgray;
    color: white; 
}

.details p {
    display: block;
    padding-top: 20px;
    font-size: larger;
    font-weight:  bold;
}

.guitarMaint img {
    padding-top: 10px;
    padding-bottom: 30px;
}

.guitarMaint hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}

.guitarMaint .details p {
    display: block;
    padding-top: 20px;
    font-weight: normal;
}

h3 {
    padding-bottom: 1em;
    font-weight: bolder;
}

h3::before{
    content: '- ';
}

h3::after{
    content: ' -';
}

.lynchTigerImg {
    height: 400px;
}

.navTemplate {
    margin-top: 40px;
}

.centerIt {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.large p {
    font-size: large;
}