/* structure */

div#menu { position: absolute; left: 0px;   top: 0px; width: 180px; padding-left: 20px; }
div#main { position: absolute; left: 256px; top: 0px; right: 64px; }
div#side { position: absolute; left: 0px;  bottom: 40px; width: 180px; padding-left: 20px; font-size: 75%;}
div#foot { position: absolute; bottom: 0px; padding: 5px; }

/* pages */

.hidden { display: none; }
.shown { display: block; }

/* layout */
dt, dd { margin-top: 10px; margin-bottom: 10px; }
#main ul { margin-top: 10px; margin-bottom: 10px; }
#main .left { float: left; padding-right: 20px; margin-right: 20px; padding-bottom: 10px; margin-bottom: 10px; }
#side dt { margin: none; padding: none; }

/* misc */

a.tinyurl { font-family: monospace; font-size: 200%; text-decoration: none; color: red; background-color: transparent; }
#menu a, #foot a { color: red; background-color: transparent; text-decoration: none; }
#menu ul { list-style: none; margin-left: 0px; padding-left: 0px; }
#menu li { list-style: none; margin-left: 0px; padding-left: 0px; }

/* hscolour */

.keyglyph, .layout {color: blue;}
.keyword {color: blue;}
.comment, .comment a {color: green;}
.str, .chr {color: red;}
.keyword,.conid, .varid, .conop, .varop, .num, .cpp, .sel {}