* {
margin: 0;
padding: 0;
border: 0;
}
body {
font: 11px/1.2em Tahoma, Arial, Helvetica, sans-serif;
color: #BABAB7;
background: #461919 url(images/bg1.png) repeat 0 23px;
}
a {
color: #BABAB7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul, ul li {
list-style: none;
}
input, select, textarea {
font: 10px/1.2em Tahoma, Arial, Helvetica, sans-serif;
color: #383837;
}
img.png {
_behavior: url(pngtransparency.htc);
}
#bg {
width: 100%;
background: url(images/bg2.png) repeat-x 0 0;
}
#main {
margin: 0 auto;
width: 967px;
position: relative;
}
#headphones {
position: absolute;
top: 225px;
right: 199px;
z-index: 100;
}
#top {
width: 967px;
background: url(images/t.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/t.png');
_background-image: none;
}
#top1 {
width: 967px;
height: 90px;
background: url(images/t1.jpg) no-repeat 16px 0;
overflow: hidden;
}
#top1 ul {
margin: 32px 0 0 25px;
overflow: hidden;
}
#top1 ul li {
font-weight: bold;
color: #3A3838;
padding: 0 2px 0 0;
float: left;
height: 50px;
background: url(images/x2.png) no-repeat 100% 1px;
}
#top1 ul li a {
color: #3A3838;
text-align: center;
padding: 20px 22px 20px;
display: block;
}
#top1 ul li.first a {
padding-left: 15px;
}
#top1 ul li a:hover {
color: #6B0002;
text-decoration: none;
background: url(images/x1.gif) repeat-x;
}
#top2 {
width: 967px;
height: 141px;
background: url(images/t2.jpg) no-repeat 16px 0;
overflow: hidden;
}
#top2 h1 {
margin: 48px 0 0;
}
#top3 {
font-size: 10px;
color: #EFC103;
width: 967px;
height: 26px;
background: url(images/bg5.png) repeat-y;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg5.png');
_background-image: none;
overflow: hidden;
}
#top3 .content {
width: 953px;
height: 26px;
background: url(images/t3.jpg) no-repeat 16px 0;
overflow: hidden;
_position: relative;
}
#top3 p {
margin: 5px 0 0 29px;
}
#top3 a {
color: #EFC103;
}
#middle {
margin: 0;
width: 953px;
background: url(images/bg4.png) repeat-y;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg4.png');
_background-image: none;
overflow: hidden;
}
#content {
margin: 0 auto;
width: 921px;
background: url(images/bg3.png) repeat 0 11px;
overflow: hidden;
_position: relative;
}
#left_col {
margin: 0 0 0 2px;
padding: 0 0 25px;
float: left;
width: 180px;
overflow: hidden;
_display: inline;
}
#right_col {
margin: 0 2px 0 0;
padding: 0 0 25px;
float: right;
width: 180px;
overflow: hidden;
_display: inline;
}
#left_col .container1,
#left_col .container2,
#right_col .container1,
#right_col .container2 {
margin: 16px 0 0;
width: 180px;
}
#left_col .container1 h3,
#left_col .container2 h3,
#right_col .container1 h3,
#right_col .container2 h3 {
font: normal 11px/1.2em Tahoma, Arial, Helvetica, sans-serif;
color: #7D0C00;
margin: 0 0 5px;
padding: 7px 0 0 21px;
width: 159px;
height: 22px;
background: url(images/m1.png) no-repeat;
}
#left_col .container1 .bg,
#right_col .container1 .bg {
width: 179px;
background: url(images/m5.png) repeat-y;
}
#right_col .container1 .bg {
margin-left: 1px;
}
#left_col .container1 .content,
#right_col .container1 .content {
width: 179px;
background: url(images/m3.png) no-repeat 0 100%;
}
#left_col .container1 .main-text,
#right_col .container1 .main-text {
width: 179px;
background: url(images/m2.png) no-repeat;
overflow: hidden;
}
#left_col .container1 ul,
#right_col .container1 ul {
margin: 5px auto;
width: 167px;
overflow: hidden;
}
#left_col .container1 ul li,
#right_col .container1 ul li {
color: #E38701;
margin: -2px 0 0;
padding: 6px 0 8px 8px;
background: url(images/m4.png) no-repeat;
}
#left_col .container1 ul li a {
color: #E38701;
padding: 0 0 0 12px;
background: url(images/x3.gif) no-repeat 0 4px;
}
#left_col .container1 ul li a:hover {
color: #C9C9C9;
font-weight: bold;
text-decoration: none;
}
#right_col .container1 ul li.yellow a {
color: #E29001;
}
#right_col .container1 ul li a:hover {
font-weight: bold;
text-decoration: none;
}
#left_col .container2 .bg,
#right_col .container2 .bg {
font-size: 10px;
color: #E38701;
width: 179px;
height: 134px;
background: url(images/m6.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/m6.png');
_background-image: none;
overflow: hidden;
}
#right_col .container2 .bg {
margin-left: 1px;
}
#left_col .container2 .bg .label {
margin: 16px 0 0 11px;
}
#left_col .container2 .bg .input,
#right_col .container2 .bg .input,
#right_col .container2 .bg .input2 {
margin: 14px 0 0 11px;
width: 109px;
height: 18px;
background: url(images/x7.png) no-repeat;
overflow: hidden;
_position: relative;
}
#right_col .container2 .bg .input {
margin-top: 19px;
}
#right_col .container2 .bg .input2 {
margin-top: 5px;
}
#left_col .container2 .bg .input input,
#right_col .container2 .bg .input input,
#right_col .container2 .bg .input2 input {
margin: 3px 0 0 6px;
*margin: 2px 0 0 -5px;
display: block;
width: 98px;
background: transparent;
}
#left_col .container2 .bg a,
#right_col .container2 .bg a {
color: #E38701;
}
#left_col .container2 .bg .send,
#right_col .container2 .bg .send {
margin: -18px 0 0 128px;
_position: relative;
}
#left_col .container2 .bg .send input,
#right_col .container2 .bg .send input {
display: block;
}
#left_col .container2 .bg .text {
margin: 14px 0 0 11px;
_position: relative;
}
#right_col .container2 .bg .text {
line-height: 2.1em;
margin: 8px 0 0 11px;
_position: relative;
}
#center_col {
margin: 0 0 0 11px;
padding: 25px 0;
float: left;
width: 535px;
}
#center_col .container {
width: 535px;
}
#center_col .container .main-text {
width: 535px;
overflow: hidden;
background: #1B1C19 url(images/c1.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/c1.png');
_background-image: none;
*background-color: #141512;
}
#center_col .container .main-text p.img {
text-align: center;
padding: 28px 0 0;
float: left;
width: 108px;
_position: relative;
}
#center_col .container .main-text h2 {
font: bold 12px/1.2em Tahoma, Arial, Helvetica, sans-serif;
color: #E0A102;
margin: 24px 0 0 105px;
padding: 0 0 5px 22px;
background: url(images/x4.png) no-repeat;
_position: relative;
}
#center_col .container .main-text h2 a {
color: #E0A102;
}
#center_col .container .main-text p.text {
text-align: justify;
margin: 5px 17px 12px 108px;
_position: relative;
}
#center_col .container .bottom {
font-size: 10px;
color: #838380;
font-weight: bold;
width: 535px;
height: 39px;
background: url(images/c2.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/c2.png');
_background-image: none;
overflow: hidden;
}
#center_col .container .bottom em,
#center_col .container .bottom a {
color: #FFF8F8;
font-style: normal;
}
#center_col .container .bottom .author {
margin: 8px 0 0 14px;
padding: 0 0 0 16px;
float: left;
background: url(images/x5.png) no-repeat;
_display: inline;
_position: relative;
}
#center_col .container .bottom .comments {
margin: 8px 0 0 27px;
padding: 0 0 0 22px;
float: left;
background: url(images/x6.png) no-repeat;
_position: relative;
}
#center_col .container .bottom .date {
margin: 8px 0 0 19px;
float: left;
_position: relative;
}
#center_col .container .bottom .more {
margin: 8px 13px 0 0;
padding: 0 0 0 13px;
float: right;
background: url(images/x8.png) no-repeat 0 5px;
_display: inline;
_position: relative;
}
#banner {
text-align: center;
width: 535px;
}
#footer {
font-size: 10px;
color: #2D1010;
margin: 0 auto 14px;
clear: both;
width: 910px;
height: 37px;
background: url(images/footer.png) no-repeat;
overflow: hidden;
}
#footer p {
text-align: center;
margin: 14px 0 0;
}
#footer em {
font-weight: bold;
font-style: normal;
}