body {
    padding: 0px;
    margin: 0px;
    color: #fff;
    background: #000 url(/gfx/masthead_old2.png) no-repeat fixed;
}
* {
  box-sizing: border-box;
}


.header {
  border: 1px none red;
  padding: 15px;
}

#button {
    width: 15%;
    float: left;
    border: #0f0 none 2px;

}

#story_content {
    border: 2px none yellow;
    width: 85%;
    float: left;
    padding: 0px 1% 0px 1%;
    margin: 0px;
    background: transparent;
}

#story_content p {
    font: normal 12px/20px verdana, arial, helvetica, sans-serif;
    color: #eee;
    letter-spacing: 0.07em;
    text-indent: 22px;
  
}

#footer {
     font: normal 10px/16px verdana, arial, helvetica, sans-serif;
     color: #999;
    letter-spacing: 0.07em;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 1% 8px 0%;
    text-align: right;

    border-top: 1px dotted #9cf;
}

 /* begin older stuff */
h2 {
    font: normal 20px verdana, arial, helvetica, sans-serif;
    line-height: normal;
    font-weight: 700;
    color: #27aacc;

    border-bottom: 1px solid #08a;
    border-left: 10px solid #08a;
    padding: 3px 0px 3px 10%;
    background: transparent;
    margin: 8% 0% 3px 15%;
    }

h3 {
    font: bold 16px/20px verdana, arial, helvetica, sans-serif;
    letter-spacing: 0.07em;
    color: #eee;
    padding: 3px 0px 3px 10%;
    margin: 80px 0% 3px 15%;
    background: transparent;
    text-align: left;
    border-top: 0px solid #08A;
    border-right: 0px solid #08a;
    border-bottom: 1px solid #08a;
    border-left: 10px solid #08a;
}

h4 {
    font: bold 12px/16px verdana, arial, helvetica, sans-serif;
    color: #D5E5FF;
    letter-spacing: 0.07em;
    padding: 3px 0px 8px 12px;
    margin: 10px 0px 10px 15%;
    background: transparent;
    border-left: 10px none #D5E5FF;
    border-bottom: 2px solid #D5E5ff;
    width: auto;
}

h5 {
    font: bold 12px/16px verdana, arial, helvetica, sans-serif;
    color: #D5E5FF;
    letter-spacing: 0.07em;
    padding: 3px 0px 8px 12px;
    margin: 10px 0px 10px 0%;
    background: transparent;
    border-left: 10px none #D5E5FF;
    border-bottom: 2px solid #D5E5ff;
    width: auto;

}

ul {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 28px;
    font-weight: 400;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  border: 1px solid #D5E5ff;
    box-shadow: 0 1px 3px rgba(128,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

li a {
    display: block;
    color: #0f0;
    padding: 8px 16px;
    text-decoration: none;
    border-bottom: 1px solid #008AAF;
    width:100%
    background-color: #0f0;
}

 li a:hover {
  background-color: #008AAF;
  color: #fff;

}

a:link      { color: #09c; text-decoration: none;}
a:visited   { color: #09c; text-decoration: none}
a:hover     { color: #fc9; text-decoration: none;}
a:active    { color: #3c3; text-decoration: underline;}

/*  Search the mother */
/*
.butt {
    font-size: 10px;
   color: #ab5b7c;
   background: rgb(ddd);
   margin: 0 0 0 0;
   padding: 1px;
}

.hun {
    width: 88px;
    height: 12px;
    padding: 0;
    margin: 0px 0px 0 0;
    font-size: 9px;
}

#searchui{
margin: -8px 0 0 0;
}

#searchui label{
    font: 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
    color: #130700;
    background: transparent;
    margin: 0;
}

#searchblank{
font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
margin: 0;
}*/