body 
{
background-color: #ffffff;
font-family: Verdana, "lucida grande", sans-serif;
font-size: 100%;
color: #000000;
}

h1 
{
font-family: Verdana, "lucida grande", sans-serif;
font-size: 250%;
line-height: 1em;
margin: 0em;
color: #808080;
}

h2
{
font-family: Verdana, "lucida grande", sans-serif;
font-size: 200%;
color: #000000;
background-color: #000000;
text-align: center
}

h3
{
font-family: Verdana, "lucida grande", sans-serif;
font-size: 150%;
color: #000000;
background-color: #000000;
} 

p
{
font-family: Verdana, "lucida grande", sans-serif;
font-size: 100%;
color: #000000;
background-color: transparent;
}


ul
{
list-style-type: none;
margin-left: 0%;
padding-left: 0%;
line-height: 1.5em;
}

.menu_left
{
background: #000000 url("/img/leftpanel.png");
padding-top: .5em;
padding-bottom: .5em;
}

.menu_top
{
font-family: Verdana, "lucida grande", sans-serif;
font-weight: bold;
color: #000000;
background-color: #000000;
background: url("/img/site/top/bg.png");
width: 96%;
height: 210px;
margin-top: 2%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
text-align: center;
padding: 0.5em 1% 0.5em 1%;
}

.shoutbox
{
font-family: Verdana, "lucida grande", sans-serif;
font-size: 100%;
font-weight: normal;
background: url("/img/shoutbox.png");
width: 60%;
padding: 2%;
} 

.text_main
{
font-family: Verdana, "lucida grande", sans-serif;
font-weight: normal;
width: 98%;
margin: 1% auto 1% auto;
}

.comic
{text-align:center;
}


img
{  border-style: none;
}



a:link
{
text-decoration: none;
font-weight:bold;
}

a:visited
{
color: #0000FF;
text-decoration: none;
font-weight:bold;
}
a:hover
{
color: #5050FF;
text-decoration: none;
font-weight:bold;
}
a:active
{
text-decoration: none;
font-weight:bold;
}

a.menulink:link
{
color: #000000;
text-decoration: none;
font-weight:bold;
}

a.menulink:visited
{
color: #000000;
text-decoration: none;
font-weight:bold;
}
a.menulink:hover
{
color: #2020AA;
text-decoration: none;
font-weight:bold;
}
a.menulink:active
{
color: #000000;
text-decoration: none;
font-weight:bold;
}

.knappar
{
width: 100%;
height: 59px;
}

.distance
{
float: left;
width: 11%;
text-align: center;
}

.knhome
{
text-align:center;
background: url("/img/Site/Menu-Buttons/home.png");
background-repeat: no-repeat;
}

.knhome:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/home2.png");
background-repeat: no-repeat;
}

.knnews
{
text-align:center;
background: url("/img/Site/Menu-Buttons/news.png");
background-repeat: no-repeat;
}

.knnews:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/news2.png");
background-repeat: no-repeat;
}

.knarchive
{
text-align:center;
background: url("/img/Site/Menu-Buttons/archive.png");
background-repeat: no-repeat;
}

.knarchive:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/archive2.png");
background-repeat: no-repeat;
}

.kncharacters
{
text-align:center;
background: url("/img/Site/Menu-Buttons/characters.png");
background-repeat: no-repeat;
}

.kncharacters:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/characters2.png");
background-repeat: no-repeat;
}

.knabout
{
text-align:center;
background: url("/img/Site/Menu-Buttons/about.png");
background-repeat: no-repeat;
}

.knabout:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/about2.png");
background-repeat: no-repeat;
}

.knshoutbox
{
text-align:center;
background: url("/img/Site/Menu-Buttons/shoutbox.png");
background-repeat: no-repeat;
}

.knshoutbox:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/shoutbox2.png");
background-repeat: no-repeat;
}

.kndonate
{
text-align:center;
background: url("/img/Site/Menu-Buttons/donate.png");
background-repeat: no-repeat;
}

.kndonate:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/donate2.png");
background-repeat: no-repeat;
}

.kncontact
{
text-align:center;
background: url("/img/Site/Menu-Buttons/contact.png");
background-repeat: no-repeat;
}

.kncontact:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/contact2.png");
background-repeat: no-repeat;
}

.knlinks
{
text-align:center;
background: url("/img/Site/Menu-Buttons/links.png");
background-repeat: no-repeat;
}

.knlinks:hover
{
text-align:center;
background: url("/img/Site/Menu-Buttons/links2.png");
background-repeat: no-repeat;
}







