/*
Layout by Kibumie
For Life in Despair
All Rights Reserved
*/

body {
background: #000000 url('img/bg.gif') repeat;
margin: 0px;
color: #9C9C9C;
font-family: verdana, arial;
font-size: 10px;
letter-spacing: 2px;
text-align: justify;
}

.header {
background: url('img/header.gif') repeat-x;
top: 0px;
height: 27px;
}

/* Despair */

.d1 {
background: url('img/header_1.png') no-repeat;
position: fixed;
bottom: 0px;
z-index: 1;
width: 86px;
height: 342px;
}

.d2 {
background: url('img/header_2.png') no-repeat;
position: fixed;
bottom: 0px;
z-index: 1;
width: 143px;
height: 342px;
left: 86px;
}

.d3 {
background: url('img/header_3.png') no-repeat;
position: fixed;
bottom: 0px;
z-index: 1;
width: 140px;
height: 270px;
left: 229px;
}

.d4 {
background: url('img/header_4.png') no-repeat;
position: fixed;
bottom: 0px;
z-index: 1;
width: 45px;
height: 178px;
left: 343px;
}

.d5 {
background: url('img/header_6.png') no-repeat;
position: fixed;
bottom: 0px;
z-index: 1;
width: 60px;
height: 88px;
left: 388px;
}

.d6 {
background: url('img/header_8.png') no-repeat;
position: fixed;
z-index: 1;
bottom: 0px;
width: 256px;
height: 78px;
left: 438px;
}

.d7 {
background: url('img/header_7.png') no-repeat;
position: fixed;
z-index: 1;
bottom: 0px;
width: 50px;
height: 88px;
left: 694px;
}

.d8 {
background: url('img/header_5.png') no-repeat;
position: fixed;
z-index: 1;
bottom: 0px;
width: 146px;
height: 106px;
left: 744px;
}

.d9 a {
position: fixed;
bottom: 0px;
width: 60px;
height: 50px;
padding-top: 20px;
left: 890px;
text-align: center;
background: #000000;
color: #00E4FF;
filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3;
}

.d9 a:hover {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;
}

/* Navigation */

.home a {
position: absolute;
top: 100px;
left: 80px;
color: #FF9600;
font-size: 20px;
font-family: times new roman;
padding-top: 0px;
}

.home a:hover {
color: #ffffff;
padding-top: 3px;
}

.fan a {
position: absolute;
top: 90px;
left: 140px;
color: #FFED53;
font-size: 40px;
font-family: times new roman;
padding-top: 0px;
font-style: italic;
}

.fan a:hover {
color: #ffffff;
padding-top: 3px;
}

.despair a {
position: absolute;
top: 70px;
left: 180px;
color: #53F5FF;
font-size: 29px;
font-family: times new roman;
padding-top: 0px;
font-weight: bold;
}

.despair a:hover {
color: #ffffff;
padding-top: 3px;
}

.site a {
position: absolute;
top: 130px;
left: 160px;
color: #FF1D1D;
font-size: 24px;
font-family: times new roman;
padding-top: 0px;
font-weight: bold;
font-style: italic;
letter-spacing: 6px;
}

.site a:hover {
color: #ffffff;
padding-top: 3px;
}

.le a {
position: absolute;
top: 80px;
left: 45px;
color: #4A4A4A;
font-size: 15px;
font-family: times new roman;
padding-top: 0px;
font-weight: bold;
letter-spacing: 4px;
}

.le a:hover {
color: #ffffff;
padding-top: 3px;
}


/* Content */

.content {
position: absolute;
left: 350px;
top: 50px;
padding-bottom: 140px;
width: 400px;
line-height: 170%;
}

a {color: #ffffff; text-decoration: none;}

a:hover {color: #FDFF5E;}

.content li {
background-image: url('img/bullet.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 2em;
list-style-type: none;
}

b {color: #0DCC08; font-size: 20px; font-family: times new roman, arial; font-style: italic;}

img {border: 7px solid #3B3B3B;}
a img {border: 7px solid #3B3B3B;}
a:hover img {border: 7px solid #000000;}

blockquote {
background: #000000;
color: #2C2C2C;
text-transform: uppercase;
padding: 5px;
letter-spacing: 0px;
font-size: 9px;
}

blockquote a {color: #3D3D3D;}
blockquote a:hover {color: #ffffff;}

/* Fan Submenu */

.submenu {
float: right;
width: 120px;
margin-left: 10px;
}

.submenu a {
display: block;
background: #000000;
text-transform: uppercase;
font-size: 9px;
border-bottom: 1px solid #2C2C2C;
color: #2C2C2C;
padding-left: 5px;
}

.submenu a:hover {
background: #2C2C2C;
color: #ffffff;
}

/* Footer */

.footer {
color: #2C2C2C;
text-transform: uppercase;
padding-top: 9px;
letter-spacing: 0px;
font-size: 9px;
width: 380px;
line-height: 100%;
}

.footer a {color: #3D3D3D;}
.footer a:hover {color: #ffffff;}


/* Fanlisting */

select {
background: #000000;
color: #00F6FF;
font-family: arial;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
border: 0px;
}

input {
background: #000000;
color: #00F6FF;
font-family: arial;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding: 3px;
border: 0px;
}

textarea {
background: #000000;
color: #00F6FF;
font-family: arial;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding: 3px;
border: 0px;
}