html, body { 
margin : 0; 
padding : 0; 
} 
body { 
font : 11px verdana, sans-serif; 
background : #fff url('bg.jpg'); 
} 
p { 
margin : 0 10px 10px; 
} 
div#header { 
position : relative; 
background : url('dk_bg2.jpg') repeat-x; 
height : 231px; 
top : 0; 
left : 0; 
padding : 0; 
margin : 0; 
} 
div#skinn { 
position : absolute; 
top : 102px; 
left : 635px; 
width : 50px; 
} 
div#battle { 
position : absolute; 
top : 20px; 
left : 55px; 
width : 140px; 
height : 100px; 
text-align : center; 
} 
div#skinn2 { 
position : absolute; 
top : 102px; 
left : 695px; 
width : 50px; 
} 
div#stats { 
position : absolute; 
top : 122px; 
left : 75px; 
width : 100px; 
background : white; 
} 
div#header h1 { 
height : 80px; 
line-height : 80px; 
margin : 0; 
padding-left : 10px; 
background : #eee; 
color : #79b30b; 
} 
div#header a { 
position : absolute; 
right : 0; 
top : 23px; 
} 
div#footer p { 
margin : 0; 
padding : 5px 10px; 
font-size : 80%; 
font-family : arial; 
} 
div#container { 
width : 800px; 
background : url('dk_bg1.jpg') no-repeat; 
} 
div#wrapper { 
float : right; 
width : 800px; 
margin-left : -200px; 
} 
div#content { 
margin-left : 120px; 
line-height : 2.0; 
} 
div#navigation { 
float : left; 
width : 120px; 
} 
div#footer { 
clear : both; 
width : 100%; 
} 
a:link, a:active, a:visited { 
color : #4d51e7; 
text-decoration : none; 
border-bottom : 1px solid #ccc; 
font-family : arial; 
font-weight : bold; 
letter-spacing : 1px; 
background : #fafafa; 
} 
a:hover { 
color : #404040; 
text-decoration : none; 
border-bottom : 2px solid #fff; 
background : inherit; 
} 
#nav { 
margin : 0; 
padding : 0; 
list-style-type : none; 
} 
#nav li { 
margin-bottom : 1px; 
} 
#nav a { 
margin-left : 10px; 
border-left : 5px solid #ededed; 
border-bottom : none; 
background : #ededed; 
color : #991d29; 
font : 11px century gothic; 
text-transform : lowercase; 
border-bottom : 1px solid #cfcdcd; 
display : block; 
padding : 1px; 
width : 100px; 
} 
#nav a:hover { 
background : #cfcdcd; 
color : #888282; 
text-decoration : none; 
border-left : 5px solid #cfcdcd; 
cursor : crosshair; 
} 
.ccs { 
color : #bc448b; 
} 
.chobits { 
color : #7f44bc; 
} 
.mkr { 
color : #bc5244; 
} 
.trc { 
color : #448bbc; 
} 
h1, h2 { 
color : #f01030; 
border-bottom : 2px solid #beb4b7; 
font : 11px georgia; 
font-weight : bold; 
font-style : italic; 
font-size : 22px; 
text-align : left; 
text-transform : lowercase; 
font-weight : normal; 
letter-spacing : 1px; 
padding : 0 5px 0 5px; 
margin : 5px auto 5px auto; 
width : 90%; 
line-height : 1.0; 
}  
h3 { 
font : 8px Arial, Helvetica, sans-serif; 
color : #b4aeae; 
text-transform : uppercase; 
text-align : left; 
margin-top : -2px; 
text-indent : 40px; 
} 
img.gal { 
background : #ccc; 
border : 3px solid #ccc; 
} 
strong { 
color : #db3f64; 
font-family : "century gothic"; 
border-bottom : 1px solid #eee; 
font-size : 110%; 
} 
em { 
font-family : "georgia"; 
color : #836169; 
} 
u { 
font-family : "century gothic"; 
border-bottom : 1px double #ccc; 
text-decoration : none; 
} 
.icon { 
padding : 2px; 
border : 2px solid #ccc; 
} 
ul { 
list-style-type : square; 
line-height : 18px; 
} 
p.c1 { 
text-align : center; 
} 
p { 
line-height : 23px; 
text-align : justify; 
} 
b { 
color : #225f95; 
font : 18px georgia; 
text-transform : lowercase; 
font-weight : bold; 
text-align : left; 
font-weight : normal; 
letter-spacing : 1px; 
padding : 0 5px 0 5px; 
margin : 10px auto 10px auto; 
font-style : italic; 
} 
blockquote { 
line-height : 19px; 
width : 90%; 
margin : 10px 20px; 
padding : 5px; 
padding-right : 10px; 
background : #f2f1e8; 
border : 1px solid #ccc; 
} 
table, tr, td { 
border-collapse : collapse; 
font : 11px verdana, sans-serif; 
line-height : 2.0; 
} 
td { 
padding : 3px; 
font : 11px verdana, sans-serif; 
line-height : 2.0; 
} 
th.cat { 
border-bottom : 2px solid #000; 
background-color : #888282; 
text-align : center; 
font-weight : bold; 
color : #fff; 
padding : 6px 6px 6px 12px; 
font-family : georgia; 
text-transform : lowercase; 
letter-spacing : 2px; 
} 
th.form { 
font-weight : bold; 
} 
.x { 
background-color : none ; 
text-align : center; 
border : 5px solid #FCFCFC; 
padding : 4px 0; 
} 

th { 
color : #373737; 
text-align : left; 
font-weight : normal; 
padding : 6px 6px 6px 12px; 
font : 11px arial, sans-serif, georgia; 
border-collapse : collapse; 
background-color : #ededed; 
border-bottom : 1px solid #ccc; 
} 
input { 
color : #404040; 
background-color : #ededed; 
border : 1px solid #ccc; 
font : 12px verdana, sans-serif; 
height : 20px; 
} 
textarea { 
color : #404040; 
background-color : #ededed; 
border : 0; 
border-bottom : 1px solid #ccc; 
font : 11px verdana, sans-serif; 
} 
select { 
background-color : #ededed; 
border : 1px solid #f1f3f0; 
font-family : arial; 
width : 145px; 
border-bottom : 1px solid #beb4b7; 
} 
.selone { 
background-color : #ededed; 
border : 1px solid #f1f3f0; 
font-family : arial; 
} 
.seltwo { 
background-color : #eae8eb; 
color : #271511; 
font-family : verdana; 
font-size : 10px; 
} 
.lb:hover { 
background-color : #fff; 
z-index : 50; 
} 
.lb span { 
position : absolute; 
background-color : #fff; 
padding : 5px; 
left : 0; 
width : 350px; 
border : 1px solid #ccc; 
visibility : hidden; 
text-decoration : none; 
} 
.lb:hover span { 
visibility : visible; 
top : -30px; 
left : 42px; 
z-index : 500; 
} 
