x * { margin: 0; padding: 0; }

x div { border: 1px solid black } 

/*
body { background-color: white; background-image: url(bgimg.gif); margin: 0 ; color: black; }
a:link      { color: #0080ff; }
a:visited   { color: #004000; }
a:hover     { color: #00cc66; }
a:selected  { color: #00cc66; }
*/
div.topmenu { margin: 0; }
div.topmenu h1 { font-size: 100%; margin: 0; padding: 0; }
div.topmenu ul { margin: 0; padding: 0; font-size: 150%; }
div.topmenu li { display: inline;  margin: 0; padding: 0; }
div.topmenu li.selected {  font-weight: bold; }

div.topmenu div.topsubmenu { float: right; }
div.topmenu h2 { font-size: 100%; margin: 0; padding: 0; }

div.topmenu h2.now { clear: both; text-align: left; float: left; }
div.topmenu h2.next { clear: right; text-align: right; }

div.toptext { margin: 0 1em 0; }
div.main {  }

div.sidebar { position:absolute; left: 0; top: 0; width: 150px; padding: 5px;  padding-bottom: 10px; background-color: white; color: black; z-index: 10;}
div.sidebar a:link      { color: #0080ff; }
div.sidebar a:visited   { color: #004000; }
div.sidebar a:hover     { color: #00cc66; }
div.sidebar a:selected  { color: #00cc66; }

div.mainwithsidebar { margin: 0; margin-left: 160px; margin-top: 1em; }

.bgblack .vote { color: white; }

span.navibutton { width: 64px; }

x div.titleimage   { position:absolute; left: 0; width: 570px; padding: 10px;  }
div.titleimageheight { float: right;  width: 0; height: 0; border: 1px solid white; visibility: hidden; }
div.titleimage div.author { text-align: right; }
div.titleimage div.author td { text-align: center; }

x div.maintoc { margin: 0; margin-left: 580px; padding: 10px; }

table.now th { font-size: 120%; background-color: #ffdd22; font-weight: bold; }
table.now td.title  { font-size: 120%                     } 
table.now td.author {                     text-align: right }
table.old th { font-size: 80%; background-color: #ffdd22; font-weight: bold; }
x table.old td.icon { display: none }
table.old  td.icon img { width: 20px; height: 20px; }
table.old td.title  {                                       }
table.old td.author { font-size: 80% ; text-align: right }

table.allwork th { font-size: 80%; background-color: #ffdd22; font-weight: bold; }
x table.allwork td.icon { display: none }
table.allwork td.icon img { width: 20px; height: 20px; }
table.allwork td.title  {                                       }
table.allwork td.author { font-size: 80% ; text-align: right }


div.banner { float: left; width: 360px; margin-top: 10px; font-size: 80%; text-align: center; }
div.subtoc { float: right; }
div.subtoc1 { float: right; margin-left: 370px;  margin-right: 1em; }
div.subtoc2 { margin-left: 730px;  margin-right: 1em; }

div.break   { clear: both; }

h1 { text-align: center; background-color: #ffd451; border: 2px solid #f0f0f0; border-right-color: gray; border-bottom-color: #808080; }

div.topmenu ul { margin: 0; padding: 0; font-size: 150%; }
div.topmenu li { display: inline;  margin: 0; padding: 0; }
div.topmenu li.selected {  font-weight: bold; }

div.sidebar h2 { font-size: 75%; margin: 0; padding: 0; }
div.sidebar p { margin-top: 0; }
div.sidebar div.sidebartoc { text-align: center; margin-bottom: 1em; }
div.sidebar span.caption { font-size: 75%; }
ul.sidebartoc { font-size: 60%; list-style-type: none; margin: 0; padding: 0; }
ul.sidebartoc li { margin: 0; padding: 0; margin-left: 0.5em; text-align: left; }


div.main dl { margin-bottom: 1em;}
div.main dt { margin-top: 1em; font-weight: bold; }
div.main ul { margin-bottom: 0.5em; }
div.main li { margin-top: 0.5em; }

div.bottommenu { clear: both; }
div.bottommenu div.link { float: right; text-align: right; }
div.copyright { clear: both; border-top: 1px solid white; text-align: center; font-size: 100%; margin: 0; padding: 1px; color: white; background-color: black; font-weight: bold;}
div.bottommenu div.counter { margin-top: 67px; margin-left: 3px; }

/* div { border: 1px solid black ; } */