body,td           { 
    padding-top: 40px;
   background-color: white;                     }


.menubar a{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.menubar a:hover{
    background-color: red;
    font-style: italic;
}
.storybody a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    background-color: yellow;
}
.storybody a:hover{
    background-color: red;
    font-style: italic;
}

.storybody a:visited{
    background-color: #FFFF55;
    font-weight: normal;
}

.storybody a:hover{
    background-color: red;
}

.storybody  > ol,
.storybody  > ul,
.storybody  > dl,
.storybody pre,
.storybody blockquote{
    border: dotted gray 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}


p.storylink a{
    background-color: #00FFFF;
}
p.storylink a:visited{
    background-color: #0099FF;
    font-weight: normal;
}
p.storylink a:hover{
    background-color: red;
}

p.pagetitle        {  font-size: 24pt; font-weight: bold;  border-bottom: 1px black solid;
    text-align: right }

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

.storytitle{
     text-decoration: underline;  
        font-size: 14pt;
     }


.dateheader       { 
    border-bottom: 1px black dotted;
    text-align: right;
    display: block;
    font-size: 18pt;
     }

div.menubar      { 
   float: right;
	background-color:  #D3D3D3;
	border: solid black 1px;
	width: 25%;
	margin-left: 10px;
	padding: 5px;
    }

div.mainblog        { margin: 10px; }

div.blog            { margin: 10px;  }


dl,ol,ul,pre,blockquote { padding-left: 20px }
dt { font-weight:bold}