* {
padding : 0;
margin : 0;
}
body {
background : #111;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 12px;
padding : 0;
margin : 0;
color : #aaa;
line-height : 17px;
}
img {
border : none;
}
a {
color : #fa9c39;
}
a:hover {
text-decoration : none;
color : #fff;
}
#wrap {
width : 800px;
margin : 10px auto 0 auto;
}
#header {
height : 240px;
background : #111 url(images/header.gif) no-repeat;
}
#header h1 {
font-size : 38px;
font-weight : 100;
letter-spacing : -4px;
padding : 40px 0 5px 100px;
}
#header h1 a {
color : #fa9c39;
text-decoration : none;
}
#header h1 a:hover {
color : #fff;
text-decoration : none;
}
#header h2 {
color : #aaa;
font-size : 15px;
font-weight : 100;
padding : 0 0 0 106px;
letter-spacing : -1px;
}
#top {
height : 20px;
background : #111 url(images/header.gif) no-repeat;
}
#content {
background : #111 url(images/content.gif) repeat-y;
padding : 0 20px 0 30px;
}
.left {
float : left;
width : 160px;
margin-top : 10px;
padding : 10px;
}
.left h2 {
font-weight : 100;
color : #fa9c39;
font-size : 17px;
letter-spacing : -2px;
}
.left ul {
padding : 10px 0 10px 0;
list-style-type : none;
}
.left ul li {
padding : 1px 2px;
}
.left ul li a {
padding-left : 10px;
display : block;
color : #999;
font-weight : 100;
text-decoration : none;
font-size : 14px;
letter-spacing : -1px;
border-bottom : 1px solid #999;
}
.left ul li a:hover {
text-decoration : none;
border-bottom : 1px solid #fff;
color : #fff;
}
.right {
float : right;
width : 540px;
padding : 10px;
background : #000;
}
.right h2 {
color : #880000;
font-size : 24px;
letter-spacing : -3px;
font-weight : 100;
padding : 10px 0 15px 0;
}
.right h2 a {
color : #fa9c39;
text-decoration : none;
}
.right h2 a:hover {
color : #999;
}
#bottom {
height : 20px;
background : #111 url(images/bottom.gif) no-repeat;
}
#footer {
font-size : 11px;
color : #aaa;
text-align : center;
padding : 0 0 10px 0;
}
#footer a {
color : #aaa;
text-decoration : none;
}
#footer a:hover {
color : #aaa;
text-decoration : underline;
}
#qtlbar {
background-color : #ececec;
position : absolute;
}
img.qtl {
border : 0;
display : inline;
width : 16px;
height : 16px;
padding : 4px;
cursor : pointer;
}
img.qtl:hover {
background-color : #999999;
}
div.close-button:hover {
background-position : -28px 0%;
}
#qtlbar {
background-color : #ececec;
position : absolute;
}
img.qtl {
border : 0;
display : inline;
width : 16px;
height : 16px;
padding : 4px;
cursor : pointer;
}
img.qtl:hover {
background-color : #999999;
}
div.close-button:hover {
background-position : -28px 0%;
}
iframe.c5 {
border : 1px solid #ececec;
display : none;
background-color : white;
}
div.c4 {
clear : both;
}
div.c3 {
text-align : center;
}
img.c2 {
border : 3px solid #777777;
}
h2.c1 {
text-align : left;
}