/** Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}a:link,a:visited,a:hover{text-decoration:none}

body { background: #dcdcdc url('../img/bg.jpg') 50% 0 no-repeat; line-height: 1.5em; border-top: 5px solid #fe1212; font: 100%  Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif; }

div#header { padding: 45px 0 2em; position: relative; }
div#header h1 { text-align: center; }
#logo { position: absolute; top: 0; right: 3%; }

h1, h2, h3, h4, h5, h6 { font: 100% "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
h1 { font-size: 2em; }
h2 { font-size: 1.4em; word-spacing: 2px; }
h2 span { display: block; }
h2 em { font-style: normal; color: #F00; }

#container { width: 650px; margin: 0 auto 5em; padding: 0 0 0 100px; height: 100%; overflow: hidden; }
#container p, #container div.input { font-size: 0.8em; margin: .4em 0; }
#container p span { color: #F00; } 
#container h2 { margin: 0 0 .5em; }

#container form { margin: 0 0 1em; }
#container form label { display: block; margin: 0 0 .5em; }
#container form input, #container form textarea { background-color: #eaeaea; border: 1px solid #f37373; padding: .2em .3em; width: 300px; font-size: 1em; }
#container form textarea { width: 90%; font-family: Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif; }
#container form input.submit { width: 150px; }

.error-message { font-style: italic; color: #C40; }
.thanks { color: #F00; margin: 0 0 .5em; }
#container form  .error input, #container form  .error textarea { border-color: #C40000; background-color: #d34b4b; } 
.activate { color: #C40; font-style: italic; }
.info { color: #C40000; border-top: 1px solid #C40; border-bottom: 1px solid #C40; padding: .5em 0; }

#content ol { margin: 0 0 0 1em; }
#content ol li cite { font-weight: bold; }
#content ol li blockquote { margin: 0 0 0 1em; font-style: italic; }
#content a:link, #content a:visited { color: #666; }
#content a:hover { color: #F00; }
#container p.pages { line-height: 2em; text-align: center; margin: 2em 0 0; }
#container p.pages span { color: #666; }
#container p.pages span a { padding: .2em .4em; }
#container p.pages span.current { padding: .2em .4em;  border: 1px solid #C40; background: #CCC; }

#content { margin: 2em 0 0; float: left; width: 450px; padding: 0 10px 0 0; }
#sidebar { margin: 3em 0 0; float: right; width: 189px; border-left: 1px solid #c7c7c7; text-align: center; }
p.join { text-align: left; padding: 0 0 0 20px; }
#footer { color: #666; margin: 3em 0 0; padding: 0 20px; background-color: #FFF; font-size: 0.7em; }
#footer a:link, #footer a:visited { color: #666; }
#footer a:hover { color: #F00; }
#footer p { padding: .5em 0; }
#footer ul { height: 100%; overflow: hidden; float: right; padding: .5em 0; }
#footer ul li { text-transform: uppercase; margin: 0 7px 0 -1px; padding: 0 0 0 5px; border-left: 1px solid #666; float: left; }
#footer ul li a.active { font-weight: bold; }