/* =============================================================================
   BASIC ELEMENTS
============================================================================= */

* { padding: 0; margin: 0; border: 0; }
html { overflow-y: scroll !important; }
body { background-color: #334; text-align: center; font-family: Avant Garde, sans-serif; }

#wrapper { position: relative; width: 740px; margin: 15px auto; background-color: #000; border: 7px solid #999; }



/* =============================================================================
   HEADER
============================================================================= */

#header { position: relative; padding: 0; border-bottom: 7px solid #999; background-color: #666; }

/* Login / Logout */
#header #user { position: absolute; right: 0; top: 0; padding: 10px 30px; list-style: none; }
#header #user li { margin: 0 20px; display: inline; }
#header #user li a { color: #fff; font-weight: bold; text-decoration: none; }
#header #user li a:hover { border-bottom: 3px solid #999; }

/* Navigation */
#header ul.navigation { padding: 10px 20px; list-style: none; text-align: left; }
#header ul.navigation li { margin: 0 20px; display: inline; color: #ccc; }
#header ul.navigation li a { color: #fff; font-weight: bolder; text-decoration: none; }
#header ul.navigation li a:hover { border-bottom: 3px solid #999; }

/* Subnavigation */
#header ul.subnavigation { padding: 5px; list-style: none; text-align: left; background-color: #777; border-top: 1px solid #333; }
#header ul.subnavigation li { margin: 0 10px; font-size: 9pt; display: inline; }
#header ul.subnavigation li a { color: #ddd; font-weight: bold; text-decoration: none; }
#header ul.subnavigation li a:hover { color: #999; }



/* =============================================================================
   CONTENT
============================================================================= */

#content { height: auto !important; min-height: 300px; padding: 10px; text-align: left; font-size: 11pt; color: #ccc; text-align: justify; }

/* Defaults - Misc */
h1, h2 { clear: both; text-align: left; }
h1 { color: #c33; font-size: 24pt; margin-bottom: 15px; border-bottom: 3px dashed #600; }
h2 { color: #c66; font-size: 18pt; margin-top: 30px; margin-bottom: 5px; }
p { margin: 10px 0; }
a { color: #ccc; text-decoration: none; font-weight: bold; }
a:hover { color: #c66; }
em { font-weight: bold; }

/* Defaults - Forms */
label { display: block; font-weight: bold; font-size: 11pt; }
label.checkbox-solo { position: relative; top: 3px; }
label span { display: block; font-weight: normal; font-size: 9pt; color: #999; margin-top: -3px; margin-bottom: 2px; }
label.checkbox span { margin-top: 0; }
input, select, textarea { background-color: #ddd; }
input, textarea { padding: 2px 4px; }
select { padding: 2px 2px 2px 4px; }
textarea { width: 712px; font-size: 11pt; }
input, select, textarea { color: #000; }
textarea.expanding { max-height: 200px; min-height: 100px; line-height: 12pt; }
input.text, #content input.password, #content input.submit, #content select { height: 25px; font-size: 14pt; }
input.checkbox { float: left; width: 20px; height: 20px; margin-right: 5px; }
input.submit { padding: 0; background-color: #999; color: #633; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #666; border-right: 1px solid #666; font-weight: bold; text-transform: uppercase; letter-spacing: 7px; cursor: pointer; cursor: hand; }

/* Defaults - Lists */
#content ul { position: relative; left: 35px; width: 680px; }

/* Notices */
#content div.notice, #content div.success, #content div.error { margin: 15px 0; padding: 10px; }
#content div.notice { background-color: #333; border-top: 1px solid #666; border-bottom: 1px solid #666; }
#content div.success { background-color: #030; border-top: 1px solid #060; border-bottom: 1px solid #060; }
#content div.error { background-color: #300; border-top: 1px solid #600; border-bottom: 1px solid #600; }
#content div.notice h2, #content div.success h2, #content div.error h2, #content div.notice p, #content div.success p, #content div.error p { margin: 5px; }
#content div.notice h2, #content div.success h2, #content div.error h2 { font-size: 12pt; font-weight: bold; text-decoration: underline; }
#content div.notice ul, #content div.success ul, #content div.error ul { margin: 15px 30px; }
#content div.notice ul li, #content div.success ul li, #content div.error ul li { margin: 10px 0; }

/* Control codes */
#content span.bold { font-weight: bold; }
#content span.italic { font-style: italic; }
#content span.underline { text-decoration: underline; }

/* New contributions */
#content #newcontributions { border-bottom: 1px solid #333; width: 100%; margin-top: 20px; text-align: left; }
#content #newcontributions th { padding: 0 3px; }
#content #newcontributions td { padding: 5px;border-top: 1px solid #333; }
#content #newcontributions td.date { text-align: center; font-size: 10pt; }
#content #newcontributions td.date span { margin: 0 2px; }
#content #newcontributions td.date span.year { font-size: 9pt; display: block; letter-spacing: 2px;  }

/* Frequently Asked Questions */
#content #faq div.secondary { margin-top: 25px; }
#content #faq span.question { font-weight: bold; font-style: italic; }

/* Contact */
#content #contact div.email input { width: 712px; }
#content #contact div.body { margin: 10px 0; }
#content #contact textarea { width: 712px; height: 400px; }
#content #contact div.submit { text-align: center; margin-top: 10px; }

/* Login */
#content #loginform { width: 250px; margin: 0 auto; text-align: left; }
#content #loginform div.password, #content #loginform div.remember, #content #loginform div.submit { margin-top: 10px; }
#content #loginform input.email { width: 240px; }
#content #loginform input.submit { width: 248px; }

/* Registration */
#content #registration { width: 250px; margin: 0 auto; text-align: left; }
#content #registration div.submit { margin-top: 10px; }
#content #registration input { width: 240px; }
#content #registration input.submit { width: 248px; }

/* Reset password */
#content #resetpassform { width: 250px; margin: 0 auto; text-align: left; }
#content #resetpassform div.submit { margin-top: 10px; }
#content #resetpassform input.email { width: 240px; }
#content #resetpassform input.submit { width: 248px; }

/* Settings */
#content #settings { width: 250px; margin: 0 auto; text-align: left; }
#content #settings div.new_password, #content #settings div.verify_new_password, #content #settings div.subscribe, #content #settings div.password, #content #settings div.submit { margin-top: 10px; }
#content #settings input.text, #content #settings input.password { width: 240px; }
#content #settings input.submit { width: 248px; }

/* Characters */
#content #addcharacter { width: 250px; margin: 0 auto; text-align: left; }
#content #addcharacter div.realm, #content #addcharacter div.submit { margin-top: 10px; }
#content #addcharacter input { width: 240px; }
#content #addcharacter select, #content #addcharacter input.submit { width: 248px; }
#content #characters { margin-top: 20px; }
#content #characters .character { width: 330px; background-color: #333; padding: 10px; float: left; margin: 5px; }
#content #characters .character span.status { float: right; color: #f00; }
#content #characters .character label { display: block; margin-top: 14px; }
#content #characters .character input { height: 15px; font-size: 9pt; padding: 2px; }
#content #characters .character input.submit { height: 20px; padding: 0; }
#content #characters .character input.validate { margin-left: 10px; height: 20px; padding: 0; }
#content #characters .character input.validate, #content #characters .character input.delete { float: right; }
#content #deletecharacter { width: 250px; margin: 0 auto; text-align: left; }
#content #deletecharacter div.submit { margin-top: 10px; }
#content #deletecharacter input.submit { width: 248px; }

/* Log filter */
#content #logfilter div.realm, #content #logfilter div.type, #content #logfilter div.character, #content #logfilter div.order, #content #logfilter div.limit { float: left; }
#content #logfilter div.realm, #content #logfilter div.type, #content #logfilter div.order, #content #logfilter div.limit { margin-right: 10px; }
#content #logfilter div.realm select, #content #logfilter div.type select, #content #logfilter div.order select, #content #logfilter div.limit select { width: 200px; }
#content #logfilter div.character select, #content #logfilter div.submit input { width: 300px; }
#content #logfilter div.submit { margin: 0 auto; }
#content #logfilter div.order, #content #logfilter div.limit { margin-top: 10px; }
#content #logfilter div.submit input { margin-top: 30px; }

/* List of logs */
#content #logs table { border-bottom: 1px solid #333; width: 100%; margin-top: 20px; text-align: left; }
#content #logs table th { padding: 0 3px; }
#content #logs table td { padding: 5px;border-top: 1px solid #333; }
#content #logs table td.date { text-align: center; font-size: 10pt; }
#content #logs table td.date span { margin: 0 2px; }
#content #logs table td.date span.year { font-size: 9pt; display: block; letter-spacing: 2px;  }
#content #logs table td.rating { text-align: right; }
#content #logs table td.rating span.positive { color: #0c0; }
#content #logs table td.rating span.negative { color: #c00; }
#content #logs table td.title span { display: block; font-size: 9pt; margin-top: 2px; color: #999; }
#content #logs table td.title span a { font-weight: normal; color: #fff; }
#content #logs table td.title span a:hover { color: #c66; }

/* Log info */
#content #loginfo { min-height: 80px; padding: 10px 20px; margin: 20px 0; background-color: #222; }
#content #loginfo span { color: #999; font-size: 8pt; font-family: Monospace; }
#content #loginfo #rating { float: right; width: 80px; padding: 5px; background-color: #333; }
#content #loginfo #rating span { display: block; text-align: center; font-size: 8pt; color: #888; font-family: Verdana; }
#content #loginfo #rating #result { font-size: 15pt; margin: 7px 0; }
#content #loginfo #rating #result.positive { color: #0c0; }
#content #loginfo #rating #result.negative { color: #c00; }
#content #loginfo #rating #vote a { font-size: 11pt; }
#content #loginfo p { width: 580px; }
#content #loginfo p.comment { position: relative; }
#content #loginfo p.nocomment { font-style: italic; }

/* Log navigation */
#content #lognavigation { border-bottom: 1px solid #666; margin-bottom: 10px; }
#content #lognavigation a { margin: 0 10px; padding: 1px 5px 0 5px; background-color: #333; border: 1px solid #666; }
#content #lognavigation a.current { padding: 1px 5px; background-color: #000; color: #933; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 0; border-left: 1px solid #666; }

/* Log body */
#content #log { font-family: monospace; margin: 10px 0; width: 720px; text-align: left; }

/* Log comment */
#content #logcomment div { margin: 10px 0; }
#content #logcomment div.submit { text-align: center; }

/* Log subscription */
#content #logcommentssubscription { margin: 15px 0 25px 0; padding: 10px; background-color: #333; border-top: 1px solid #666; border-bottom: 1px solid #666; }
#content #logcommentssubscription label { float: left; }
#content #logcommentssubscription input.submit { margin-left: 15px; }
#content #logcommentssubscription p { font-style: italic; }
#content #logcommentssubscription span { font-weight: bold; }

/* Log comments */
#content #logcomments img { float: left; width: 80px; height: 80px; }
#content #logcomments div div { float: right; width: 610px; color: #999; font-size: 8pt; font-family: Verdana; }
#content #logcomments div div span.controls { float: right; }
#content #logcomments div div span.admin, #content #logcomments div div span.author, #content #logcomments div div span.user, #content #logcomments div div span.date { font-weight: bold; }
#content #logcomments div div span.admin { color: #733; }
#content #logcomments div div span.author { color: #373; }
#content #logcomments p { float: right; width: 590px; margin-right: 20px; }
#content #logcomments div { float: left; margin-bottom: 15px; width: 100%; }
#content #logcomments div.secondary { margin-top: 15px; }
#content #logcomments div.deleted { background: #191919; }
#content #logcomments div.deleted p { float: none; padding: 0 15px; }

/* Delete comment */
#content #deletecomment { width: 250px; margin: 0 auto; text-align: left; }
#content #deletecomment div.submit { margin-top: 10px; }
#content #deletecomment input.submit { width: 248px; }

/* Edit log */
#content #logeditor div.title input { width: 712px; }
#content #logeditor div.realm, #content #logeditor div.type, #content #logeditor div.character, #content #logeditor div.body { margin: 10px 0; }
#content #logeditor div.realm, #content #logeditor div.type, #content #logeditor div.character { float: left; }
#content #logeditor div.realm, #content #logeditor div.type { margin-right: 15px; }
#content #logeditor select { width: 230px; }
#content #logeditor textarea { width: 712px; }
#content #logeditor textarea#comment { height: 100px; }
#content #logeditor textarea#body { height: 400px; }
#content #logeditor div.submit { text-align: center; margin-top: 10px; }

/* Delete log */
#content #deletelog { width: 250px; margin: 0 auto; text-align: left; }
#content #deletelog div.submit { margin-top: 10px; }
#content #deletelog input.submit { width: 248px; }



/* =============================================================================
   ANSI COLOR CODS
============================================================================= */

#content span.h0f30b40 { color: #000; background-color: #000; }
#content span.h0f31b40 { color: #900; background-color: #000; }
#content span.h0f32b40 { color: #090; background-color: #000; }
#content span.h0f33b40 { color: #990; background-color: #000; }
#content span.h0f34b40 { color: #009; background-color: #000; }
#content span.h0f35b40 { color: #909; background-color: #000; }
#content span.h0f36b40 { color: #099; background-color: #000; }
#content span.h0f37b40, #content span.h0f39b40 { color: #bbb; background-color: #000; }
#content span.h1f30b40, #content span.h1f50b40 { color: #666; background-color: #000; }
#content span.h1f31b40, #content span.h1f51b40 { color: #f00; background-color: #000; }
#content span.h1f32b40, #content span.h1f52b40 { color: #0f0; background-color: #000; }
#content span.h1f33b40, #content span.h1f53b40 { color: #ff0; background-color: #000; }
#content span.h1f34b40, #content span.h1f54b40 { color: #00f; background-color: #000; }
#content span.h1f35b40, #content span.h1f55b40 { color: #f0f; background-color: #000; }
#content span.h1f36b40, #content span.h1f56b40 { color: #0ff; background-color: #000; }
#content span.h1f37b40, #content span.h1f57b40, #content span.h1f39b40, #content span.h1f59b40 { color: #fff; background-color: #000; }

#content span.h0f30b41 { color: #000; background-color: #600; }
#content span.h0f31b41 { color: #900; background-color: #600; }
#content span.h0f32b41 { color: #090; background-color: #600; }
#content span.h0f33b41 { color: #990; background-color: #600; }
#content span.h0f34b41 { color: #009; background-color: #600; }
#content span.h0f35b41 { color: #909; background-color: #600; }
#content span.h0f36b41 { color: #099; background-color: #600; }
#content span.h0f37b41, #content span.h0f39b41 { color: #bbb; background-color: #600; }
#content span.h1f30b41, #content span.h1f50b41 { color: #666; background-color: #600; }
#content span.h1f31b41, #content span.h1f51b41 { color: #f00; background-color: #600; }
#content span.h1f32b41, #content span.h1f52b41 { color: #0f0; background-color: #600; }
#content span.h1f33b41, #content span.h1f53b41 { color: #ff0; background-color: #600; }
#content span.h1f34b41, #content span.h1f54b41 { color: #00f; background-color: #600; }
#content span.h1f35b41, #content span.h1f55b41 { color: #f0f; background-color: #600; }
#content span.h1f36b41, #content span.h1f56b41 { color: #0ff; background-color: #600; }
#content span.h1f37b41, #content span.h1f57b41, #content span.h1f39b41, #content span.h1f59b41 { color: #fff; background-color: #600; }

#content span.h0f30b42 { color: #000; background-color: #060; }
#content span.h0f31b42 { color: #900; background-color: #060; }
#content span.h0f32b42 { color: #090; background-color: #060; }
#content span.h0f33b42 { color: #990; background-color: #060; }
#content span.h0f34b42 { color: #009; background-color: #060; }
#content span.h0f35b42 { color: #909; background-color: #060; }
#content span.h0f36b42 { color: #099; background-color: #060; }
#content span.h0f37b42, #content span.h0f39b42 { color: #bbb; background-color: #060; }
#content span.h1f30b42, #content span.h1f50b42 { color: #666; background-color: #060; }
#content span.h1f31b42, #content span.h1f51b42 { color: #f00; background-color: #060; }
#content span.h1f32b42, #content span.h1f52b42 { color: #0f0; background-color: #060; }
#content span.h1f33b42, #content span.h1f53b42 { color: #ff0; background-color: #060; }
#content span.h1f34b42, #content span.h1f54b42 { color: #00f; background-color: #060; }
#content span.h1f35b42, #content span.h1f55b42 { color: #f0f; background-color: #060; }
#content span.h1f36b42, #content span.h1f56b42 { color: #0ff; background-color: #060; }
#content span.h1f37b42, #content span.h1f57b42, #content span.h1f39b42, #content span.h1f59b42 { color: #fff; background-color: #060; }

#content span.h0f30b43 { color: #000; background-color: #660; }
#content span.h0f31b43 { color: #900; background-color: #660; }
#content span.h0f32b43 { color: #090; background-color: #660; }
#content span.h0f33b43 { color: #990; background-color: #660; }
#content span.h0f34b43 { color: #009; background-color: #660; }
#content span.h0f35b43 { color: #909; background-color: #660; }
#content span.h0f36b43 { color: #099; background-color: #660; }
#content span.h0f37b43, #content span.h0f39b43 { color: #bbb; background-color: #660; }
#content span.h1f30b43, #content span.h1f50b43 { color: #666; background-color: #660; }
#content span.h1f31b43, #content span.h1f51b43 { color: #f00; background-color: #660; }
#content span.h1f32b43, #content span.h1f52b43 { color: #0f0; background-color: #660; }
#content span.h1f33b43, #content span.h1f53b43 { color: #ff0; background-color: #660; }
#content span.h1f34b43, #content span.h1f54b43 { color: #00f; background-color: #660; }
#content span.h1f35b43, #content span.h1f55b43 { color: #f0f; background-color: #660; }
#content span.h1f36b43, #content span.h1f56b43 { color: #0ff; background-color: #660; }
#content span.h1f37b43, #content span.h1f57b43, #content span.h1f39b43, #content span.h1f59b43 { color: #fff; background-color: #660; }

#content span.h0f30b44 { color: #000; background-color: #006; }
#content span.h0f31b44 { color: #900; background-color: #006; }
#content span.h0f32b44 { color: #090; background-color: #006; }
#content span.h0f33b44 { color: #990; background-color: #006; }
#content span.h0f34b44 { color: #009; background-color: #006; }
#content span.h0f35b44 { color: #909; background-color: #006; }
#content span.h0f36b44 { color: #099; background-color: #006; }
#content span.h0f37b44, #content span.h0f39b44 { color: #bbb; background-color: #006; }
#content span.h1f30b44, #content span.h1f50b44 { color: #666; background-color: #006; }
#content span.h1f31b44, #content span.h1f51b44 { color: #f00; background-color: #006; }
#content span.h1f32b44, #content span.h1f52b44 { color: #0f0; background-color: #006; }
#content span.h1f33b44, #content span.h1f53b44 { color: #ff0; background-color: #006; }
#content span.h1f34b44, #content span.h1f54b44 { color: #00f; background-color: #006; }
#content span.h1f35b44, #content span.h1f55b44 { color: #f0f; background-color: #006; }
#content span.h1f36b44, #content span.h1f56b44 { color: #0ff; background-color: #006; }
#content span.h1f37b44, #content span.h1f57b44, #content span.h1f39b44, #content span.h1f59b44 { color: #fff; background-color: #006; }

#content span.h0f30b45 { color: #000; background-color: #606; }
#content span.h0f31b45 { color: #900; background-color: #606; }
#content span.h0f32b45 { color: #090; background-color: #606; }
#content span.h0f33b45 { color: #990; background-color: #606; }
#content span.h0f34b45 { color: #009; background-color: #606; }
#content span.h0f35b45 { color: #909; background-color: #606; }
#content span.h0f36b45 { color: #099; background-color: #606; }
#content span.h0f37b45, #content span.h0f39b45 { color: #bbb; background-color: #606; }
#content span.h1f30b45, #content span.h1f50b45 { color: #666; background-color: #606; }
#content span.h1f31b45, #content span.h1f51b45 { color: #f00; background-color: #606; }
#content span.h1f32b45, #content span.h1f52b45 { color: #0f0; background-color: #606; }
#content span.h1f33b45, #content span.h1f53b45 { color: #ff0; background-color: #606; }
#content span.h1f34b45, #content span.h1f54b45 { color: #00f; background-color: #606; }
#content span.h1f35b45, #content span.h1f55b45 { color: #f0f; background-color: #606; }
#content span.h1f36b45, #content span.h1f56b45 { color: #0ff; background-color: #606; }
#content span.h1f37b45, #content span.h1f57b45, #content span.h1f39b45, #content span.h1f59b45 { color: #fff; background-color: #606; }

#content span.h0f30b46 { color: #000; background-color: #066; }
#content span.h0f31b46 { color: #900; background-color: #066; }
#content span.h0f32b46 { color: #090; background-color: #066; }
#content span.h0f33b46 { color: #990; background-color: #066; }
#content span.h0f34b46 { color: #009; background-color: #066; }
#content span.h0f35b46 { color: #909; background-color: #066; }
#content span.h0f36b46 { color: #099; background-color: #066; }
#content span.h0f37b46, #content span.h0f39b46 { color: #bbb; background-color: #066; }
#content span.h1f30b46, #content span.h1f50b46 { color: #666; background-color: #066; }
#content span.h1f31b46, #content span.h1f51b46 { color: #f00; background-color: #066; }
#content span.h1f32b46, #content span.h1f52b46 { color: #0f0; background-color: #066; }
#content span.h1f33b46, #content span.h1f53b46 { color: #ff0; background-color: #066; }
#content span.h1f34b46, #content span.h1f54b46 { color: #00f; background-color: #066; }
#content span.h1f35b46, #content span.h1f55b46 { color: #f0f; background-color: #066; }
#content span.h1f36b46, #content span.h1f56b46 { color: #0ff; background-color: #066; }
#content span.h1f37b46, #content span.h1f57b46, #content span.h1f39b46, #content span.h1f59b46 { color: #fff; background-color: #066; }

#content span.h0f30b47 { color: #000; background-color: #666; }
#content span.h0f31b47 { color: #900; background-color: #666; }
#content span.h0f32b47 { color: #090; background-color: #666; }
#content span.h0f33b47 { color: #990; background-color: #666; }
#content span.h0f34b47 { color: #009; background-color: #666; }
#content span.h0f35b47 { color: #909; background-color: #666; }
#content span.h0f36b47 { color: #099; background-color: #666; }
#content span.h0f37b47, #content span.h0f39b47 { color: #bbb; background-color: #666; }
#content span.h1f30b47, #content span.h1f50b47 { color: #666; background-color: #666; }
#content span.h1f31b47, #content span.h1f51b47 { color: #f00; background-color: #666; }
#content span.h1f32b47, #content span.h1f52b47 { color: #0f0; background-color: #666; }
#content span.h1f33b47, #content span.h1f53b47 { color: #ff0; background-color: #666; }
#content span.h1f34b47, #content span.h1f54b47 { color: #00f; background-color: #666; }
#content span.h1f35b47, #content span.h1f55b47 { color: #f0f; background-color: #666; }
#content span.h1f36b47, #content span.h1f56b47 { color: #0ff; background-color: #666; }
#content span.h1f37b47, #content span.h1f57b47, #content span.h1f39b47, #content span.h1f59b47 { color: #fff; background-color: #666; }

#content span.h0f30b49 { color: #000; background-color: #000; }
#content span.h0f31b49 { color: #900; background-color: #000; }
#content span.h0f32b49 { color: #090; background-color: #000; }
#content span.h0f33b49 { color: #990; background-color: #000; }
#content span.h0f34b49 { color: #009; background-color: #000; }
#content span.h0f35b49 { color: #909; background-color: #000; }
#content span.h0f36b49 { color: #099; background-color: #000; }
#content span.h0f37b49, #content span.h0f39b49 { color: #bbb; background-color: #000; }
#content span.h1f30b49, #content span.h1f50b49 { color: #666; background-color: #000; }
#content span.h1f31b49, #content span.h1f51b49 { color: #f00; background-color: #000; }
#content span.h1f32b49, #content span.h1f52b49 { color: #0f0; background-color: #000; }
#content span.h1f33b49, #content span.h1f53b49 { color: #ff0; background-color: #000; }
#content span.h1f34b49, #content span.h1f54b49 { color: #00f; background-color: #000; }
#content span.h1f35b49, #content span.h1f55b49 { color: #f0f; background-color: #000; }
#content span.h1f36b49, #content span.h1f56b49 { color: #0ff; background-color: #000; }
#content span.h1f37b49, #content span.h1f57b49, #content span.h1f39b49, #content span.h1f59b49 { color: #fff; background-color: #000; }



/* =============================================================================
   FOOTER
============================================================================= */

#footer { clear: both; height: 17px; padding: 10px; text-align: center; font-size: 10pt; color: #ccc; border-top: 7px solid #999; background-color: #666; }
#footer span { padding: 0 20px; }
#footer #footer_nav { float: right; }
#footer #footer_info { float: left; }