--- /dev/null
+a:link
+{
+ color: #60a0ff;
+}
+
+a:visited
+{
+ color: #a060ff;
+}
+
+a:active,a:hover
+{
+ color: #40ff80;
+}
+
+body
+{
+ background-color: #080808;
+ color: #ffff70;
+ font-family: sans;
+}
+
+code
+{
+ background-color: #402020;
+ border: 2px dashed #000000;
+ color: #ffd800;
+ display: block;
+ font-family: monospace;
+ font-size: 0.9em;
+ font-weight: bold;
+ margin: 1.5em 1.0em 1.5em 1.0em;
+ line-height: 1.5em;
+ padding: 0.5em;
+}
+
+h1
+{
+ font-size: 1.7em;
+ font-weight: bold;
+}
+
+h2
+{
+ font-size: 1.6em;
+ font-weight: bold;
+}
+
+h3
+{
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+h4
+{
+ font-size: 1.4em;
+ font-weight: bold;
+}
+
+h5
+{
+ font-size: 1.3em;
+ font-weight: bold;
+}
+
+h6
+{
+ font-size: 1.2em;
+ font-weight: bold;
+}
+
+h7
+{
+ font-size: 1.1em;
+ font-weight: bold;
+}
+
+img
+{
+ border: 0;
+}
+
+p
+{
+ line-height: 1.5em;
+}
+
+strong
+{
+ font-weight: bold;
+}
+
+#contactme
+{
+
+}
+
+#content
+{
+ margin: 0 14em 50px 20px; /* navigation width + 4em */
+}
+
+#footer
+{
+ height: 4em;
+ font-size: 0.8em;
+ margin: 0 10em 0 10em;
+ padding: 0.5em;
+ text-align: center;
+}
+
+#header
+{
+ height: 4em;
+ margin: 0 10em 0 10em;
+ padding: 0.5em;
+ text-align: center;
+}
+
+#navigation
+{
+ background-color: #181818;
+ border: 3px solid #606018;
+ color: #d0d060;
+ padding: 0.3em;
+ position: absolute;
+ right: 20px;
+ text-align: right;
+ top: 7em; /* header height + 3em */
+ width: 10em;
+}
+
+#navigation a:link,#navigation a:visited
+{
+ color: #d0d040;
+}
+
+#navigation a:active,#navigation a:hover
+{
+ color: #e0e045;
+}
+
+#navigation ul
+{
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}