* {margin:0; padding:0;}

body {width:100%; padding:20px 0 10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333; background:url(/img/body.jpg) repeat 0 0;}

a img {border:none;}
a:link, a:visited, a:hover, a:active {color:#EEEECC; text-decoration:none;}
a:hover {color:#FFFFAA; text-decoration:underline;}

#main {position:relative; margin:0 auto;width:798px;}
#main #wrapper {float:left; margin:0 21px 20px; padding:8px; width:720px; text-align:left;  background:#50504A url(/img/grain_dark.gif) repeat 0 0;}
#main #header {float:left; width:718px; height:160px; background-color:#222; border-width:1px 1px 0 1px; border-style:solid; border-color:#333;}

/* Navigation */
#main #navigation {float:left; width:720px; color:#CCC; background:#353535 url(/img/navigation.jpg) repeat-x 0 0; border-top:1px solid #222; border-bottom:1px solid #555;}
#main #navigation ul {list-style-type:none;}
#main #navigation ul li {float:left; color:#AAA; font-family:Verdana,sans-serif; font-size:1em; font-weight:bold; border-right:1px solid #303030;}
#main #navigation ul li.active {display:block; padding:12px 14px; color:#EEE;}
#main #navigation ul li a {display:block; padding:12px 14px;}
#main #navigation ul li a:link,
#main #navigation ul li a:visited,
#main #navigation ul li a:hover,
#main #navigation ul li a:active {color:#AAA; text-decoration:none;}
#main #navigation ul li a:hover {color:#E5E5D5; background-color:#444;}

#main h1 {float:left; width:688px; padding:10px 16px 13px; color:#CCC; background:#222 url(/img/post_top.gif) repeat-x 0 0; border-width:1px 0; border-color:#3A3A3A #333 #1A1A1A; border-style:solid; font-weight:normal; font-size:2em; font-family:Georgia,sans-serif;}
#main h1 a {color:#EEEECC;}
#main #contentWrapper {float:left; width:720px; background:#414141 url(/img/content_bg.jpg) repeat-y 0 0; border-width:1px 0 1px; border-color:#333 #333 #1A1A1A #333; border-style:solid;}
#main #content {float:left; width:470px; /*min-height:400px;*/ margin:0; padding:16px; color:#CCC; background-color:#414141;}

/* Sidebar */
#main #sidebar {float:left; width:182px; margin:0; padding:16px; color:#CCC; background-color:#414141; border-left:4px #777 solid;}
#main #sidebar .section {float:left; width:182px; margin-top:10px; padding-top:10px; border-top:4px solid #767676; overflow:hidden;}
#main #sidebar .section.first {border-top:none; margin-top:0; padding-top:0;}
#main #sidebar .section .subMenu {float:left; clear:left; font-weight:bold; margin-bottom:5px;}
#main #sidebar .section h3 {float:left; margin-bottom:8px; width:182px; text-shadow: #000 5px 5px 3px;}
#main #sidebar .section .forumPostedIn {float:left; clear:both; width:182px; white-space:nowrap; overflow:hidden; border-bottom:1px dotted #767676;}
#main #sidebar .section .newPostTitle {float:left; clear:left; white-space:nowrap;}
#main #sidebar .section .newPostDate {float:left; clear:left; width:182px; margin-bottom:5px; text-align:right; color:#747474; border-top:1px dotted #747474;}
#main #sidebar #userLogin .userInfo {float:left; width:182px;}
#main #sidebar #userLogin .userInfo .avatarWrapper {float:left; width:50px; overflow:hidden;}
#main #sidebar #userLogin .userInfo .avatarWrapper a.avatar {float:left; border:2px solid #CECECE;}
#main #sidebar #userLogin .userInfo .avatarWrapper a.avatar img {max-height:50px; max-width:50px;}
#main #sidebar #userLogin .userInfo .avatarWrapper .logout {float:left; clear:left; margin-left:5px;}
#main #sidebar #userLogin .userInfo ul.userActions {float:left; list-style-type:none; margin:0 0 0 8px; padding:0;}
#main #sidebar #userLogin .userInfo ul.userActions li {float:left; clear:left; width:124px; margin:0 0 5px; padding:0;}
#main #sidebar #userLogin .field input {width:178px; color:#CCC; background-color:#323232; border:2px solid #565656;}
#main #sidebar #userLogin .button {text-align:right;}
#main #sidebar #userLogin .button input {margin-top:5px; color:#222; background-color:#666; border:2px solid #565656;}
#main #sidebar #userLogin a.register {float:left;}
#main #sidebar #userLogin a.lostpw {float:right;}

/* Footer */
#main #footer {float:left; width:696px; margin:0; padding:10px 12px; text-align:right; font-size:0.9em; color:#888; background-color:#2A2A2A; border-width:1px 0 1px; border-color:#333 #333 #1A1A1A #333; border-style:solid;}

#main #content h2 {margin-bottom:5px; font-family:Georgia,sans-serif; font-size:14px; border-bottom:1px solid #CCC;}
#main #content p {margin:0 0 8px; padding:0;}
#main #content .highlight {color:#BBB;}
#main #content .code {font-family:Courier,sans-serif; background-color:#4A4A4A; padding:3px;}
#main #content ul {margin:10px 0 10px 25px; padding:0; list-style-type:square;}
#main #content .sideNote {float:right; margin:0 0 10px 10px; padding:10px; background-color:#222; border:5px solid #777;}
#main #content .sideNote p {margin-bottom:0; font-weight:bold;}

#main #content .postNew {float:left; width:470px; margin-bottom:5px;}
#main #content .postNew .postReview {float:right;}
#main #content .postNew .postCancel {float:right;}
#main #content .postNew .postNews {float:left;}
#main #content .postNew .postQuote {float:left;}
#main #content .postNew a:link,
#main #content .postNew a:visited,
#main #content .postNew a:hover,
#main #content .postNew a:active {text-decoration:none; color:#ABABAB; padding:2px; border:1px solid #565656; -moz-box-shadow:3px 3px 3px #000; -webkit-box-shadow:3px 3px 3px #000; box-shadow:3px 3px 3px #000;}
#main #content .postNew a:hover,
#main #content .postNew a:active {color:#DFDFDF; border-color:#8A8A8A;}

/* Flash Messages */
#main #content .flash {float:left; clear:both; width:470px; margin-bottom:10px;}
#main #content .flash.success,
#main #content .flash.failure {width:450px; color:#000; padding-left:20px;}
#main #content .flash.success {background:#8EC0F1 url(../img/icon_accept.gif) no-repeat 0 0;}
#main #content .flash.failure {background:#FBAFC1 url(../img/action_stop.gif) no-repeat 0 0;}

/* Pagination */
#main #content .pagination {float:left; clear:left; width:470px; margin-top:10px; text-align:center;}
#main #content .pagination .disabled {color:#747474;}

/* Form */
#main #content form div.submit {float:left; margin:8px 0 0 120px;}
#main #content form input,
#main #content form textarea {color:#CCC; background-color:#323232; border:2px solid #565656;}
#main #content form input.submit {color:#CCC; background-color:#666; border:2px solid #565656;}

/* Random Quote */
#main #content .randomQuote {float:left; width:458px; margin-bottom:10px; padding:5px; border:1px solid #565656; -moz-box-shadow:3px 3px 6px #000; -webkit-box-shadow:3px 3px 6px #000; box-shadow:3px 3px 6px #000;}
#main #content .randomQuote .quoteHeader {float:left; width:458px; font-size:16px; font-weight:bold;}
#main #content .randomQuote .quoteHeader a.action {float:right; margin-top:5px; font-weight:normal; font-size:12px;}
#main #content .randomQuote .quote {display:none; float:left; width:448px; font-family:Courier New, monospace; font-size:13px;}

/* News Posts */
#main #content .newsPosts {float:left; border-bottom:4px solid #767676; padding-bottom:5px; margin-bottom:10px;}
#main #content .newsPosts .post {float:left; width:458px; margin-bottom:10px; padding:5px; border:1px solid #565656; -moz-box-shadow:3px 3px 6px #000; -webkit-box-shadow:3px 3px 6px #000; box-shadow:3px 3px 6px #000;}
#main #content .newsPosts .post h2 {float:left; width:460px; margin-bottom:0; overflow:hidden; border-bottom:1px solid #333;}
#main #content .newsPosts .post div.behindTitle {display:none; position:absolute; margin-top:29px; font-weight:bold; font-size:40px; color:#515151; background-color:transparent;}
#main #content .newsPosts .post .info {float:left; width:450px; padding:0 5px; color:#222; background-color:#666; border-top:1px solid #888; border-bottom:1px solid #333;}
#main #content .newsPosts .post .author {float:left;}
#main #content .newsPosts .post .date {float:right;}
#main #content .newsPosts .post .text {float:left; clear:left; width:448px; padding:5px; opacity:0.7; /*color:#FFF;*/ border:1px solid #666;}
#main #content .newsPosts .post .commentInfo {float:left; width:460px;}
#main #content .newsPosts .post .commentInfo .postComment {float:right;}
#main #content .newsPosts .post .commentInfo .commentCount {float:left;}

#main #content .whoWeAre {float:left; clear:left; width:470px;}

/* Shoutbox */
#main #content #shoutbox {float:left; width:470px; height:128px; margin-bottom:10px;}
#main #content #shoutbox.logged {height:155px;}
#main #content #shoutbox .conversation {float:left; margin:0; padding:3px; width:462px; height:120px; overflow:auto; border:1px solid #565656; -moz-box-shadow:3px 3px 6px #000; -webkit-box-shadow:3px 3px 6px #000; box-shadow:3px 3px 6px #000;}
#main #content #shoutbox .conversation ul {float:left; width:445px; margin:0; list-style-type:none;}
#main #content #shoutbox .conversation ul li {float:left; width:445px; clear:left; color:#EFEFEF;}
#main #content #shoutbox .conversation ul li span.time {color:#AAA;}
#main #content #shoutbox .conversation ul li span.name {font-weight:bold; color:#ADADAD;}
#main #content #shoutbox .conversation ul li a.deleteShout {float:left; margin-right:2px; width:16px; height:16px; background:transparent url(../img/action_stop.gif) no-repeat 0 0;}
#main #content #shoutbox .conversation ul li.highlightForDelete {background-color:#7A7A7A;}
#main #content #shoutbox .postShouts {float:left; clear:left; width:470px; margin-top:5px;}
#main #content #shoutbox .postShouts label {margin-right:5px; font-weight:bold;}
#main #content #shoutbox .postShouts div.text {float:left;}
#main #content #shoutbox .postShouts div.text input {width:340px; height:18px;}
#main #content #shoutbox .postShouts div.submit {float:left; margin:0;}
#main #content #shoutbox .postShouts input.submit {margin-left:5px;}
#main #content #shoutbox #loading {display:none; height:32px; width:32px; position:relative; left:220px; font-size:0;}
#main #content #shoutbox #loading {top:-84px;}
#main #content #shoutbox.logged #loading {top:-108px;}

/* Quotes */
#main #content div.quotation {float:left; clear:left; width:470px; margin-bottom:10px; font-family:Courier New, monospace; font-size:13px;}
#main #content div.quotation.needsMod {background-color:#353535;}
#main #content div.quotation .attribution {float:left; width:470px; margin-bottom:5px; border-bottom:1px solid #565656; font-family:Arial, sans-serif;}
#main #content div.quotation .attribution .modOptions {float:right;}
#main #content form.quotes label {float:left;}
#main #content form.quotes textarea {float:left; clear:left; width:468px; height:200px; font-family:Courier New, monospace; font-size:13px;}
#main #content form.quotes div.submit.sideBy {margin-left:15px;}
#main #content form.quotes div.submit.sideBy.first {margin-left:129px;}
#main #content form.quotes h2 {float:left; clear:left; margin-top:15px;}
#main #content form.quotes p {float:left; clear:left;}
#main #content form.quotes p.first {margin-top:10px;}

span.minorEmph {text-decoration:underline;}