/* layout */
#head {border: 2px solid #600000; background: #000000; position absolute; margin:10px; height:80px; min-width:90%;}
#navi {border 2px solid #600000; background: #000000; position:absolute; margin:1em; left:5px; width:15em;}
#content {border: 2px solid #600000; background: #000000; margin:1em; margin-left:17em; padding:1em; min-width:20em; min-height:20em;}
#footer {border: 2px solid #600000; background: #000000; margin:1em 17em 2em 17em; padding:0.5em; min-width:20em;}
/* style */
body {font-family:Helvetica,sans-serif; background:#2a0000; background-image:url(/b1.jpg); color: #ffffcc; height:100%; font-size:83%;}
span, font {color: #ffffcc !important;}
div {padding:0}
h1 {font-size: 2.0em; font-family:serif; margin-bottom: 1.0em;}
h2 {font-size: 1.8em; font-family:serif; margin-bottom: 0.8em;}
h3 {font-size: 1.6em; font-family:serif; margin-bottom: 0.6em;}
h4 {font-size: 1.4em; font-family:serif; margin-bottom: 0.4em;}
h5 {font-size: 1.2em; font-family:serif; margin-bottom: 0.2em;}
h6 {font-size: 1.1em; font-family:serif; margin-bottom: 0.1em;}
a {color: #ffaa00;}
a:visited {color: #cc7700;}
a img {border:0;}
p.news {border:2px solid #600000; padding:1em; margin:1em;}
p.news span.title {font-size: 1.6em; font-weight:bold; font-family:serif;}
p.news span.poster {margin:0.2em 0 0.5em 0.5em; font-family:serif; font-size: 1.1em;}
.author {font-weight:bold; margin-bottom:0.5em;}
.logom { background-image: url(logo_m.gif); height:80px; position:relative; margin:0 10px 0 20px; }
.logol { background-image: url(logo_l.gif); background-repeat: no-repeat; height:80px; width:100%; position:absolute; left:-10px;}
.logor { background-image: url(logo_r.gif); background-repeat: no-repeat; height:80px; width:134px; position:absolute; top:0; right:-20px; }
/* navi */
ul.mainnavi {margin:0; padding:0;}
ul.mainnavi li {list-style:none; margin:0.2em;}
ul.mainnavi li.cat {background: #600000; border: 1px outset #400000; color: #dddddd; font-family:serif; font-size: 1.2em; font-weight: bold; text-align: center;}
ul.mainnavi li a {padding-left: 10px; background-image:url(/arrow.gif); text-decoration: none; background-repeat: no-repeat; background-position:0;}
ul.mainnavi li a:hover {text-decoration: underline;}
.linklist {list-style:none; padding:0.2em;}
.horlinklist {list-style:none; padding:0.2em;}
.horlinklist li {display:inline; margin-right:1em;}
/* tooltips */
a.info { border-bottom: 2px dashed #dd3311; text-decoration:none; color: #dddd00;}
a.info:hover { cursor:help; color:#dddd00; }
a.info span { visibility:hidden; position:absolute; margin-top:1.5em; padding:1em; text-decoration:none; }
a.info:hover span { visibility:visible; border:1px solid #600000; color:#dddd00; background:#500000; }
/* chars */
table.chars {border:0; margin:3em;}
table.chars img {margin:0 2em 0 2em;}
table.chars a {font-size:1.8em; text-decoration:none; color: #ffffcc; font-weight:bold; font-family:serif;}
table.chars a:hover {font-size:1.8em; text-decoration:underline; color: #ffffcc; font-weight:bold; font-family:serif;}
table.chars a img {margin:0;}
table.chars td {text-align: right;}
table.chars th {text-align: left;}
/* guides */
a.unique_l {color:#908858;}
a.set_l {color:#00dd00;}
a.rw_l {color:#908858;}
table.uni th {color: #908858;}
table.set th {color: #00dd00;}
table.rw th {color: #908858;}
table.cra {color: #ff8000;}
table.rar {color: #ffff00;}
table.mag {color: #5050dd;}
table.sox {color: #909090;}
table.pln {color: #ffffff;}
.runes {color: #908858;}
/* tables */
table.nogrid {max-width:90%; margin-left:auto; margin-right:auto;}
table.nogrid th {border:0; font-weight:bold; vertical-align:top;}
table.grid {max-width:90%; margin-left:auto; margin-right:auto; margin-top: 1em;}
table.grid th {font-weight:bold; vertical-align:top; font-family: serif; font-size:1.1em;}
table.grid th, table.grid td {margin:1em; border:1px solid #600000; border-collapse:collapse;}
caption {font-family: serif; font-size: 1.2em; text-align: center; margin-left:auto;  margin-right:auto; border:1px solid #600000; font-weight:bold; background-color:#600000; font-size: 1.4em;}
/* forms */
input, textarea, select {border:1px solid #AA0000; color:#ffffcc; background-color:#600000; font:normal 9pt Verdana, Arial, Helvetica, sans-serif;}