/*
----------------------------------
Fukanzen CSS File
Designed by: Vanessa
----------------------------------
*/

* { margin: 0; padding: 0; border: 0; }

/*
----------------------------------
Basics and Essentials
----------------------------------
*/

body {
background: #394F58 url(/layout/bg.png) repeat top left;
margin: 0 auto;
font-family: Tahoma, "Verdana", sans-serif;
font-size: 10px;
text-align: center;
color: #494536; }

#container {
background: url(/layout/content.gif) repeat-y top left;
margin: auto;
width: 625px;
position: relative;
text-align: left; }


#header {
background: url(/layout/kakaheader.jpg) no-repeat top left;
height: 319px;
width: 625px;
margin: 0 auto; }

#nav {
width: 443px;
height: 61px;
text-align: left;
position: relative;
top: 295px; left: 125px;
color: #324820; }

*html #nav { left: 10px; }

#content {
float: left;
margin-left: 39px;
padding-bottom: 10px;
width: 542px;
text-align: left; }

*html #content { margin: 0; padding-left: 42px; width: 584px;}
 
#footer {
background: url(/layout/kakafooter.gif) no-repeat top left;
width: 625px;
height: 48px;
text-align: center;
clear: both; }

 .bottom {
font-size: 9px;
line-height: 1.5em;
margin-left: 39px;
width: 542px;
border-top: 1px solid #223F37;
padding-top: 7px;
color: #223F37; }

*html .bottom { margin: 0; }

/*
----------------------------------
Other Elements
----------------------------------
*/

a:link,
a:visited,
a:active {
    background: none;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #48655D;
    color: #304B43; }

a:hover, a.friend:hover {
    background: none;
    text-decoration: none;
    color: #000; }

a.friend, .friend { color: #825812; text-align: center; }
table a:link, table a:visited, a.img { border: 0; }

blockquote {
background: #90B96D;
border: 1px dashed #527D31;
margin: 5px 80px 5px 80px;
padding: 5px;
line-height: 18px;
text-align: center;
color: #3F4537; }

blockquote a, blockquote a:link, blockquote a:hover, blockquote a:visited { border: 0; }

table { font-size: 9px; }

.thead { font-size: 13px; font-family: Georgia, sans-serif; font-weight: bold; color: #1C3C4A; }

img, a:link img, a:visited img { border: 3px solid #527D31; }
a:hover img { border: 3px solid #FFF; }
.profile { margin-right: 5px; }
.profiler { margin-left: 5px; }

p { margin-bottom: 10px; line-height: 1.7em; text-align: justify; }
p.center { text-align: center; }
em { color: #3A574F; }
strong { color: #324026; }
b { color: #3A574F; }
acronym { border-bottom: 1px dotted #324026; }

ul, table ul { line-height: 1.7em;  margin-bottom: 5px;  list-style-type: none; }
.links { margin-left: 90px; list-style-type: disc; color: #373F22; }
.des { margin-left: 30px; list-style-type: square; }

ol { list-style: decimal; margin-bottom: 5px;}
ol li { margin-left: 25px; }

h1 {
font-family: Lucida Grande,  "Verdana", sans-serif;
font-size: 18px;
text-transform: lowercase;
text-indent: 40px;
letter-spacing: 1px;
clear: both;
color: #223F37; }

h2 { 
font-family: Arial, "Verdana", sans-serif;
font-size: 16px;
font-variant: normal;
text-indent: 100px;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 5px;
clear: both;
color: #373F22; }

h3 {
font-family: Georgia, "Times", serif;
font-weight: normal;
font-size: 14px;
text-indent: 70px;
text-transform: lowercase;
margin-bottom: 5px;
clear: both;
color: #445D2F; }


/*
----------------------------------
Navigation Menu
----------------------------------
*/

.menu {
width: 443px;
clear: left;
list-style: none;
margin: 0 auto;
font-size: 14px;
line-height: 1em; }

.menu li {
float: left;
margin-right: 8px; }

.menu a, .menu a:visited {
font-variant: small-caps;
font-family: Georgia, "Verdana", sans-serif;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
font-weight: normal;
border: 0;
color: #324820; }

.menu a:hover {
color: #000; }