a,a:visited{
    color:white;
    font-style:italic;
    font-weight:bolder;
}
a:hover, a:focus, a:active{
    background-color:white;
    color:black;
}
.wrapper{
    border:2px solid black;
}

#main_box,
#desc_box,
#details_box,
#player_box,
#links_box,
#server_output_box{
    margin:auto;
    max-width:666px;
    border:none;
    text-align:center;
}

#main_box{}
#desc_box{}

#desc_box p,
#desc_box h1,
#desc_box h2,
#desc_box h3,
#desc_box h4{
    margin:0.66em auto;
}

#player_box{
    margin-bottom:10px;
}

#details_box{
    margin-top:15px;
    background-image:none;
    background-size:2em;
    background-position:right top;
    background-repeat:no-repeat;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.checking #details_box{
    background-image:url(graphics/loading_spinner.gif);
}


audio{
    margin:1px;
    border:2px solid;
    border-radius:10px;
}

#vol_form{
    display:inline-block;
    margin:5px;
    padding:5px;
    border:2px solid;
}

.vol_butt{
    display:inline-block;
    border:1px solid;
    padding:3px;
}

#details_box h2{
    font-style:italic;
}

.detail .det_prop,
.detail .det_val{}

.detail{
    display:block;
    margin-bottom:5px;
}

.detail .det_prop{
    font-size:0.88em;
    color:#f90;
}
.detail .det_val{
    font-size:1.2em;
    line-height:1em;
    color:white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-style:italic;
}
.detail.listeners .det_prop,
.detail.listeners .det_val{
    display:inline-block;
}

.detail.listeners .det_prop{
    
}

.detail.listeners .det_val{
    margin-left:0.3em;
}

#homelink{
    display:inline-block;
    position:absolute;
    left:3px;
    top:3px;
}
#homelink a.menu{
    background-color:#8c6e05 !important;
}
/* Responsive layout - makes a one column layout instead of a two-column layout */

@media( max-width: 850px ){
    .wrapper.header{
        padding-top:3em;
    }
}