body { font: 0.8em sans-serif; background-color: #f2f2f2; }
:focus { outline: none; }
img { border: none; }
a { color: #3381ff; font-weight: bold; text-decoration: none; }
a:hover { color: #66a1ff; }
h1 { font-size: 1.6em; text-align: center; }
h1 a { color: #000; }
h2 { font-size: 1.3em; margin-top: 20px; border-bottom: 1px dotted silver; }
h2 a { color: #39f; }
h3 { font-size: 1.1em; }
ul { margin: 0; padding: 0; }
ul li { list-style-type: none; padding-left: 5px; border-left: 4px solid gray; margin-top: 1px; }
#top { position: fixed; top: 0; left: 0; width: 100%; background-color: #f5fafc; border-bottom: 1px solid silver; z-index: 100; }
#bottom { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f5fafc; border-top: 1px solid silver; z-index: 90; }
#topnav { font-size: 1.1em; margin-bottom: 10px; }
#topnav a { color: #ccc; }
#topnav a:hover { color: #999; background-color: #eee; }
#content {
    width: 700px;
    text-align: left;
    padding: 100px 5px 100px 5px;
    position: relative;
}
#content img { max-width: 98%; }
#social { margin: 6px; }
#social a { padding: 1px; opacity: 0.8; }
#social a:hover { opacity: 1; }
#footer { opacity: 0.8; font-size: 0.7em; padding: 3px; }