/* CSS file for Funin Dojo website
 * 
 * Copyright 2007, Edward J. Malinowski
 * 
 * This layout and its associated images may not be used without 
 * express permission of the author.  Stealing is bad, m'kay?
 */

html, body {
margin: 0;
padding: 0;
height: 100%;
background: #000000 url(/images/site/lnav-bg-mid.gif) repeat-y;
}

* a {
color: #D00027;
text-decoration: none;
}

* a:hover {
color: #FFFFFF;
}
 
#container {
color: #BBBBBB;
position: relative;
height: auto;
min-height: 100%;
}

#header {
position: absolute;
top: 0;
left: 0;
height: 200px;
width: 800px;
background: url(images/site/title.jpg) no-repeat;
z-index: 1;
}

#lnavtop {
position: absolute;
padding: 0;
top: 98px;
left: 0px;
width: 128px;
height: 102px;
background: url(/images/site/lnav-bg-top.gif) no-repeat;
z-index: 2;
}

#menu {
position: absolute;
float: left;
top: 200px;
width: 100px;
margin: 0;
padding: 0 0 0 7px;
list-style: none;
z-index: 3;
}

#menu table {
position: absolute;
padding: 0;
border: 0;
margin: 0;
top: 0;
left: 0;
width: 0;
height: 0;
}

#menu li {
position: relative;
display: block;
width: 100%;
margin: 0 0 10px 0;
top: 0;
} 

#menu ul {
position: absolute;
width: 120px;
padding: 20px 20px 20px 0;
background: url(fake.gif);
margin: 0;
top: -20px;
left: 100px;
list-style: none;
visibility: hidden;
z-index: 3;
}

#menu ul li {
background: #810027;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #000000;
margin: 0;
}

#menu a {
width: 100%;
text-decoration: none;
color: #AAAAAA;
display: block;
font-weight: bold;
}

#menu a:hover {
background: #AA0027;
}

#menu li:hover > a { 
background: #AA0027;
color: #FFFFFF;
 }

#menu li:hover, #menu li:hover ul, #menu a:hover, #menu a:hover ul {
visibility: visible;
color: #FFFFFF;
}

#main {
padding: 200px 0 120px 128px;
width: 650px;
}

#footer {
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
height: 100px;
}

#footer .watermark {
float: right;
}

#footer p { 
position: absolute;
bottom: 0;
right: 71px;
font-size: 10px;
margin: 0;
text-align: right;
}

#adsense {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
}

#announcement {
border-style: inset;
background: #810027;
padding: 5px 5px 5px 5px;
}

.redtext {
color: #D00027;
}

.normaltext {
color: #BBBBBB;
}

.clearright {
clear: right;
}

.clearleft {
clear: left;
}

.floatright {
float: right;
}

.floatleft {
float: left;
margin: 5px 7px 0 0;
padding: 0;
}

.padleft {
margin: 0 0 0 110px;
padding: 0;
}