@font-face {
    font-family: Kaileen;
    url(kaileenw.ttf);
}

a {
    color: #045b00;
    text-decoration: none;
}
h1 { font-size: 20px; }
h2 { font-size: 16px; }

iframe {
    width: 100%;
    height: 300px;
    border-style: none;
    padding: 1em 0 0 0;
}

.logo {
    text-align: center;
    width: 50%;
    float: left;
}

.navigation {
    float: left;
    width: 50%;
    text-align: center;
}

.navigation div {
    margin: 2.8ex 0;
    font-size: +2ex;
    font-family: Kaileen,Palatino;
}

.zebra { border: 0px; border-collapse: collapse; }
.even  { background: #ddb; }
.odd   { background: #ffe; }

.comment { margin-top: 1em; }
.comment .metadata .name { font-weight: bold  ; }
.comment .metadata .date { font-style : italic; }

.response p, .error p { margin: 0; }
.response, .error {
    text-align: center;
    padding: 1em;
}

.response {
    background: #c7ffc5;
    border: 2px solid #07a600;
}

.error {
    background: #ffc5c5;
    border: 2px solid #f00;
}

#smallnav {
    float: left;
    margin: 0 10%;
    width: 80%;
    text-align: center;
    background: #ccc;
}
#smallnav div {
    float: left;
    width: 20%;
}
#smallnav a { color: #555; }

.alignment { clear: both; }
#content { background: #ffffd4; }
body { background: url(swirl2.jpg) repeat; }

/* honeypot to prevent bots from spamming, hopefully */
#sweet { display: none; }