@media all {

    body {
        background-color: #FFFAFA;
        color: #000000;
        background-position: right top;
        background-repeat: no-repeat;
        margin-left: 20px;
        margin-right: 20px;
    }

    h1, h2, h3 {
        font-family: Arial, sans-serif;
    }

    h3 {
        font-size: 1.2em;
        font-weight: normal;
        border-bottom: groove medium;
    }
    
    a:link {
        text-decoration: none;
    }
    
    a:visited {
        text-decoration: none;
    }
    
    dl#compositions dd {
        margin-bottom: 5px;
    }
    
    dl#compositions dt {
        font-weight: bold;
    }
    
    div.album {
        margin: auto;
        clear: both;
    }
        
    div.release {
        margin-bottom: 10px;
    }

    div.main {
        margin-left: 20px;
        padding: 5px;
    }

    div.artist {
        text-transform: uppercase;
        font-weight: bold;
    }

    .title {
        font-style: italic;
        font-weight: bold;        
    }

    div.releases {
    }
    
    div.musicians {
        text-align: justify;
    }

    img.coverart {
        float: right;
        border: thin solid;
        margin-bottom: 5px;
        margin-left: 10px;
    }

    div#abbreviations {
        float: right;
        padding: 5px;
        margin-left: 20px;
        margin-bottom: 20px;
        border: thin solid;
        background-color: #FEE5AC;
        color: #000000;
    }

    div#abbreviations h2 {
        margin-top: 5px;
    }

    div#abbreviations dl {
        display: compact;
        line-height: 0.6em;
    }

    div#abbreviations dd {
        position: relative;
        top: -0.6em;
    }

    table#movies td {
        vertical-align: top;
    }
    
}

@media print {

    div#yearindex {
        visibility: collapse;
    }

}