Then edit themes/custom/style.css and replace the whole content with.maintable {
background-color : #080a10;
}
.catrow_noalb, .tableb {
padding : 3px;
background-color : #191b21;
}
.tableh1 {
padding : 8px;
font-size : 13px;
font-weight : bold;
background-color : #2a2c32;
}
.tableh2, .tablef {
padding : 5px;
background-color : #2a2c32;
}
.catlink a { display : block; font-weight : bold; }
.catrow { padding : 5px; background-color : #4c4e54; }
.catlink { padding : 5px; display : block; }
input {
background-color: #009933;
font-family: verdana, arial, tahoma;
font-size: 9px;
color: #727272;
border-color: #38454E;
border-width: 1px;
}
textarea {
background-color: #273138;
font-family: verdana, arial, tahoma;
font-size: 9px;
color: #727272;
border: 1px solid #000;
scrollbar-highlight-color: #37444C;
scrollbar-shadow-color: #1A2024;
scrollbar-track-color: #273138;
scrollbar-face-color: #273138;
scrollbar-arrow-color: #727272;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
.maintable {
background-color : #080a10;
}
.catrow_noalb {
padding : 3px;
background-color : #191b21;
}
.tableh1 {
padding : 3px;
background-color : #2a2c32;
}
.catrow { padding : 5px; background-color : #4c4e54; }
.catlink { padding : 5px; display : block; }
BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
SCROLLBAR-FACE-COLOR: #f1f1f1;
BACKGROUND: url("themes/custom/images/misc/back.gif") #252525;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
FONT: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #c8c8ca;
COLOR: #c1c1c7;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #999999;
PADDING-TOP: 0px;
SCROLLBAR-TRACK-COLOR: #f9fafa;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #f2f2f2;
background-image: url(themes/custom/images/misc/back.gif);
}
input {
background-color: #353B2D;
font-family: verdana, arial, tahoma;
font-size: 9px;
color: #FFFFFF;
border-color: #000000;
border-width: 1px;
}
textarea {
background-color: #353B2D;
font-family: verdana, arial, tahoma;
font-size: 9px;
color: #FFFFFF;
border: 1px solid #000;
scrollbar-highlight-color: #37444C;
scrollbar-shadow-color: #1A2024;
scrollbar-track-color: #353B2D;
scrollbar-face-color: #000000;
scrollbar-arrow-color: #888F7A;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
A:link {
COLOR: #e7ac1d;
text-decoration: none;
}
A:visited {
COLOR: #e7ac1d;
text-decoration: none;
}
A:hover {
COLOR: #ffc600;
text-decoration: none;
}
A:active {
COLOR: #ffc600;
text-decoration: none;
}
.page {
BACKGROUND: #191b21; COLOR: #c1c1c7
}
TD {
FONT: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
TH {
FONT: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
P {
FONT: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
LI {
FONT: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.tborder {
BACKGROUND: #000000; COLOR: #c1c1c7
}
.tcat {
BACKGROUND: url(disturbed/misc/cat_back.gif) #3c462f repeat-x left top; FONT: bold 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #a8a8ad
}
.tcat A:link {
COLOR: #a8a8ad; TEXT-DECORATION: none
}
.tcat A:visited {
COLOR: #a8a8ad; TEXT-DECORATION: none
}
.tcat A:hover {
COLOR: #d0d0d0; TEXT-DECORATION: underline
}
.tcat A:active {
COLOR: #d0d0d0; TEXT-DECORATION: underline
}
.thead {
BACKGROUND: url(disturbed/misc/strip_back.gif) #020202 repeat-x left top; FONT: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #aaaaaa
}
.thead A:link {
COLOR: #a5a5b2
}
.thead A:visited {
COLOR: #a5a5b2
}
.thead A:hover {
COLOR: #d0d0d0
}
.thead A:active {
COLOR: #d0d0d0
}
.tfoot {
BACKGROUND: #191b21; COLOR: #c1c1c7
}
.tfoot A:link {
COLOR: #e7ac1d
}
.tfoot A:visited {
COLOR: #e7ac1d
}
.tfoot A:hover {
COLOR: #ffc600
}
.tfoot A:active {
COLOR: #ffc600
}
.alt1 {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #424242; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
.alt1Active {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #424242; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
.alt2 {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #363636; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
.alt2Active {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #363636; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
TD.inlinemod {
BACKGROUND: #5e6e48; COLOR: #aaaaaa
}
.wysiwyg {
BACKGROUND: #31333b; FONT: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #f7f7f7
}
TEXTAREA {
BACKGROUND: #31333b; FONT: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #b9b9bd
}
.bginput {
BACKGROUND: #31333b; FONT: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #b9b9bd
}
.button {
BORDER-RIGHT: #000000 3px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: #191b21; FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 3px solid
}
SELECT {
BACKGROUND: #31333b; FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #b9b9bd
}
OPTION {
FONT-SIZE: 11px; FONT-FAMILY: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
OPTGROUP {
FONT-SIZE: 11px; FONT-FAMILY: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif
}
.smallfont {
FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #aaaaaa
}
.time {
COLOR: #cd5105
}
.navbar {
FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #c1c1c7
}
.highlight {
FONT-WEIGHT: bold; COLOR: #ffffff
}
.fjsel {
BACKGROUND: #3e5c92; COLOR: #e0e0f6
}
.fjdpth0 {
BACKGROUND: #f7f7f7; COLOR: #000000
}
.panel {
BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 2px solid; PADDING-LEFT: 10px; BACKGROUND: #31333b; PADDING-BOTTOM: 10px; BORDER-LEFT: #000000 2px solid; COLOR: #ffffff; PADDING-TOP: 10px; BORDER-BOTTOM: #000000 2px solid
}
.panelsurround {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: #1d1e21; BORDER-LEFT: #000000 1px solid; COLOR: #aaaaaa; BORDER-BOTTOM: #000000 1px solid
}
LEGEND {
FONT: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #ffffff
}
.vbmenu_control {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: url(disturbed/misc/cat_back.gif) #4b4c53; PADDING-BOTTOM: 3px; FONT: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; COLOR: #f7f7f7; PADDING-TOP: 3px; WHITE-SPACE: nowrap
}
.vbmenu_control A:link {
COLOR: #b5b5b6; TEXT-DECORATION: none
}
.vbmenu_control A:visited {
COLOR: #b5b5b6; TEXT-DECORATION: none
}
.vbmenu_control A:hover {
COLOR: #d0d0d1; TEXT-DECORATION: underline
}
.vbmenu_control A:active {
COLOR: #d0d0d1; TEXT-DECORATION: underline
}
.vbmenu_popup {
BORDER-RIGHT: #181b16 1px solid; BORDER-TOP: #181b16 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #181b16 1px solid; COLOR: #000000; BORDER-BOTTOM: #181b16 1px solid; TEXT-ALIGN: left
}
.vbmenu_option {
BORDER-RIGHT: #181b16 1px solid; BORDER-TOP: #181b16 1px solid; BACKGROUND: #323338; FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; BORDER-LEFT: #181b16 1px solid; CURSOR: pointer; COLOR: #cccccc; BORDER-BOTTOM: #181b16 1px solid; WHITE-SPACE: nowrap
}
.vbmenu_option A:link {
COLOR: #cccccc; TEXT-DECORATION: none
}
.vbmenu_option A:visited {
COLOR: #cccccc; TEXT-DECORATION: none
}
.vbmenu_option A:hover {
COLOR: #f7f7f7; TEXT-DECORATION: none
}
.vbmenu_option A:active {
COLOR: #f7f7f7; TEXT-DECORATION: none
}
.vbmenu_hilite {
BORDER-RIGHT: #181b16 1px solid; BORDER-TOP: #181b16 1px solid; BACKGROUND: #414249; FONT: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; BORDER-LEFT: #181b16 1px solid; CURSOR: pointer; COLOR: #f7f7f7; BORDER-BOTTOM: #181b16 1px solid; WHITE-SPACE: nowrap
}
.vbmenu_hilite A:link {
COLOR: #f7f7f7; TEXT-DECORATION: none
}
.vbmenu_hilite A:visited {
COLOR: #f7f7f7; TEXT-DECORATION: none
}
.vbmenu_hilite A:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
.vbmenu_hilite A:active {
COLOR: #ffffff; TEXT-DECORATION: none
}
.bigusername {
FONT-SIZE: 11pt
}
TD.thead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
DIV.thead {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.pagenav A {
TEXT-DECORATION: none
}
.pagenav TD {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.fieldset {
BORDER-RIGHT: #181b16 2px solid; BORDER-TOP: #181b16 2px solid; MARGIN-BOTTOM: 6px; BORDER-LEFT: #181b16 2px solid; BORDER-BOTTOM: #181b16 2px solid
}
.fieldset {
FONT-SIZE: 11px
}
.fieldset TD {
FONT-SIZE: 11px
}
.fieldset P {
FONT-SIZE: 11px
}
.fieldset LI {
FONT-SIZE: 11px
}
FORM {
DISPLAY: inline
}
LABEL {
CURSOR: default
}
.normal {
FONT-WEIGHT: normal
}
.inlineimg {
VERTICAL-ALIGN: middle
}
TABLE.border {
BORDER-RIGHT: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #000000 1px solid
}
.info {
BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #0c0c0c 1px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #0c0c0c 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #262525
}
.btmcat {
BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid
}
.pbitcat {
BORDER-LEFT: #000000 1px solid
}
.icons {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #363636
}
.announce_l {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #4b5a37; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
.announce_r {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #5e6e48; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
.stuck {
BORDER-TOP: #504f4f 1px solid; BACKGROUND: #5e6e48; BORDER-LEFT: #504f4f 1px solid; COLOR: #aaaaaa
}
.spacer {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.header{
color:#F1CF7E;
font-weight:bold;
padding: 7 7 7 7;
text-align:center;
display:block;
vertical-align:middle;
border-bottom:2px solid #000;
}
.header2{
color:#F1CF7E;
font-weight:bold;
padding: 3 10 3 10;
display:block;
}
.nav a{
color:#e7ac1d;
font-weight:bold;
padding: 3 3 3 10;
display:block;
border-bottom:2px solid #000;
}
.nav a:visited{
color:#e7ac1d;
font-weight:bold;
padding: 3 3 3 10;
display:block;
border-bottom:2px solid #000;
}
.nav a:active{
color:#e7ac1d;
font-weight:bold;
padding: 3 3 3 10;
display:block;
border-bottom:2px solid #000;
}
.nav a:hover{
color:#F1CF7E;
background-color:#333333;
font-weight:bold;
padding: 3 3 3 20;
display:block;
border-bottom:2px solid #000;
}
.style1 {
COLOR: #E7AC1D;
font-weight: bold;
}
You have a lot of contradictive definitions in that file and should review it in detail. I recommend buying a book on HTML and CSS and starting some reading.