* { margin: 0; padding: 0 }
html { min-height: 100%; padding-bottom: 5px }
body { background: #111 url(img/bg.jpg) 0% 0% repeat; color: #DDD; font: normal 62.5% "Trebuchet MS", Verdana, sans-serif }

/* BEGIN UNHINGED FONT CSS */
@font-face {
    font-family: 'Polaroid';
    src: url('/fonts/polaroid-webfont.eot');
    src: url('/fonts/polaroid-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/polaroid-webfont.woff') format('woff'),
         url('/fonts/polaroid-webfont.ttf') format('truetype'),
         url('/fonts/polaroid-webfont.svg#Polaroid') format('svg');
}
.header-logo { font: normal 4.4em/100% Polaroid; color: #FFFBF3; text-transform: uppercase; letter-spacing: -1px }
/* END UNHINGED FONT CSS */


a { color: #FF3 }
a:hover { color: #AA3 }
a:focus, a:active { outline: none }
a img { border: 1px solid #CCC; }

p,code,ul {padding-bottom: 1.2em;}

h1 { font: normal 1.8em Tahoma,sans-serif; margin-bottom: 4px }
h2 {background: url(img/stripes.gif) repeat-x left bottom; color: #9A3; font: normal 2em Impact,sans-serif; margin-bottom: 8px; padding-bottom: 11px; letter-spacing: 1px;}
h1,h2 { padding-top: 6px }

blockquote { color: #CCA; display: block; font-weight: bold; padding-left: 28px }

/* misc */
.clearer { clear: both; font-size: 0 }
.left { float: left }
.right { float: right }

/* structure */
.wrapper { font-size: 1.3em; margin: 0 auto; width: 780px }
.container { background: url(img/header.gif) no-repeat center top }

/* title */
.title { font: normal 3em Tahoma,sans-serif; text-decoration: line-through }
.olive { padding-top: 2em; color: #CCA }

/* sub navigation */
.sidenav { background: url(img/sidenav.gif) no-repeat right top; padding-top: 126px; float: right; width: 210px }
.sidenav h2 { color: #9A3; font-size: 1.4em; line-height: 30px;	margin: 0 }
.sidenav ul { padding: 0.5em 0 0 0.5em }
.sidenav li { list-style: none }
.sidenav li a { font-size: 1.1em; line-height: 1.5em; color: #777; text-decoration: none }
.sidenav li a:hover {color: #8DCA3F;}

/* content */
.content { float: left; margin: 10px 0;	padding-top: 32px; width: 531px }
.content .descr { color: #8DC63F; margin-bottom: 6px }
.content li { margin-left: 18px }

/* footer */
.footer { background: url(img/bgfooter.gif) repeat-x; border-top: 1px dashed #333; color: #777; font: normal 0.9em sans-serif; padding: 10px 0 16px }
.footer a { color: #784; text-decoration: none }