body {
background : #020404 url(images/bg.jpg) repeat;
font-size : 11px;
color : #ffffff;
cursor : help;
font-family : verdana;
padding : 0;
margin : 0;
text-align : center;
}
a:link, a:visited, a:active {
text-decoration : underline;
color : #ffc200;
font-family : georgia;
}
a:hover {
color : #4ac0f2;
border-bottom : 1px solid #ffc200;
cursor : crosshair;
}
b {
color : #4ac0f2;
font-family : georgia;
}
i {
color : #ff5b00;
font-family : georgia;
background : #0f0202;
}
u {
color : #db1a44;
background : #0f0202;
font-family : georgia;
}
del {
color : #ffffff;
font-family : georgia;
}
h1 {
background : url(images/header.png) no-repeat center;
height : 30px;
font-size : 19px;
font-weight : bold;
text-transform : uppercase;
font-family : times new roman;
letter-spacing : 5px;
text-align : center;
display : block;
padding-top : 10px;
color : #ffc200;
}
h1:first-letter {
color : #ff7623;
font-family : verdana;
}
h1 b {
color : #4ac0f2;
font-family : times new roman;
}
h2 {
color : #ffc200;
letter-spacing : 2px;
font-size : 16px;
font-weight : bold;
font-family : verdana;
text-align : center;
border-bottom : 2px dotted #4ac0f2;
width : 50%;
margin-left : 50px;
}
h2:first-letter {
background : #4f001c;
padding : 2px;
font-size : 18px;
color : #ff7623;
font-family : times new roman;
}
h2 b {
color : #4ac0f2;
font-family : verdana;
}
input {
background : #3b0000 url(images/bg.jpg);
border-top : 3px solid #b2b2b2;
border-bottom : 3px solid #b2b2b2;
border-left : 3px solid #000000;
border-right : 3px solid #000000;
font-size : 12px;
color : #eed977;
font-family : verdana;
}
h3 {
background : #ff5b00;
font-size : 14px;
font-family : verdana;
text-align : left;
padding-left : 5px;
letter-spacing : 3px;
}
h3:first-letter {
color : #4ac0f2;
}
select, textarea, input, blockquote {
background : url(images/bg.png);
border : 2px solid #84002e;
color : #ffc200;
font-family : georgia;
padding : 2px;
font-size : 11px;
}
blockquote {
text-align : center;
}
select:hover, textarea:hover, input:hover, blockquote:hover {
border : 2px solid #b80028;
color : #f2f5ed;
}
#wrap {
width : 750px;
margin : auto;
}
#header1 {
background : url(images/index_01.jpg) no-repeat;
height : 169px;
position : relative;
}
#header2 {
background : url(images/index_02.jpg) no-repeat;
height : 162px;
position : relative;
}
#header3 {
background : url(images/index_03.jpg) no-repeat;
height : 169px;
position : relative;
}
#nav {
width : 152px;
height : 107px;
float : left;
position : relative;
margin-left : 15px;
margin-top : 25px;
text-transform : uppercase;
font-weight : bold;
}
#nav a {
color : #ffc200;
}
#nav a:hover {
color : #f2f5ed;
text-decoration : none;
}
#intro {
background : url(images/bg.png) repeat;
width : 412px;
float : right;
text-align : center;
padding : 3px;
position : relative;
margin-top : -335px;
}
#content1 {
width : 443px;
float : right;
text-align : justify;
margin : 0;
position : relative;
margin-top : -250px;
}
#content2 {
width : 562px;
float : right;
text-align : justify;
margin : 0;
position : relative;
margin-bottom : 10px;
}
#content3 {
width : 181px;
float : left;
text-align : justify;
margin-top : -20px;
position : relative;
}
#footer {
clear : both;
text-align : center;
font : 9px arial;
text-transform : uppercase;
position : relative;
}
#top-R {
width : 50%;
background : url(images/bg-top-R.jpg) repeat-x;
height : 146px;
margin-bottom : -146px;
float : right;
}
#top-L {
width : 50%;
background : url(images/bg-top-L.jpg) repeat-x;
height : 379px;
margin-bottom : -379px;
float : left;
}
#bottom {
width : 100%;
background : url(images/bg.png);
border-top : 3px dotted #4ac0f2;
height : 60px;
margin-top : -60px;
float : left;
}
a#Home {
font-size : 20px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#About {
font-size : 14px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#Site {
font-size : 18px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#Links {
font-size : 20px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#Icons {
font-size : 18px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#Wallpapers {
font-size : 12px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#Layouts {
font-size : 14px;
position : relative;
font-family : arial;
text-decoration : none;
}
a#PNG {
font-size : 24px;
position : relative;
font-family : arial;
text-decoration : none;
}
#aff {
float : right;
}
a.affy {
background : #000000;
color : #ffc200;
font-size : 10px;
font-weight : bold;
font-family : verdana;
text-decoration : none;
padding : 2px;
border : 2px solid #b80028;
}
a.affy:hover {
color : #ffffff;
}
a#Host:hover {
color : #ffffff;
}
a#Sib:hover {
color : #ffffff;
}
a#Host {
background : #000000;
color : #ffc200;
font-size : 10px;
font-weight : bold;
font-family : verdana;
text-decoration : none;
padding : 2px;
border : 2px solid #4ac0f2;
}
a#Sib {
background : #000000;
color : #ffc200;
font-size : 10px;
font-weight : bold;
font-family : verdana;
text-decoration : none;
padding : 2px;
border : 2px solid #ff5b00;
}
a.vote {
border : none;
text-decoration : none;
background : #000000;
padding : 4px;
border : 2px solid #84002e;
width : 88px;
height : 31px;
display : block;
}
a.vote:hover {
border : none;
text-decoration : none;
padding : 4px;
border : 2px dotted #b80028;
width : 88px;
height : 31px;
display : block;
}
.av {
float : right;
margin : 10px;
background : #4ac0f2;
padding : 3px;
border : 3px solid #ff5b00;
color : #84002e;
font-weight : bold;
text-align : center;
}
a.comm {
text-decoration : none;
color : #b80028;
font-family : arial;
font-size : 15px;
letter-spacing : 1px;
}
a.comm:hover {
border : none;
color : #84002e;
}
a.kon {
text-decoration : none;
color : #ff5b00;
font-family : verdana;
font-size : 10px;
text-transform : uppercase;
float : right;
position : relative;
margin-top : -3px;
}
a.kon:hover {
border : none;
color : #ffc200;
}
.preview {
background : #84002e url(images/prev.jpg);
width : 165px;
text-align : center;
float : left;
margin-bottom : 50px;
padding : 3px;
margin : 5px;
border-top : 3px solid #ffffff;
border-bottom : 3px solid #ffffff;
}
.preview:hover {
border-top : 3px solid #ffc200;
border-bottom : 3px solid #ffc200;
}
.prev_head {
height : 0;
position : relative;
}
.prev_pic {
position : relative;
padding : 3px;
}
.prev_text {
padding-top : 3px;
padding-bottom : 3px;
width : 165px;
text-align : center;
position : relative;
font-size : 11px;
}
.prev_foot {
height : 0;
clear : both;
}
#preview-lay {
height : 422px;
}
#preview-png {
height : 521px;
}
#preview-wall {
height : 442px;
width : 562px;
}
.avatars {
border : 2px solid #ffffff;
margin : 2px;
}
.avatars:hover {
border : 2px solid #ffc200;
}
.exchange {
margin-left : -30px;
}
.exchange li {
list-style : none;
float : left;
width : 25%;
}
a.linkex {
display : block;
height : 14px;
text-align : center;
position : relative;
padding : 2px;
color : #ffc200;
text-decoration : none;
position : relative;
}
a.linkex:hover {
background : #84002e;
color : #ffffff;
border : none;
}
a.linkex:first-letter {
color : #4ac0f2;
font-weight : bold;
}