html, body { background-color: beige; padding: 0; margin: 0; overflow: hidden;
             font-size: 16px; font-family: 'Times New Roman' }

pre { margin: 0; padding: 0 }
a { color: royalblue; }
blockquote { background-color: lightgrey; margin: 0; padding: 0; }

.nobr { white-space: nowrap; }

#mainlist { background-color: beige; padding: 0 1em; }
#mainlist h2 { padding-top: 0; margin-top: 0}

#mainlist2 { background-color: beige; padding: 1em; margin: 1em;
             overflow: auto; /* this pulls div down*/ }
#mainlist2 > div { overflow: auto; }/* this pulls div down*/
#mainlist2 > div > p { margin: 0; }
/*#mainlist2 > div > h2 { padding-top: 0; margin-top: 0}*/

#threads { background-color: gray; padding: 1em; }
#threadtable { margin: 0; padding: 0; border: 0;  border-collapse: collapse; }
#threadtable th { padding: 0 10px; text-align: left; background-color: beige; }
#threadtable tr { border-left: solid black 1px; border-right: solid black 1px; }
#threadtable td { padding: 0 10px; background-color: beige; }
#threadtable .date { font-weight: bold; background-color: lightblue; border: solid black 1px;}
#threadtable .time { text-align: right; vertical-align: top; }
#threadtable .replies { text-align: right; vertical-align: top; }
#threadtable .spacer {  border:0; border-top: solid black 1px; }
#threadtable .spacer td { background-color: gray; }

#listtable { margin: 0; background-color: beige; }
#listtable th {text-align:left;}
#listtable td {padding: 0 5px;  vertical-align: top; white-space: nowrap }

#thing1 { width: 125px; height: 125px; border: solid red 0px; clear: left; margin: 5px auto 5px; background-color: beige; }
#thing2 { width: 125px; height: 125px; border: solid red 0px; clear: left; margin: 5px auto 5px; background-color: beige; }
#thing3 { width: 468px; height: 60px; left: 362px; position: absolute; background-color: beige; }
#thing4 { width: 200px; height: 200px; border: solid red 0px; clear: left; margin: 1em auto; background-color: beige; }

#findmore { float: right; }

#ss { width: 160px; height: 600px; margin: 10px 20px; }

/* #content { border: solid green 0px; margin-left:170px; margin-top: 10px; height: 100%; overflow: auto; } */
#content { position: absolute; top: 90px; bottom: 0; left: 210px; right: 0;
           border: solid green 0px;  overflow: auto; background-color: gray; }
           
#sidebar { position: absolute; top: 100px; bottom: 0; width: 210px; left: 0; overflow: hidden; border: solid blue 0px; }
#header { height: 90px; }

#info {position: absolute; top: 60px; height: 20px; left: 170px; right: 0;
       font-weight: bold;  padding: 5px 16px 3px; white-space: nowrap;
       overflow: hidden; background-color: lightblue; border: solid black 1px;
font-size: 16px; margin: 0; border-right: 0; }
#info > a { text-decoration: none }

#logo { width: 300px; height: 50px; font-weight: bold; font-size: 24px;
        text-align: center; padding-top: 10px; }
#logo a { text-decoration: none }
#logo div { font-size: 14px; border: solid red 0px; padding: 0; margin: 0; font-weight: normal; }

#emails { padding: 1em; /*background-color: gray; width: 100%;*/  }
.email { width: 600px; margin-bottom: 1em; border: solid black 1px; padding: 0;  }
.email pre { font-size: 12px;  line-height: 14px;  font-family: 'Courier New' }
.emailinfo { background-color: lightblue; padding: 3px 9px; margin: 0; width: auto; border-bottom: solid black 1px; }
.emailfrom { width: 50%; height: 19px; float: left; overflow: hidden;
             text-align: left; }
.emaildate { width: 40%; height: 19px; float: left; overflow: hidden;
             text-align: center; }
.emaillink { width: 10%; height: 19px; float: left; overflow: hidden;
             text-align: right; }
.emailsubj { font-weight: bold; clear: left; }
.emailbody { background-color: beige; width: 576px; overflow: auto; margin: 0; padding: 12px; border: solid red 0px; }
.emailmorehead { visibility: hidden; height: 0; width: 100%; overflow: hidden; }
.emailhead { background-color: white; padding: 0 12px; display: none;
               border-bottom: solid black 1px; overflow: auto; max-height: 280px; }
.arrowimg { border: 0; float: left; }

#listside { margin: 0 1em; }
#listside div { margin-left: 1em; }
#monthside { margin: 0 1em; }
#monthside div { margin-left: 1em; }
#threadside { margin: 0 1em; }
#threadside div { margin-left: 1em; }

.sideblock { margin-top: 10px; margin-left: 10px; }
.sidetitle { float: left; width: 100px; height: 24px; border: solid red 0px; text-align: center; margin: 0; padding: 0; }
.sideblock p { margin: 0 18px; clear: left; line-height: 20px; }

#searchpage { background-color: beige; margin: 1em; padding: .2em 1em;  }
#searchinfo { }
#searchresults { }
.highlight { background-color: gold;  font-weight: normal; }

.result { margin: 1em; }
.result a:link { color: royalblue; padding-left: 24px; background: url(/images/16x16/mail.png) no-repeat }
.result a:visited { color: royalblue; padding-left: 24px; background: url(/images/16x16/mail_accept.png) no-repeat }
.resultsub {font-size: 16px; }
.resulthead { white-space: nowrap; overflow: hidden; font-size: 14px; }
.resultdate { float: left; width: 150px; }
.resultreplies { float: left; width: 150px; }
.resultfrom { float: left; width: 200px; white-space: nowrap; }
.resultbody { font-size: 12px; line-height: 16px; clear: left; overflow: hidden; height: 32px; border: solid black 0px; }
/*
#similar { overflow: auto; height: 100px; white-space: nowrap; font-size: 12px; }
#similar a:link { color: royalblue; padding-left: 24px; background: url(/images/16x16/mail.png) no-repeat }
#similar a:visited { color: royalblue; padding-left: 24px; background: url(/images/16x16/mail_accept.png) no-repeat }
*/

/*#similar { font-size: 12px; overflow-y: auto; overflow-x: hidden; max-height: 98px; line-height: 16px; width: 100% }*/
#similar { font-size: 12px; overflow: hidden; line-height: 16px; }
#similar a { display: block; height: 16px; padding-right: 10px; color: royalblue; overflow: hidden; }
#similar a:link { background: url(/images/16x16/mail.png) no-repeat; }
#similar a:visited {  background: url(/images/16x16/mail_accept.png) no-repeat; }

#simblock { margin: 1em; border: solid black 1px;
width: 600px;  }
#simblock > h3 { margin: 0;
          padding: 11px 12px; background-color: lavender; }
#simblock > div { background-color: beige;
          margin: 0; border-top: solid black 1px; padding: 12px; }
#simblock > div > ul { padding-left: 16px; margin-top: 0;}

#xsidenav { padding-left: 30px;  xborder: solid red 1px;  }

.sidetitle2 { font-weight: bold; margin-left: .5em;}
#tags { overflow: auto; max-height: 160px; font-size: 12px; line-height: 16px;
        padding-right: 10px;
          /*border: outset gray 3px; margin-left: .5em;*/}
#similar a { display: block; max-height: 48px; padding-left: 24px; color: royalblue; }

#useful { background-color: azure; margin-left: 1em; margin-top: 1em; border: solid black 1px;
          width: 600px; }

#useful > div { margin: 5px 10px;}
#useful > div > ul { display: inline; list-style-type: none; padding: 0; }
#useful > div > ul > li { display: inline; margin: 0 5px; }
/*

#useful { background-color: azure; margin-left: 1em; margin-top: 1em; border: solid black 1px;
          padding-top:5px; width: 600px; }

#useful > p { float: left; margin: 4px 15px 0 10px; }
#useful > iframe { border: none; overflow: hidden;
           width: 90px; height: 24px; }
*/
S
#featured {  padding-left: 20px; }
#featured > li { clear: left; font-size: 20px; list-style-type: none; margin: 0; }
#featured > li > ul { padding-left: 30px; }
#featured > li > ul > li { list-style-type: none; font-size: 16px;
                 display: inline; float: left; width: 30%; border: solid red 0px; margin-right: 3%; }
#featured > li > ul > li > div { font-size: 12px; white-space: nowrap; overflow: hidden; }

#monthlist {  padding-left: 20px; }
#monthlist > li { clear: left; font-size: 20px; list-style-type: none; margin: 0; }
#monthlist > li > ul { padding-left: 30px; }
#monthlist > li > ul > li { list-style-type: none; font-size: 16px;
                 display: inline; float: left; width: 15%; margin-right: 1%;  }
#monthlist > li > ul > li > div { font-size: 12px; white-space: nowrap; overflow: hidden; }