body {
 background-color: #392010;
 font:16px verdana, arial, helvetica, sans-serif;
 overflow-wrap: break-word;
}

hr { 
 height:0px; 
 border:0px; 
 border-top:1px solid #000; 
}

img {
 max-width: 100%;
 height: auto;
 width: auto;
}

pre {
    overflow: auto;
}

.command {
 padding: 10px;
 border: 1px dashed #0000FF;
 background-color: #fff;
 line-height: 1.1em;
 font: italic 600 16px "Courier New", Courier, mono;
}

.system {
 font: italic 100 16px "Courier New", Courier, mono;
}

.code {
 background-color: #fff;
 padding:6px;
 border:1px inset;
 width:auto;
 height:150px;
 overflow:auto;
 font-weight:600;
}

.boxtop {
 width:auto;
 padding:10px;
 background-color: #392010;
 color: #D3CAA2;
 text-align: center;
 z-index:3;
}

.boxtop a:link {color:#ede8d2; text-decoration: none; }
.boxtop a:visited {color:#d3caa2; text-decoration: none; }
.boxtop a:active {color:#ede8d2; text-decoration: none; }
.boxtop a img {border: none; }


.title {
 font: normal 900 20px Times;
 color: #000;
 position:relative;
 background-color: #F1ECD8;
 width:auto;
 margin:0px 0px -20px 154px;
 padding:10px;
 z-index:3;
}

.title a:link {color:#0000ee;}
.title a:visited {color:#6A5ACD;}
.title a:active {color:#6A5ACD;}

.boxcenter {
 position:relative;
 width:auto;
 margin:0px 0px 10px 154px;
 background: #F1ECD8;
 padding:10px;
 z-index:3;
}

.boxcenter a:link {color:#0000ee;}
.boxcenter a:visited {color:#6A5ACD;}
.boxcenter a:active {color:#6A5ACD;}

#boxleft {
 position:absolute;
 width:auto;
 top:118px;
 left:10px;
 background-color: #392010;
 font-family: verdana, "Courier New", Courier, mono;
 font-size: 16px;
 font-weight:bold;
 z-index:2;
}

/* a:link needed padding of min 14px to make google mobile test happy */
#boxleft a:link {color:#ede8d2; padding:14px;}
#boxleft a:visited {color:#d3caa2;}
#boxleft a:hover {border:1px solid #ede8d2;}
#boxleft a:active {color:#ede8d2;}

#boxleft hr { 
 height:0px; 
 border:0px; 
 border-top:1px solid #F1ECD8; 
}