/*
Prestige Elite Std Regular
font-family: "prestige-elite-std", monospace;
font-weight: 400;
font-style: normal;
Prestige Elite Std Slanted
font-family: "prestige-elite-std", monospace;
font-weight: 400;
font-style: italic;
Prestige Elite Std Bold
font-family: "prestige-elite-std", monospace;
font-weight: 700;
font-style: normal;
Prestige Elite Std Bold Slanted
font-family: "prestige-elite-std", monospace;
font-weight: 700;
font-style: italic;
*/



html,body { 
    height:100%;
    margin:0;
    padding:0;
}
body {
    max-width:1024px;
    margin:0 auto;
    font-family: 'Courier Prime', monospace;
    font-family: "prestige-elite-std", monospace;
    font-family: "chandler-42-regular", sans-serif;
    font-family: 'ADAM.CG PRO', sans-serif;

    font-weight: 400;
    font-style: normal;
    font-size:0.75em;
}
nav { 
    padding:10px 10px; 
    /* 
    border-top:1px solid red;
    border-bottom:1px solid red;
    */
    background:#fafafa;
    border-bottom:dashed 1px #666;
}
header { 
    padding:5px 10px 10px 10px; 
    font-size:1.7em;
    background:#f6f6f6;
    border-bottom:dashed 1px #666;
}
.header-title { margin-bottom:10px;}
.header-countries { font-size:0.5em; }

a, .link {
    cursor:pointer;
    text-decoration:none;
    color:#666;
}
a:hover, .link:hover { 
    background:black;
    color:white;
}
a.photo:hover { 
    background:white;
    color:#666;
}
section {
    padding:5px 10px ;
}
#nav-artists {
    clear:both;
    overflow:auto;
    padding:3px 0;
        width:calc(100% - 26px);
    max-width:calc(100vw - 26px);
}
#nav-artists > a,
#nav-artists > span
{
    float:left; 
}
#artistlabels{
    margin:6px 0;
    word-wrap:break-word;
    width:calc(100% - 12px);
    max-width:calc(100vw - 12px);
        
}
#artistlabels > span {
display:inline-block;
}

img.inAFrame {
    padding: 10px;
    margin: 10px;
    background: white;
    border: 5px solid black;
    height: 150px;
    box-shadow: 5px 5px 5px #aaa,inset 4px 4px 4px #777;
    /*box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; T*/


    height:100px;
    margin:0 15px 15px 0; 
    /*    'border':'1px solid #666'*/

}

@media screen and (max-width: 576px) {
    img.inAFrame {

        padding: 6px;
        background: white;
        border: 3px solid black;
        box-shadow: 5px 5px 5px #aaa, inset 4px 4px 4px #777;
        width: calc(100% / 2 - 38px);
        margin: 0 8px 5px 0;

    }
}