body {
color: #CFCBC2;
text-align: center;
background-color: #4e4e4e;
font-size: 12px;
font-family: Verdana, Helvetica, Sans-Serif;
background-image:url('img/bg.gif');
background-position:center top;
background-repeat:repeat-y;
margin: 0;
padding: 0;
}
#content {
width: 780px;
float: left;
clear: none;
min-height: 100px;
overflow: auto;
margin:0;
padding: 5px 5px 5px 5px;
margin-left:10px;
background-color: #232323;
border-bottom: 1px solid #333;
background-image:url('img/content.gif');
}
#oben {
height:10px;
width:100%;
background-color: #000;
background-image:url('img/oben.gif');
background-repeat:repeat-x;
}
#wrapper {
position: relative;
width: 980px;
text-align: left;
margin: 0 auto;
background-color: #000;
background-image:url('img/wrapper.gif');
background-position:center top;
background-repeat:repeat-y;
}
#header {
height: 200px;
width: 980px;
margin: 0 auto;
text-align: center;
vertical-align:middle;
background-image: url(img/header.jpg);
background-repeat:no-repeat;
background-color: #000;
}
#sitename {
text-align: left;
padding: 120px 0 0 180px;
font-weight: normal;
font-size: 24px;
color: #999;
text-shadow: 1px 1px 5px #000;
}
#sitename:first-letter {
border-bottom: 1px solid #FFAE00;
}
#top {
background: url(img/top.gif);
height: 50px;
background-color: #000;
color: #fff;
}
#top p {
color: #444;
text-decoration: underline;
display: inline;
position: absolute;
left: 182px;
margin-top: 8px;
font-size: 14px;
}
#main_content {
width: 980px;
margin:0 auto;
}
#footer {
color: #666;
font-size: 9px;
background-image: url(img/footer.gif);
background-repeat:no-repeat;
height: auto;
text-align: center;
margin:10px 0 0 0;
padding: 8px 0;
background-color:#000;
}
#footer p {
color: #444;
width: 700px;
margin: 0 auto;
padding: 2px 0;
}
#footer a {
font-size: 9px;
color: #555;
}
#sidebar_left {
text-align:left;
width: 170px;
float: left;
overflow: hidden;
background-color:#fff;
padding-bottom: 5px;
background-color: #232323;
}
#left_menu {
width: 160px;
float: left;
overflow: hidden;
margin: 5px;
}
#left_menu li {
list-style-type: none;
padding: 0;
margin:0;
}
#left_menu ul {
list-style-type: none;
padding: 0;
margin:0;
}
#left_menu li a {
width: 140px;
height: 20px;
display : block;
vertical-align : middle;
color: #fff;
padding: 0 0 0 20px;
margin: 0 2px 0 2px;
background-image:url('img/menu.jpg');
background-repeat: no-repeat;
}
#left_menu li a:hover, #left_menu li a:active {
color: #6EBCFF;
background-image:url('img/menu_hover.jpg');
background-repeat: no-repeat;
list-style-type: none;
}
#left_menu li li a, #left_menu li li a:hover, #left_menu li li a:active {
color: #fff;
list-style-type: none;
}
#sidebar_left .menu_heading {
color: #6EBCFF;
background-image:url('img/menu_heading_left.jpg');
background-repeat: no-repeat;
}
#sidebar_right .menu_heading {
color: #FA4137;
background-image:url('img/menu_heading_right.jpg');
background-repeat: no-repeat;
}
.menu_heading {
width: 138px;
height: 30px;
line-height: 30px;
font-size: 13px;
color: #6EBCFF;
font-weight:bold;
text-align:left;
display:block;
padding: 0 0 0 20px;
margin:0;
background-color:#222;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #222;
text-shadow: 1px 1px 5px #000;
}
.menu_heading:first-letter {
text-decoration:underline;
}
#left_menu_inner, #right_menu_inner {
padding:0 0 10px 0;
width: 158px;
background-color: #222;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
.menu_bottom {
width: 158px;
height: 10px;
background-color:#222;
background-image:url('img/menu_bottom.jpg');
background-repeat: no-repeat;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #222;
}
#sidebar_right {
text-align:center;
width: 170px;
float: right;
overflow: hidden;
background-color:#fff;
padding-bottom: 5px;
background-color: #232323;
}
#right_menu {
width: 160px;
float: right;
overflow: hidden;
margin: 5px;
}
#sidebar_left ul
{
padding: 0;
margin: 0;
width: 140px;
}
#sidebar_left li
{
margin:0;
padding:0;
}
#sidebar_left li ul
{
width: 140px;
}
#sidebar_left li li
{
padding-left: 26px;
}
#sidebar_left li a, sidebar_left li li a
{
font-size: 13px;
font-weight: normal;
text-decoration: none;
height: 20px;
line-height:20px;
}
td {
font-size: 12px;
}
/* Hyperlinks */
a, #sidebar_left .Cmite a, #sidebar_left .Cnorm a, #sidebar_left .Cdark a {
color: #FFAE00;
font-size: 11px;
text-decoration: underline;
}
a:hover {
color: #fff;
text-decoration: none;
}
a.box {
font-size: 11px;
text-decoration: underline;
background:none;
}
a.box:hover {
color: #fff;
text-decoration: none;
}
.Chead {
background: #000;
}
.Chead a {
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b {
background: #000;
}
.Callg {
background-color: #111;
}
.Callg td {
}
.Cnorm {
background-color: #111;
}
.Cmite {
background-color: #222;
}
.Cdark {
background-color: #333;
}
.rand {
border: solid #999 1px;
}
.smalfont {
font-size: 10px;
text-decoration: none;
}
.border {
background-color: #000;
}
hr {
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
#sidebar_right input, #sidebar_right textarea, #sidebar_right select {
max-width: 150px;
overflow:hidden;
}
#sidebar_left input, #sidebar_left textarea, #sidebar_left select {
max-width: 150px;
overflow:hidden;
}
input, textarea, select {
margin-top: 4px;
color:#fff;
border-top: 1px solid #111;
border-left: 1px solid #111;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
font-weight: normal;
text-decoration: none;
background-color: #222 !important;
}
input:hover, textarea:hover, select:hover {
background-color: #333 !important;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
img {
border: none;
}
.clr {
clear:both;
}