/* global */

body {
margin: 0px;
padding: 0px;
background-color: #271118;/*#401720;*/
font: 12px Verdana;
color: #edacc1;
}
img.left {
float: left;
margin: 2px 10px 4px 0px;
clear: both;
}
img.right {
float: right;
margin: 2px 0px 4px 10px;
}
img.cover {
border: 1px solid #59212E;
}
img.bbcode {
max-width: 400px;
}
a {
text-decoration: none;
color: #ffffff;
}
a:hover {
color: #edacc1;
}
a.icon {
padding: 2px 0px 2px 20px; /* ghgh*/
background-repeat: no-repeat;
background-position: 0px 50%;
}
a.user {
padding: 2px 0px 2px 16px;
background: transparent no-repeat url('../images/interface/icons/user.png');
background-position: 0px 50%;
}
/*h1,h2 {
margin: 0px;
padding: 6px 0px 10px 0px;
color: #9cb113;
}
h3 {
margin: 0px;
padding: 6px 0px 4px 0px;
font-size: 12px;
}
h1 a, h2 a {
font-weight: normal !important;
} */
h1 {
position: absolute;
width: 60%;
margin: 0px;
padding: 13px 0px 0px 19px; /* left=12px ghjfdfgdfgfgfgdfgdfghfhfghfhggjhghjhhhh */
font: normal 30px Tahoma;
color: #fe820e;
white-space: nowrap;
overflow: hidden;
}
.h1bg {
height: 62px;
}
h2 {
padding: 0px;
margin: 14px 0px 2px 0px;
font: bold 18px Tahoma;
}
h2, h2 a {
color: #edacc1;
}
h2 a:hover {
color: #ffffff;
}
h2 .misc {
position: relative;
top: -2px;
margin-left: 8px;
vertical-align: middle;
font-size: 10px;
color: #59212E;
}
h2 .misc a {
text-decoration: underline;
color: #59212E;
}
h2 .misc a:hover {
color: #EDACC1;
}
h2 sub {
display: block;
color: #fe820e;
font: normal 10px Arial;
}
.center h2 {

}
.left h2, .right h2 {
margin: 0px;
font-size: 14px;
}
strong.header {
color: #EDACC1;
}
p {
margin: 0px 0px 22px 0px;
padding: 0px;
}
.left p, .right p {
margin-bottom: 12px;
}
p img {
margin: 4px 0px;
/*border: 1px solid #210A18;*/
}
p.featured {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #401720;
padding: 4px 8px 4px 8px;
}
p.menu {
/*border-right: 2px solid #210A18;*/
background-color: #401720;
border-radius: 4px;
padding: 4px 8px;
text-align: right;
}
p.menu a {
margin-right: 12px;
}
ul {
list-style-type: none;
margin: 0px 0px 12px 20px;
padding: 0px;
}
ul ul {
margin-bottom: 4px;
}
li {

}
pre {
padding: 4px 8px;
background-color: #401720;
}
table {
margin: 0px;
padding: 0px;
}
td {
margin: 0px;
}
table.bbcode {
background: #30141D;
border: 1px solid #59212E;
border-collapse: collapse;
}
table.bbcode th {
border: 1px solid #59212E;
background-color: #411D28;
font: 10px Tahoma;
padding: 1px 8px;
}
table.bbcode td {
border: 1px solid #59212E;
padding: 2px 8px;
}
table.grid {
width: 100%;
}
input, textarea, select {
margin-top: 2px;
border: 1px solid #401720;
background-color: #210e14;/*#210A18;*/
color: #ffffff;
}
form {
margin: 0px;
padding: 0px;
}
form .optional {
color: #59212E;
}
select {
font: 12px Arial;
padding: 2px 4px;
}
select.dropmenu .default {
font-weight: bold;
color: #59212E;
}
input,textarea {
font: 12px Courier New;
padding: 2px 4px;
}
input.button, input.submit {
background-color: #401720;
border: 1px outset  #401720;
padding: 3px 8px;
cursor: pointer;
}
input.submit {
/*padding: 0px 8px;*/
font: bold 16px Arial;
padding: 3px 14px;
}
hr {
border: 0px;
border-top: 1px solid #59212E;
}
.group {
padding: 0px 21px 0px 21px;
}
.good {
color: #9cb113;
}
.bad {
color: #ff0000;
}
.light, .lite {
color: #fe820e;
}
.shaded {
color: #CF7493;
}
.dark {
color: #59212E; /*401720*/
}
.dark a, .hint a {
text-decoration: underline;
color: #59212E;
}
.dark a:hover, .hint a:hover {
color: #EDACC1;
}
.focused {
position: relative;
left: -8px;
margin-top: 14px;
padding: 4px 8px;
background-color: #371821;/* #441D29; */
}
.focused h2 {
margin-top: 0px;
}
.quoted {
font-weight: bold;
}
.sandbox {
display: none;
}
.quote {
margin: 12px 14px 8px 14px; /* ghggfghfhghh */
font-size: 10px;
color: #CF7493;
}
.quote .name {
font-weight: bold;
}
.quote .content {
margin: 0px !important;
padding: 0px !important;
}
.note, .caution {
/*border: 1px solid red;*/
margin: 18px 8px 18px 8px;
padding: 8px 12px 12px 42px;
font-size: 10px;
background-repeat: no-repeat;
background-position: 0% 50%;
}
.note {
background-image: url('../images/interface/icons/note.png');
color: #cf7493;
}
.note a {
font-weight: bold;
color: #cf7493;
}
.caution {
background-image: url('../images/interface/icons/caution.png');
color: #fe820e;
}
.caution a {
font-weight: bold;
color: #fe820e;
}
.current {
font-weight: bold;
text-decoration: underline;
}

/* interface */

.liquid_left {
position: absolute;
top: 0px;
left: 0px;
width: 383px;
height: 278px;
background: url('../images/interface/head_liquid_left.png') no-repeat;
}
.liquid_right {
width: 296px;
background: url('../images/interface/head_liquid_right.png') no-repeat;
}
.liquid_bg {
background: url('../images/interface/head_liquid_bg.png') repeat-x right top;
}
.menubar {
position: absolute;
z-index: 10;
top: 0px;
left: 0px;
height: 20px;
}
.menubar .items {
background: #501b2b url('../images/interface/menubar_bg.png') repeat-x right bottom;
padding-top: 1px;
padding-left: 8px;
}
.menubar .fadeout {
width: 120px;
background: url('../images/interface/menubar_fadeout.png') no-repeat right top;
}
.menubar a {
background: url('../images/interface/menubar_icon2.png') no-repeat 0px 7px;
margin-left: 20px;
padding: 0px 0px 0px 8px;
font: bold 12px Trebuchet MS;
color: #ffffff;
}
.menubar a:hover {
color: #edacc1;
}
/*.menubar {
position: absolute;
z-index: 10;
top: 0px;
left: 0px;
width: 400px;
height: 19px;
background: #501b2b url('../images/interface/menubar_bg.png') repeat-x right bottom;
padding-top: 1px;
}
.menubar a {
background: url('../images/interface/menubar_icon2.png') no-repeat 20px 7px;
padding: 0px 0px 0px 28px;
font: bold 12px Trebuchet MS;
color: #ffffff;
}
.menubar a:hover {
color: #edacc1;
}
.menubar_fadeout {
position: absolute;
z-index: 10;
top: 0px;
left: 400px;
width: 120px;
height: 20px;
background: url('../images/interface/menubar_fadeout.png') no-repeat right top;
}*/
.upcoming {
position: absolute;
top: 42px;
left: 25px;
width: 580px; /* 420 */
padding-left: 8px;
/*background: url('../images/interface/info_header_fadeout.png') no-repeat 89px 4px;*/
font: 11px Arial;
color: #fe820e;
}
.onair {
position: absolute;
top: 131px;
left: 25px;
height: 24px;
padding: 4px 0px 0px 8px;
background: url('../images/interface/onair_bg.png') no-repeat;
font: 14px Arial;
color: #fe820e;
}
.recent {
position: absolute;
top: 163px;
left: 25px;
width: 580px;
padding-left: 8px;
/*background: url('../images/interface/info_header_fadeout.png') no-repeat 78px 4px;*/
font: 11px Arial;
color: #fe820e;
}
.upcoming .fadeout, .recent .fadeout {
padding-left: 2px;
padding-bottom: 5px;
}
.upcoming .title, .recent .title {
position: relative;
left: -1px;
}
.upcoming a, .onair strong, .onair a, .recent strong {
font-weight: normal;
color: #ffffff;
}
.upcoming a:hover, .onair a:hover {
color: #edacc1;
}
.path {
position: absolute;
top: 326px;
left: 218px;
font: 10px Tahoma;
}
.path img {
margin: 0px 8px 0px 5px;
}
.path a {
color: #edacc1;
}
.path a:hover {
color: #ffffff;
}
table.content {
width: 100%;
background-color: #271118;
}
.border {
width: 1px;
background: url('../images/interface/center_border.png') repeat-y;
}
td.left {
width: 196px;
background: url('../images/interface/left_head.png') no-repeat;
padding-top: 37px;
vertical-align: top;
}
.left .column {
background: url('../images/interface/left_upright.png') no-repeat right top;
}
.left .bar {
height: 25px;
margin-right: 17px;
padding-left: 17px;
background: url('../images/interface/left_up_bg.png') repeat-x right top;
}
.center {
background: url('../images/interface/center_up_bg.png') repeat-x right top;
vertical-align: top;
}/* ghghh */
/*.center .left_border {
background: url('../images/interface/center_border.png') repeat-y left top;
}
.center .right_border {
background: url('../images/interface/center_border.png') repeat-y right top;
}*/
.center .left_up
{
position: relative;
left: -1px;
width: 8px;
height: 8px;
float: left;
background: url('../images/interface/center_left_up.png') no-repeat;
}
.center .right_up {
float: right;
position: relative;
left: 1px;
}
td.right {
width: 202px;
background: url('../images/interface/right_head.png') no-repeat;
padding-top: 37px;
vertical-align: top;
}
.right .column {
background: url('../images/interface/right_upleft.png') no-repeat;
}
.right .bar {
height: 25px;
margin-left: 17px;
padding-right: 17px;
background: url('../images/interface/right_up_bg.png') repeat-x;
}
.left, .right {
font-size: 11px;
color: #CF7493;
}
.left .bar,.right .bar {
padding-top: 5px;
text-align: center;
font: bold 10px Arial;
color: #fe820e;
}
.left .bar a,.right .bar a {
color: #ffffff;
}
.left .bar a:hover,.right .bar a:hover {
color: #edacc1;
}
.left .group, .right .group {
padding: 0px 12px 12px 12px;
}
.footer {
background: url('../images/interface/small_logo.png') no-repeat 50% 50%; /* 40px 50% */
padding: 130px 40px 40px 40px;
text-align: center;
font-size: 10px;
color: #59212E;/*#401720;*/
}
.footer a {
text-decoration: underline;
color: #59212E;
}
.footer a:hover {
color: #EDACC1;
}
.left .featuredbox {
position: relative;
left: -3px;
}
.featuredbox {
width: 180px;
background: url('../images/interface/side_featured_top.png') no-repeat 0px 10px;
margin-bottom: 8px;
}
.featuredbox .caption {
background-color: #271118;
margin-left: 10px;
padding-left: 1px;
font: 10px Tahoma;
color: #4a202d;
}
.featuredbox .caption .helper {
position: relative;
top: 1px;
}
.featuredbox .contents {
margin-top: 3px;
background: url('../images/interface/side_featured_bottom.png') no-repeat 0px 100%;
padding-bottom: 5px;
}
.featuredbox .contents p {
background: url('../images/interface/side_featured_bg.png') repeat-y 0px 0px;
margin: 0px;
padding: 4px 8px 4px 8px;
}
.donations_form {
display: none;
font-size: 11px;
}
.donations_form input.text {
margin-top: 2px;
width: 32px; /*40*/
height: 17px;
vertical-align: middle;
border: 0px;
background: transparent url('/resources/images/interface/donate_input.png') no-repeat;
text-align: right;
padding: 0px 4px;
color: #fe820e;
}
.donations_form input.submit {
vertical-align: middle;
}

/* content */
.group {
padding: 12px 20px;
overflow: hidden; 
}
.group a {
font-weight: bold;
}
.checkbox,.radio {
vertical-align: middle;
}
img.icon {
position: relative;
top: -1px;
margin-right: 1px;
vertical-align: middle;
}
img.antibot {
/*padding: 1px;
background-color: #000000;
border: 1px solid #edacc1;*/
}
.error {
margin-left: 4px;
color: red;
}
.hint {
margin-top: 4px;
padding: 3px 0px 3px 22px;
background: no-repeat url('../images/interface/icons/hint.png');
font-size: 9px;
color: #59212E;
}
.time {
background-color: #a0a0a0;
color: #ffffff;
padding: 1px 4px 0px 4px;
white-space: nowrap;
font: 10px Arial;
}
.controls {
width: 100%;
/*border-right: 2px solid #210A18;*/
background-color: #401720;
border-radius: 4px;
padding: 4px 8px;
text-align: right;
margin-bottom: 12px;
}
.controls .info {
text-align: left;
font-size: 10px;
color: #CF7493;/* ghghgh */
}
.controls .actions {
text-align: right;
}
.controls .actions a {
margin-right: 12px;
}
.data {
width: 100%;
margin-bottom: 16px;
}
.data th {
border-bottom: 1px solid #CF7493;
padding: 1px 8px !important;
font-size: 9px;
font-weight: normal;
color: #CF7493;
}
.data td {
border-bottom: 1px solid #401720;
margin-left: 1px;
padding: 4px 8px;
}
.polls_indicator {
border-left: 1px solid #401720;
padding-left: 1px;
}
.polls_indicator .progress {
height: 4px;
background-color: #fe820e;
}
.pages {
margin: 12px 0px;
text-align: center;
}
.pages span, .pages a {
margin: 0px 1px;
padding: 2px 7px;
font-size: 14px;
}
.pages span {
background-color: #401720;
font-weight: bold;
}
.path {
font-size: 11px;
}
.path a {
font-weight: normal;
}
.path a.root {
font-weight: bold;
}
.picture {
margin: 5px 0px;
}
.no_picture {
margin: 5px 0px;
padding-top: 42px;
width: 100px;
height: 58px;
text-align: center;
background: #210a18 url('../images/interface/no_picture.png') no-repeat;
}

/* forums */

.forums_category {
font-size: 18px;
font-weight: bold;
margin: 14px 0px 0px 0px;
padding: 0px;
border-bottom: 1px solid #EDACC1;
/*text-align: center;*/
}
.forums {
width: 100%;
background-color: #2F1A21;
}
.forums .forum, .forums .forum_selected {
background-color: #210A18;
border-top: 1px solid #271118;
border-right: 2px solid #210A18;
padding: 4px 6px;
}
.forums .stats {
float: right;
font-size: 10px;
color: #CF7493;
}
.forums .forum_selected {
background-color: #2F1A21;
border-right: 2px solid #2F1A21;
}
.forums small {
font-size: 11px;
color: #EDACC1;
}
.forums .overview {
display: none;
vertical-align: top;
padding: 2px 4px;
}
.forums .overview a {
font-weight: normal;
}
.forums .overview .old, .forums .overview .new {
padding-left: 16px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.forums .overview a.old, .forums .overview a.new:visited {
background-image: url("../images/interface/icons/old.png");
}
.forums .overview a.new {
background-image: url("../images/interface/icons/new.png");
}

.topics {
width: 100%;
margin-bottom: 12px;
}
.topics th {
border-bottom: 1px solid #EDACC1;
padding: 1px 2px;
font-weight: normal;
font-size: 10px;
color: #EDACC1;
}
.topics td {
/*background-color: #2F1A21;*/
border-bottom: 1px solid #401720;
/*border-bottom: 1px solid #271118;*/
padding: 6px 6px;
}
.topics small {
color: #EDACC1;
}
.topics small.dark {
color: #401720;
}
.topics .div {
padding: 4px 8px 2px 4px;
/*background-color: #271118;*/
background-color: #401720;
/*border-bottom: 1px dotted #a0a0a0;*/
text-align: right;
font-size: 10px;
font-weight: bold;
}
.topics .message {
padding: 12px 24px;
text-align: center;
}
.post_topic, .post {
width: 100%;
background-color: #2F1A21;
}
.post {
margin-top: 3px;
}
.post_topic .owner, .post .owner {
width: 140px;
min-width: 140px;
padding: 4px 8px 14px 8px;
vertical-align: top;
border-right: 1px solid #271118;
}
.post_topic .owner .dark, .post .owner .dark {
color: #CF7493;
}
.post_topic .content, .post .content {
padding: 4px 8px;
vertical-align: top;
background-color: #2F1A21;
}
.post_topic .info, .post .info {
float: right;
padding: 2px 4px 2px 20px;
font-size: 10px;
color: #CF7493;
}
.sampler#samplerSelection {
position: absolute;
border: 1px dashed red;
}