body{
 background-color: #8F4423;
}

div#container{
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 background-color: #9F5433;
 height: 100%;
}

div#plasterfunk img{
 max-width: calc(100% - 24px);
 margin: 10px;
 border: 2px solid #05C69C;
 align-self: center;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

#to-top{
 width: 25px;
 height: 25px;
 position: fixed;
 bottom: 10px;
 right: 10px;
 background-image: url(//goo.gl/p4W98o);
 background-size: 25px 25px;
 background-repeat; no-repeat;
 border-radius: 50px;
 transition: box-shadow 1s;
}
#to-top:hover{
 box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
 transition: box-shadow 0.3s;
}

#plasterfunk{
 text-align: center;
}

img.bordered{
 border: 2px solid #05C69C;
}

div.content{
 padding: 0px 10px 0px;
}

div#download table th, div#download table td{
padding: 4px;
}

#mc_version{
 background-color: #FFBB88;
 border: 1px solid #05C69C;
}
#mc_version::selection{
 background: #05C69C;
}

ul.vNotesList{
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 width: 32em;
 list-style: none;
}

ul.vNotesList li{
 padding-left: 0em;
 text-indent: -1em;
}

ul.vNotesList li.n:before{
 content: "\2022";
 padding-right: 8px;
 font-family: 'Lucinda Console', Monaco, monospace;
 font-weight: bold;
}

ul.vNotesList li.add:before{
 content: "+";
 padding-right: 8px;
 font-family: 'Lucinda Console', Monaco, monospace;
 font-weight: bold;
}

ul.vNotesList li.subt:before{
 content: "-";
 padding-right: 8px;
 font-family: 'Lucinda Console', Monaco, monospace;
 font-weight: bold;
}

img.itemIcon{
 margin-top: -30px;
}

.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:120px;
    line-height:17px;
}
.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4);
}

#dedNote{
 display: none;
 padding: 5px;
 margin-bottom: -80px;
 border: 2px solid black;
 width: 180px;
 z-index:2000000;
 background-color: #FFDDAA;
 box-shadow: 2px 2px 20px 8px rgba(166, 166, 166, 0.7);
 position: relative;
 top: -150px;
 left: 500px;
}

.quickLink{
 color: #0F99DF;
 border: 4px ridge rgba(128, 128, 128, 0.5);
 padding: 3px;
 background-color: rgba(128, 128, 88, 0.5);
 text-decoration: none;
 font-family: 'Arial', sans-serif;
 transition: all 0.3s;
}
.qlpos{
 float: right;
 margin-right: 10px;
}
.quickLink:hover{
 border: 4px groove rgba(128, 128, 128, 0.5);
 background-color: rgba(158, 158, 118, 0.5);
 color: #0FCCDF;
 transition: all 0.3s;
}
#quickDL{
 margin-top: -50px;
}
#quickFDB{
 margin-top: -10px;
}

#secret{
 position: absolute;
 right: 25px;
 //border: 1px solid black;
 height: 15px;
 width: 15px;
}
#secret:hover{
 background-color: rgba(256, 256, 0, 0.03);
}

a.nodec{
 text-decoration: none;
 color: black;
}

.sans{
 font-family: Helvetica, Arial, sans-serif;
}

//@media only screen and (max-width: 850px){
// #quickFDB{
//  margin-top: 10px;
// }
//}

.pxld{
 image-rendering: optimizeSpeed;
 image-rendering: -webkit-optimize-contrast;
 image-rendering: optimize-contrast;
 image-rendering: -moz-crisp-edges;
 image-rendering: -o-crisp-edges;
 image-rendering: crisp-edges;
 image-rendering: pixelated;
 -ms-interpolation-mode: nearest-neighbor;
}

/* DETAILS PAGE */

#d-label{
 font-family: 'Lora', serif;
 font-size: 150%;
 font-weight: bold;
 color: #5A2016;
 margin-top: -25px;
 margin-bottom: 2px;
 margin-right: 75px;
}

.d-toplink{
 font-family: 'Lora', serif;
 font-weight: bold;
 text-shadow: -1px -1px 5px #05C69C, 1px 1px 5px #05C69C;
}
.d-toplink a{
 color: #8F4423;
 transition: color 0.3s;
}
.d-toplink a:hover{
 color: #07A985;
 text-shadow: -1px -1px 5px #713013, 1px 1px 5px #713013;
}
.d-toplink a:active{
 color: red;
 transition: color 0.0s;
}
.d-showcase{
 width: 300px;
 text-align: center;
 position: relative;
 float: right;
 margin-left: 7px;
 background-color: rgba(255, 255, 255, 0.3);
}
.d-showcase img.b{
 width: 150px;
}
.d-showcase h3{
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
 background-color: rgba(6, 107, 84, 0.2);
}

.d-h2{
 margin-bottom: 4px;
}

.d-b{
 border: 0;
 border-bottom: 1px dotted gray;
 //width: calc(100% - 310px);
 margin: 0;
}

table#oldvers th, table#oldvers td{
 padding: 3px;
}
