css

body { background:#ddd; padding:2% 5%; margin:0; margin-right: 100px; font-size: 15px; font-family: Helvetica, Arial, helv, sans-serif; } div.header span.gotobar { /* border-top:1px solid #000; */ /* border-bottom:1px solid #000; */ background: #d5dfd5; margin: 0px; padding: 2px; padding-left: 6px; padding-right: 6px; }

span.bar a { margin:0; padding:0 1ex 0 1ex; border-left:1px solid black; }

span.bar a:first-child, span.bar br + a { padding-left:0; border-left:none; }

div.header { padding: 0px; padding-bottom: 5px; }

div.content { /* border:1px dashed #333333;*/ background:#fff; padding: 5px; }

div.content pre { font-size: 11px; }

div.footer { border-top:1px solid #000; }

a { text-decoration:none; font-weight:bold; color:#006600; }

a:visited { color:#005500; }

a:hover { /* background:#2a0; */ text-decoration: underline; /* color:#ffe; */ }

dt { font-weight:bold; }

div.header h1 { font-size: 25px; font-weight: bold; text-align: left; margin-top: 9px; border-bottom:1px solid #000; /* background: #eef; */ }

div.content h1 { font-size: 23px; font-weight: bold; text-align: left; margin: 0px; margin-top: 20px; margin-bottom: 3px; margin-left: -10px; margin-right: -10px; padding: 3px; padding-left: 5px; border: 0px solid #060; border-left: 4px solid #060; border-right: 4px solid #060; background-color:#eee; }

h2 { font-size: 19px; font-weight: bold; text-align: left; margin: 0px; margin-top: 20px; margin-bottom: 3px; margin-left: -10px; margin-right: -10px; padding: 3px; padding-left: 5px; border: 0px solid #060; border-left: 3px solid #060; border-right: 3px solid #060; background-color:#eee; }

h3 { font-size: 15px; font-weight: bold; text-align: left; margin: 0px; margin-top: 20px; margin-bottom: 3px; margin-left: -10px; margin-right: -10px; padding: 3px; padding-left: 5px; border: 0px solid #060; border-left: 2px solid #060; border-right: 2px solid #060; background-color:#eee; }

hr { display:block; clear:both; }

img { border:none; padding:0; margin:0; }

img.logo { float: right; clear: right; border-style:none; background-color:#fff; padding-left: 5px; }

/* for portrait extension */ img.portrait { float:left; clear:left; background-color:#fff; border:#999 1px solid; padding:2px; margin:2px; }

div.portrait { float:left; clear:left; font-size:xx-small; padding-left:10px; }

div.portrait img.portrait { float:none; margin: 5px; margin-right: 20px; margin-bottom: 0px; } div.portrait a { text-decoration:none; color:#999; }

div.one { background-color: #eee; }

div.two { background-color: #ccc; }

div.color { clear:both; min-height:72px; }

/* Sidebar extension */ div.sidebar { font-size:11px; position: absolute; right: 0; width: 100px; top: 0; padding: 5px; border-left: #bbb 1px solid; border-bottom: #bbb 1px solid; background: #d5dfd5; }

div.center { text-align: center; } /* Calendar extension */ div.cal { float:right; margin:0; border:none; padding-left:0.1ex; padding-right:0.1ex; } div.cal pre { font-size: 8px; border: #777777 1px solid; margin:0; padding: 0px; padding-left:2px; background:#ddf; } div.cal a { text-decoration:none; }

.left { float:left; } .right { float:right; } div.left .left, div.right .right { float:none; } .center { text-align:center; }