h1 { font-size: 1.5em; font-weight: bold; margin: 0 0 .8em }
h1 span { margin-right: -1em; padding-right: 1em; border-bottom: 1px solid white }
a   { color: #581; background: transparent }
a img { border: 0 }
div.section { max-width: 30em; /*direction: rtl;*/ text-align: right;
              margin: 0 2em 0 auto;
              border-color: #888; border-width: 0 }
div.section:hover { border-color: #5B5 }
.section ul  { list-style-type: none; padding-right: 0em; border-color: inherit }
.section li  { border-right: 1em solid; border-color: inherit; padding-right: 1em; /*text-indent: -1em*/ }
.section li.nolink { /*border-right-color: #888;*/ color: #444; background: transparent }
.section li:hover  { border-right-color: #FF4; background: #BDB; color: inherit }
.section li.nolink:hover { border-right-color: #CCC }
html,
body { margin: 0; padding: 0; height: 100%; color: #111;
       background: #BCB url("/img/gbxedni.png") bottom right fixed repeat-x }
body { font-family: sans-serif }
a:hover   { color: #990; background: #BDB }
a:link    { text-decoration: none }
a:active  { text-decoration: none }
a:visited { text-decoration: none }
div#container { min-height: 100%; position: relative }
div#content { padding: 1em 0 }
div#secret { width: 16px; height: 16px;
             position: absolute; left: 0; bottom: 0 }
div#secret a { display: block; width: 16px; height: 16px; color: inherit;
               background: transparent url("/img/keymask.png") no-repeat 0 0 }
div#secret a:hover { background-position: -16px 0 }
div.desc { position: absolute; width: 40%; top: 1.5em; left: 1.5em; bottom: auto;
           padding: 1em 1em 0;
           display: none; text-align: justify;
           border: 1px solid #FF8; color: #BCB; background: #463 }
div.desc h1 { font-size: 1.2em; color: #FF8}
div.desc *:hover { background: transparent }
div.desc a { color: #8F8 }
div.desc a:hover { color: #FF8 }
div.desc p { clear: left }
div.desc p img { float: left; clear: left; margin-right: 0.5em }
div.desc ul { padding-left: 1em }
div.desc ul li { min-height: 1.25em }
div.desc ul li a { display: run-in }
div.desc ul li p { display: block;
                   margin: 0 0 0 10%;
                   text-align: right; font-size: 85% }
img#realrobot { border: 1px solid black; display: block; margin: 0 auto 0 auto }
div.desc:target { display: block } /* MAGIC!! */