.example:before { content: "for example: "; }
.todo:before { content: "todo: "; }

h1 { color:#ffa940;
    font-size: xx-large;
    font-style: italic;
    background-color: white;
}
h2 { color:#ffa940; }
body {
    font-family:sans-serif;
    background-color: rgb(255,255,225);
    margin: 0;
}
#titlediv {
    padding: 5px;
    text-align: center;
    background-color: white; 
    border-bottom: 3px solid #32cd32;
}
#main {
    padding: 10px;
    border: 1em solid rgb(255,255,245);
}

li { margin-bottom: .5em; }
hr {
    height: 3px; color:#d550a4;
    background-color:#d550a4
}
a { color:#32cd32 }
a:visited { color: #2fa02f }

/* Most of the ones below this line suck. */

.center { text-align: center }
.grey { color:rgb(150,150,150); }
.sharpWine { color:#d550a4; }
.sharpGreen { color:#32cd32; }
.sharpOrange { color:#ffa940; }
.bold { font-weight: bold; }
.gothic { font-family: serif; }
.code { font-family: monospace; font-style: italic }