* {margin:0; padding:0;}

body {
   font-family:Veranda, Arial, Helvetica, sans-serif;
   margin-top:5px;
   margin-left:10px;
   margin-right:10px;
   line-height:1.3em;
   font-size:0.8em;
}

img {
   border:0;
}

.site_title {
   font-size:1.3em;
   border-bottom:5px solid #ba0000;
}
.navbar {
   margin-bottom:5px;
}
.navbar a {
   text-decoration:none;
}

.navbar img {
   width:56px;
   height:56px;
}

.validation {
   margin-top:5px;
}

.badges {
   position:absolute;
   bottom:6px;
}

/* styling for main */
.main {
   width:500px;
   /* max-width: 500px;
   width:expression(document.body.clientWidth > 500? "500px": "auto" ); */
}

.main a:link {
   margin-bottom:0;
   text-decoration:none; 
   color: #ba0000;
   border-bottom: 1px dotted #ba0000;
}

.main a:visited {
   margin-bottom:0;
   text-decoration:none; 
   color:#ba0000;
   border-bottom: 1px dotted #ba0000;	
}

.main a:hover {
   border-bottom: 1px solid #800000;	
}

/* styling for reading */
div.wbook {
   border: thin solid #cd853f;
   background-color:#ffdab9;
   padding: 3px;
   margin: 2px;
}

div.fbook {
   border: thin solid #65909a;
   background-color:#b0e0e6;
   padding: 3px;
   margin: 2px;
}

div.btitle {
   text-align: left;
   font-style: italic;
}

div.bauthor {
   text-align: right;
}

/* styling for contact */
div.contact {
   border: thin solid #696969;
   background-color: #778899;
}

div.webform {
   border: thin solid #cd853f;
   margin: 10px;
   padding: 1px;
}

div.webform td {
   padding: 2px;
}

.sectionHeading {
   font-weight:bold;
   text-decoration:underline;
}

.sectionContent {
   padding:1em;
}

/* deprecated styling START
div.story {
   border: thin solid #cd853f;
   background-color: #ffdab9;
}

story_title {
   text-align: center;
   text-transform: uppercase;
   text-decoration: underline;
}

story_author {
   text-align: center;
}

div.story_text {
   margin-left: 5px;
   margin-right: 5px;
}

/* deprecated styling END */