body{
    line-height:1.5;
    font-family:"Bitstream Vera Serif",serif;
    color:#333333;
    background-image:url("http://xed.ch/xedblock.jpg");
    padding-right:3%;
    padding-left:1em;
}
    /*font-size:81.25%;*/
h1{color:#222222;
    font-size:32pt;
    font-variant:small-caps;
}
h2,h3,h4,h5{color:#cecece;
    font-variant:small-caps;
    background-color:#000000;
    opacity:.50;
    padding-left:.5em;
}
h3{padding-left:.8em;}
h4{padding-left:1em;}
h5{padding-left:1.2em;}
div{
    background-color:#cecece;
   /* padding:2%;*/
}
div.quote{
    background-color:#999999;
    padding:1%;
    margin:5%;
}
#bodycontent{
    margin-left:3%;
    margin-right:2%;
    padding-left:1%;
    padding-right:1%;
}
pre,code,tt{
    color:#FFFFFF;
    font:1em "Droid Sans Mono", monospace;
    line-height:1.5;
    /*margin-left:1em;*/
    background-color:#000000;
    overflow:auto;
}
div.listing{
    padding-left:1em;
}

p.permtext{
    color:#3d57cf;
    background-color:#cecece;
    text-align:center
}
img.hr{
    margin-bottom:10px;
    margin-top:10px;
    height:3px;
    width:100%;
    align:center
}
ul.xedmenu{
    list-style:none;
    padding-left:1.2em;
    background-color:#cecece;
    font-variant:small-caps;
    font-size:110%;
    text-indent:-4%;
}
dt{
  float:left;
  clear:left;
  margin-right:10px;
  background-color: #444444;
  color:#ffffff;
  font:1em "Droid Sans Mono", monospace;
}
dt::after{
  /*content:'\0BB';*/
  content:'\21D2'; /* See Material Conditional or propose a better one. */
  padding-left:.3em;
  padding-right:.3em;
  background-color: #cecece;
  color:#000000;
}
dd{
  margin-left:0px;
}
div.quoteblock{
    background-color:azure;
    padding-left:.5em;
    margin-left:1em;
}
/* Wide Screen */
div.leftblock{
    position:absolute;
    top:.5em;
    left:1em;
    width:14em;
    padding-top:1em;
    padding-bottom:1.5em;
}
div.mainblock{
    position:absolute;
    left:15.5em;
    padding-right:1%;
    padding-left:1%;
}
div.statusblock{
    margin-top:3em;
    padding-top:.5em;
    padding-left:.2em;
    background: -webkit-linear-gradient(bottom, rgba(206,206,206,0), rgba(206,206,206,1));
    background: -o-linear-gradient(top, rgba(206,206,206,0), rgba(206,206,206,1));
    background: -moz-linear-gradient(top, rgba(206,206,206,0), rgba(206,206,206,1));
    background: linear-gradient(to top, rgba(206,206,206,0), rgba(206,206,206,1));
}
div.statdate{
    padding-bottom:1em;
    padding-right:1em;
    font-size:70%;
    text-align:right;
}
/* Narrow Screen */
@media screen and (max-width:600px) { 
    div.leftblock{
        text-align:center;
        position:relative;
        top:0em;
        width:90%;
        margin-top:0em
    }
    div.mainblock{
        position:relative;
        left:0em;
    }
    div.statusblock{
        padding-top:1em;
        background: -webkit-linear-gradient(bottom, rgba(206,206,206,0), rgba(206,206,206,1));
        background: -o-linear-gradient(top, rgba(206,206,206,0), rgba(206,206,206,1));
        background: -moz-linear-gradient(top, rgba(206,206,206,0), rgba(206,206,206,1));
        background: linear-gradient(to top, rgba(206,206,206,0), rgba(206,206,206,1));
    }
    body {
        padding-left:0em
    }
} /* End @media screen */