/* Reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; outline: 0;	padding: 0; vertical-align: baseline; }
:focus { outline: 1px dotted #FFFFCC; }
body {	line-height: 1;	color: #eee;	background: #333; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate;	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

body { font: normal 14px Arial, Helvetica, sans-serif; }
#page { padding: 20px 20px 120px; position: relative; }
h1 { color: #ffffcc; font: bold 22px Georgia, Times, serif; margin: 0 0 7px 0; }
h2 { color: #ccffff; font: bold 18px Georgia, Times, serif; margin: 0 0 4px 0;  }
p { margin: 0 0 12px 0; }
a { color: #a2d8d8; text-decoration: none;}
a:hover { text-decoration: underline; }

.class { clear: both; padding: 2px 0 12px; }
.class ol li { clear: both; display: block; overflow: hidden; padding: 0 0 3px; width: 100% }
.class ol li span.date { color: #fff; float: left; width: 77px; }
.class ol li a { float: left; }

.footer { bottom: 20px; color: #fff; font-size: 12px; left: 0; position: absolute; text-align: center; width: 100%; }