@charset "iso-8859-1";

table, tr, th, td {
  border-collapse: collapse;
  empty-cells: show;
  text-align: left;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

a:link    { color: #000000; }
a:visited { color: #444444; }
a:hover   { color: #000000; text-decoration: underline; }
a:active  { color: #000000; text-decoration: underline; }
a:focus   { color: #000000; text-decoration: underline; }
a:visited:hover { color: #444444; text-decoration: underline; }
h1 a, h2 a, div.heading2 a { text-decoration: none; }
h1 a:visited, h2 a:visited, div.heading2 a:visited, td.menu a:visited { color: #000000; }
h1 a:visited:hover, h2 a:visited:hover, div.heading2 a:visited:hover {
  color: #000000; text-decoration: underline;
}
a.link { font-weight: bold; }

html     { overflow-y: scroll; }
body     { color: #000000; background-color: #ffffff; background: url('../images/bg.jpg');
           text-align: justify; margin: 0px; font-family: verdana, sans-serif; font-size: small; }
img      { vertical-align: middle; border-style: none; }
table    { margin-bottom: 1em; }
p        { margin-top: 0px; margin-bottom: 1em; }
p.inline { margin: 0px; display: inline; }
h2, h3   { margin-bottom: 1em; }
#headline h2   { margin: 0px; }
h1, h2, h3, h4 { margin: 0px; }
h3, h4, h5, h6 { font-size: small; }

#maintable  { table-layout: fixed; width: 100%; margin: 0px; }
#logocell1  { height: 158px; text-align: left; width: 229px; border-right: 1px solid #f89c9c; }
#logocell2  { height: 158px; text-align: center; }
#logocell3  { height: 158px; text-align: right; width: 229px; border-left: 1px solid #4f9aff; }
#headline   { white-space: nowrap; height: 2.5em; vertical-align: middle; }
#mainfooter { height: 20px; }
#menufooter { height: 20px; text-align: center; vertical-align: middle; }
#footermenu { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; }

#menutable  { height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
td.m_sep    { height: 1em; }
td.menu     { padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; text-align: center; }

table.list  { margin-left: auto; margin-right: auto; }
td.l_cell   { padding-right: 0.5em; padding-bottom: 0.5em; }
td.l_links  { text-align: left; padding-bottom: 1em; padding-right: 2em; }
td.l_answer { font-style: italic; padding-bottom: 1em; }
td.l_text   { padding-bottom: 0.5em; }
td.l_right  { padding-bottom: 0.5em; text-align: right; white-space: nowrap; }
td.l_center { padding-bottom: 1em; text-align: center; padding-left: 0.5em; padding-right: 0.5em; }
td.l_head, td.l_caption { text-align: left; }
td.l_text, td.l_answer  { text-align: justify; padding-left: 1em; padding-right: 1em; }
td.list h3, h4.l_head   { display: inline; margin-right: 0.5em; }
tr.list td.list, tr.list td.l_head, tr.list td.l_right {
  border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
  padding-top: 2px; padding-bottom: 2px;
}

#checkmsg { font-weight: bold; }

table.gallery { width: 100%; text-align: center; }
td.gallery    { width: 120px; height: 120px; padding: 3px; vertical-align: middle; text-align: center; }
p.piccom      { font-size: x-small; }
div.galempty  { width: 90px; height: 90px; border: 1px solid #cccccc; margin: auto; }

#logocell2  { padding: 0px; background: url('../images/shd1.png') repeat-y; }
#maincell   { height: 100%; }
#maindiv1   { height: 10px; width: 10px; float:left; }
#maindiv2   { height: 10px; margin-left: 10px; background: url('../images/shd2.png') repeat-x; }
#maindiv3   { height: 100%; min-height: 370px; }
#footerdiv0 { height: 24px; vertical-align: middle; }
#footerdiv1 { height: 15px; width: 10px; float:left; background: url('../images/shd3.png') no-repeat; }
#footerdiv2 { height: 15px; margin-left: 10px; background: url('../images/shd2.png') repeat-x; }

table.image { position: relative; top: 5px; left: 5px; margin-bottom: 7px; margin-top: 0px; }
table.image { margin-left: auto; margin-right: auto; }
div.image   { display: inline; float: left; background-color: #d0d0d0; }
div.image a { text-decoration: none; }
img.image   { position: relative; top: -5px; left: -5px; }
td.gallery table.image, td.l_cell table.image { margin-left: auto; margin-right: auto; }

div.heading0 { height: 10px; width: 10px; float: right; display: inline; margin-right: -10px;
               background: url('../images/shd5.png') no-repeat; }
div.heading1 { clear: both; float: right; display: inline; width: 10px; height: 22px; margin-right: -10px;
               background: url('../images/shd1.png') repeat-y; }
div.heading2 { border: 1px solid #cccccc; height: 30px; padding-left: 3px; padding-right: 3px; margin: 0px;
               background: url('../images/bg2.png'); vertical-align: middle; overflow:hidden; }
div.heading3 { clear:right; height: 10px; width: 10px; float: left;
               background: url('../images/shd3.png') no-repeat; }
div.heading4 { height: 10px; width: 10px;  float: right; display: inline; margin-right: -10px;
               background: url('../images/shd6.png') no-repeat;}
div.heading5 { height: 10px;  margin-bottom: 1em; margin-left: 10px;
               background: url('../images/shd2.png') repeat-x; }
div.heading2 h1, div.heading2 h2, div.heading2 h3, div.heading2 h4 { margin: 0px; }

img.yt  { width: 90px; height: 70px; margin-top: -10px; }
div.yti { width: 90px; height: 50px; overflow: hidden; }
div.yto { width: 90px; height: 50px; overflow: hidden; border: 1px solid #cccccc; padding: 1px; }
td.yt1  { vertical-align: middle; padding-bottom: 3px; padding-right: 5px; }
td.yt2  { width: 20px; }

td.cospic    { width: 210px; vertical-align: middle; text-align: center; }
div.cosempty { width: 180px; height: 180px; border: 1px solid #cccccc; margin: auto; }

div.ffhead   { text-align: left; }
div.fanfic   { text-align: justify; padding-left: 3%; padding-right: 3%; padding-bottom: 30px; }
div.fanfic p { margin-top: 0px; margin-bottom: 1em; }
span.chapter { margin-left: 1em; }
span.chapoff { margin-left: 1em; color: #808080; }
h3.fanfic, h4.fanfic { text-align: left; display: inline; margin-right: 0.5em; }
#fanfic div.heading5 { margin-bottom: 0.3em; }
#headline, #maincell, #mainfooter { text-align: center; }
#headline, #mainfooter { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#footertable { height: 100%; margin-left: auto; margin-right: auto; }

td.m_ent { background: url('../images/cbev2.png'); background-color: #ddc9ff; }
#menutable td.m_ent, #menutable td.m_sel, #footermenu td.m_ent, #footermenu td.m_sel {
  border-left: 1px solid #b78fff; border-right: 1px solid #b78fff;
}
td.m_sel, td.m_ent:hover { background: url('../images/cbev2dark.png'); background-color: #b78fff; }

#menucell   { background: url('../images/cbev2.png') repeat-x; background-color: #ddc9ff; }
#menufooter { background: url('../images/cbev2.png') repeat-x; background-color: #ddc9ff; }
td.m_sel    { background: url('../images/cbev2dark.png') repeat-x; background-color: #b78fff; }

input, textarea { border: 1px dotted #b78fff; background-color: #ddc9ff; }

#headline, #mainfooter { background: url('../images/bg2.png'); }
#maindiv1   { background: url('../images/shd3.png') repeat-x; }
#maindiv3   { padding-left: 3em; padding-right: 3em; padding-bottom: 10px; padding-top: 10px; }
#footerdiv0 { background: url('../images/bg2.png'); }

img.image { border: 1px solid #b78fff; }

#credits td.l_cell { font-weight: bold; color: #b78fff; }