/* Main */
* { margin: 0; padding: 0; border: 0; }
BODY { margin: 0; font-family: arial, verdana, sans-serif; text-align: center; font-size: .9em; } 
BODY { background-color: #000; color: #fff;  }
hr { color: transparent; size: 0; color: #000; }
p { margin: 0; line-height: 1.4em; }
a { color: #05032d; font-weight: bold; }

/* Mod Areas */
#container { width: 990px; margin: 0 auto; text-align: left; background-repeat: repeat-x; background-image: url('../images/bg-body.gif'); }
#top { padding: 10px; color: #000; text-align: right; margin: -40px 0 0 0; }

#header { margin: 0 0 2px 0; display: block; overflow: hidden; background-image: url('../images/bg-header.gif'); background-repeat: no-repeat; }
#logo { float: left; width: 490px; }
#banner { float: left; width: 500px; text-align: right; }


#menu { margin: 0; }
#menu { text-transform: uppercase; background-color: #000; height: 40px; overflow: hidden; }
#menu { background-image: url('../images/bg-menu.gif'); background-repeat: repeat-x; }
#menu ul { display: inline; }
#menu li { border-left: 1px solid #222222; border-right: 1px solid #000; font-family: arial, verdana, sans-serif; font-weight: bold; }
#menu li { border-bottom: 1px solid #222; font-size: .8em; cursor: pointer; width: 100px; float: left; display: inline; text-align: center; }
#menu li:hover { background: #000; }
#menu li.selected { border-bottom: 1px solid #000; background: #000; color: #fff; }
#menu li.selected a { color: #fff; }
#menu li:hover a { color: #fff; }
#menu li:hover a { color: #fff; }
#menu li a { line-height: 40px; display: block; color: #fff; text-decoration: none; }
#menu li a:hover { color: #fff; }
#main-area { clear: both; display: block; margin: 10px 0 0 0; }
#left, #main, #right { text-align: left; float: left; }
#main { text-align: left; width: 990px; overflow: hidden; padding: 0;  }
#main-container {  }
#main ul { margin: 5px 5px 5px 35px; }
form { border-bottom: 3px solid #006ab3; border-top: 3px solid #006ab3; margin: 5px 0; padding: 5px 0;  }
#footer { text-align: center; color: #fff; padding: 10px 0; font-size: .76em; }
#footer a { color: #fff; }

/* Classes */
a.small { color: #000; margin: 0 0 15px 0; font-size: .8em; }
.item img, img.content_image { margin: 0 10px 10px 0; }
.item a img, img.content_image, img.gallery_image { border: 1px solid #000; padding: 1px; }
#main .content { padding: 5px; }
.mod-title { display: hidden; clear: both; padding: 10px 20px; color: #fff; font-weight: bold; text-transform: uppercase; }
.mod-title { background-color: #00001d; background-image: url('../images/bg-mod-title.gif'); background-repeat: no-repeat; background-position: top; }
#left .mod-title { background-image: url('../images/bg-main-mod-title.gif'); }
#main .mod-title { background-image: url('../images/bg-main-mod-title.gif'); }

form { border: 0; }
.mod-area { overflow: hidden; padding: 0 5px; }
.chat_users  { float: left; width: 15%; text-align: left;}
.chat_area  { float: left; width: 99%; height: 250px; text-align: left; border: 1px solid #fa9800; padding: 0; }


.chat_message { text-align: left; padding: 0 0 0 5px; display: block; }


#right .mod-area { font-size: .9em; }
.mod-bottom { margin: 0 0 5px 0; }

span.date, p.content_date { color: #ff9900; font-weight: bold; font-size: .8em; }
span.top-date { display: block; color: #000; margin: 0 0 2px 0; font-weight: bold; font-size: .8em; }
p.content_date { color:#000; }

/* Defaults */
h2 { background-color: #000; font-size: 1.2em; font-weight: bold; color: #fff; padding: 8px 10px; margin: 0 0 15px 0; }
.ok { margin: 5px 0; color: green; font-weight: bold; padding: 10px; border: 1px solid green; font-size: .9em; }
.err { margin: 5px 0; color: #ff0000; font-weight: bold; padding: 10px; border: 1px solid #ff0000; font-size: .9em; }
.nickname { font-size: .8em; color: #fa9800; text-decoration: uppercase; }
form {  }
form.comments { clear: both; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; margin: 10px 0; padding: 5px 0;  }
label { padding: 5px 0 0 0; }
input, textarea { padding: 2px; border: 1px solid #DEDEDE; border-left: 1px solid #bababa; border-top: 1px solid #bababa; margin: 3px 0; width: 300px; }
form.login label { clear: both; display: block; }
form.login input { width: 40%; clear: both; }
textarea { width: 300px; height: 160px;  }
input.radio { width: 25px; border: 0; }
button { margin: 5px 0; border: 1px solid #000; background: #fff; font-weight: bold; font-size: .8em; padding: 5px; color: #000; }

ul.cat, ul.cat li { margin: 0; padding: 0; }

/* dropdown */
#dropmenudiv { border: 1px solid #000; border-top: 0; margin: 0 0 0 -2px; background-color: #fff; position:absolute; z-index:100; }
#dropmenudiv a { color: #000; padding: 0 12px; line-height: 25px; height: 25px; font-size: .8em; display: block; text-indent: 3px; text-decoration: none; font-weight: bold; }
#dropmenudiv a:hover{ background-color: #000; color: #fff; }
button { background-color: #fa9800; color: #fff; }
h2 {  display: none; }