body { font-family: Helvetica,Arial,sans-serif; margin: 0; background-color: #fff; color: #000; } i, em { font-family: Times New Roman,Times,serif; } a:link { color: #730; } a:visited { color: #402; } a:hover { background-color: #fd8; } div#header { display: block; background-color: #930; color: #fd6; border-bottom: 3px solid #f70; padding: 3px; font-size: 30px; } div#header h1 { padding: 0; margin: 0; font-size: 1.5em; } div#nav { float: left; background-color: #fd9; border: 1px solid #f70; margin-right: 1em; border-bottom: 1px solid #f70; width: 200px; } div#nav ul { padding: 0; margin: 0; } div#nav li { list-style: none; margin: 0; } div#nav ul li ul li a { padding: 2px 2em 2px 2em; font-weight: normal; } div#nav a { display: block; padding: 2px 1em 2px 1em; text-decoration: none; color: #400; font-weight: bold; } div#nav a:hover { background-color: #f80; color: #fff; } /* If I ever do menus that show the "current" page, that would be by marking some "links" as selected */ div#nav span.selected { display: block; font-weight: bold; padding: 2px 1em 2px 1em; } div#body { padding: 1em; } h1.page-title { margin-top: 0; }