html { overflow-x: hidden; }
* { margin: 0px; padding: 0px; border: none; list-style: none; }
body { background: #e8e5e9 url(../img/bg02.jpg) no-repeat fixed center top; font: 62.5% Arial, Helvetica, sans-serif; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; outline: none; }
.altimg { background: #e8e5e9 url(../img/bg01.jpg) no-repeat fixed center top; }
/* Home */
.home{ background: url(../img/home.png) no-repeat 0px 0px; width: 289px; height: 105px; display: block; text-indent: -9999px; float: left; margin-top: 40px; }
/* Main Navigation */
#header { width: 684px; height: 165px; }
#header ul { float: right; margin-top: 40px; margin-right: 24px; }
#header li { font-size: 3.1em; line-height: 82%; text-transform: uppercase; font-family: "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; position: relative; }
#header li a { color: #2e2e2f; position: relative; }
#header li a:hover { color: #8b898c; text-decoration: none; }
#header li a.bon { color: #e701e4; }
#header li a.uon { color: #0ebede; }
#header li a.ton { color: #aadb00; }
#header li a.con { color: #e66100; }
/* Blog Nav */
#blognav ul { font-size: 1.2em; }
#blognav li { border-top: 1px solid #424142; padding: 0.2em 0; }
#blognav li a { color: #e8e5e9; display: block; }
#blognav li a:hover { text-decoration: none; color: #c6ff00; }
/* Blog Elements */
#content .datebox { background: #c6ff00; color: #2e2e2f; float: left; padding: 5px; width: 50px; height: 50px; margin-right: 10px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; line-height: 90%; }
#content .postmetadata { font-size: 1.1em; color: #888; border-bottom: 1px solid #424142; padding-bottom: 10px; }
#content .postmetadata a { color: #888; }
.navigation { font-size: 1.4em; line-height: 100%; margin-bottom: 10px; text-transform: uppercase; font-family: "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; }
.navigation a { text-decoration: none!important; color: #c6ff00!important }
.navigation a:hover { text-decoration: none!important; color: #6b821c!important }
.alignleft { float: left; }
.alignright { float: right; }
#respond h3 { margin-bottom: 0.6em; }
label { }
#commentform input { clear: both; float: right; background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 1em; line-height: 100%; padding: 0.2em; width: 45%; }
#content #commentform p { clear: both; margin-bottom: 0.7em; font-size: 1.2em; line-height: 140%; }
#commentform textarea { width: 99%; padding: 0.2em; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 1em; }
#content #commentform #submit {font-size: 1.2em; line-height: 100%; text-transform: uppercase; font-family: "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; width: 11em; color: #2e2e2f; background: #888; }
#content .comment-author { font-size: 1.6em; font-family: "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase; font-style: normal; line-height: 100%; }
#content cite { font-style: normal; }
#content .comment-meta { font-size: 1.1em; font-weight: bold; }
#content .comment { background: #444; list-style: none; margin: 0 0 10px 0; padding: 1em; }
#content .comment p { font-size: 1.2em; }
#content .avatar { float: left; margin-right: 10px; }
#content.green .comment-author a, #content.green .comment-meta a { text-decoration: none; color: #c6ff00; }
#content.green .comment-author a:hover, #content.green .comment-meta a:hover { text-decoration: none; color: #6b821c; }
#content.blue .comment-author a, #content.blue .comment-meta a { text-decoration: none; color: #00d8ff; }
#content.blue .comment-author a:hover, #content.blue .comment-meta a:hover { text-decoration: none; color: #1c7282; }
/* Structure */
#container { width: 925px; margin: 0 auto; }
#content { width: 433px; background: url(../img/contentbg.png); padding: 10px; float: left; }
#blognav { width: 222px; float: left; margin-left: 10px; }
.block { background: url(../img/contentbg.png); padding: 10px; margin-bottom: 10px; }
#upcoming { margin-top: 25px; }
/* Typography */
h1 { font-size: 3.9em; line-height: 85%; text-transform: uppercase; font-family: "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin-bottom: 10px; }
h2 { font-size: 1.8em; line-height: 100%; margin-bottom: 10px; text-transform: uppercase; font-family: "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#upcoming h2 { color: #00d8ff; }
#content p, #content ul { font-size: 1.4em; line-height: 120%; color: #e8e5e9; margin-bottom: 1.2em; }
#content li { list-style: disc; margin-left: 1.8em; }
#content h3 { font-size: 1.4em; text-transform: uppercase; font-weight: bold; }
#content a { text-decoration: underline; color: #FFF; }
#content a:hover { text-decoration: none; }
#content h2 a { text-decoration: none; color: #c6ff00; }
#content h2 a:hover { text-decoration: none; color: #6b821c; }
#blognav p { font-size: 1.2em; color: #e8e5e9; margin-bottom: 10px; }
#blognav .title { margin: 0; }
#blognav h2 { color: #c6ff00; }
#blognav a { color: #c6ff00; }
#blognav a:hover { color: #6b821c; text-decoration: none; }
#content .bigintro { font-size: 3.9em; line-height: 85%; text-transform: uppercase; font-family: "Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0; }
#content .bigintro a { color: #ff4dfd; text-decoration: none; }
#content .bigintro a:hover { color: #823a81; }
#content .intro { font-size: 1.8em; line-height: 100%; font-weight: bold; border-left: 10px solid #e8e5e9; padding-bottom: 0.2em; padding-left: 10px; }
#content .archive { font-size: 1.8em; line-height: 100%; font-weight: bold; padding-bottom: 0.2em; }
#content.blue h2 a { color: #00deff!important; }
#content.blue h2 a:hover { color: #1c7282!important; }
#content.blue .datebox { background: #00deff!important; }
/* Colours */
.pink { color: #ff4dfd; }
.blue { color: #00d8ff; }
.green { color: #c6ff00; }
.orange { color: #ff6c00; }
/* Upcoming */
#datelist p { margin-bottom: 10px; height: 3.4em; }
#datelist h3 { border-top: 1px solid #424142; padding-top: 8px; }
#datelist a { color: #00d8ff; text-decoration: none; }
#datelist a:hover { color: #1c7282; }
#datelist .datebox { background: #00d8ff; color: #2e2e2f; float: left; padding: 5px; width: 50px; height: 50px; margin-right: 10px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; line-height: 90%; margin-top: 10px; }
/* Footer */
#footer { width: 925px; margin: 0 auto; clear: both; padding: 10px 0px; }
#footer p { font-size: 1.1em; }
#footer a { text-decoration: underline; color: #2e2e2f; }
#footer a:hover { text-decoration: none; }