h1, h4, h6, a.na {background-color:rgba(20,10,70,0.5); border:2px ridge #aaa}
h1, h4, h6 {color:#ff8}
h4, h6 {padding:5px; margin-top:12px}
h3 big {color:#ffa}



table, caption {background-color:#333; color:#fff; border:5px solid #555}
table + table caption {margin-top:20px}
caption {padding:10px}
thead {background-color:#aaa}
thead th {border:4px solid #888}
tbody tr:nth-of-type(odd) th, tbody tr:nth-of-type(odd) td {background-color:#102}
tbody tr:nth-of-type(even) th, tbody tr:nth-of-type(even) td {background-color:#012}

tr, td, th {border:1px solid #777}
table td.y {color:#88f; background-color:#045}
table td.n {color:#ff0; background-color:#880}
table td.l {color:#f85; background-color:#047}
table td.x {color:#999; background-color:#333}
tr td:nth-of-type(1) {text-align:center}


menu.list a {color:#111}
a {color:#aaa; padding:5px; margin:5px; display:block}
a.m {background-color:#000}

#logo h1, #logo h2, #logo h3, h4, table, caption, tr, td, th {background-color:#232; border:1px solid #050}

section, #logo {border-color:#522}
section.h {background-color:#311}
section .t {color:#faa}
section .x {color:#fa6}
section .z {color:#822}


#ajer {display:block; visibility:visible; border:5px ridge #f88}
#eraj {display:block; visibility:visible; border:5px ridge #f88}
#ajax {display:block; visibility:visible; border:5px ridge #88f}

#ajer {display:none; visibility:hidden; border:5px ridge #f88}
#eraj {display:none; visibility:hidden; border:5px ridge #f88}
#ajax {display:none; visibility:hidden; border:5px ridge #88f}


ul.ilx {display:block}
ul.ilx span {display:inline-block; width:200px; border:1px dotted #888; padding:5px; margin:4px}
ul.ilx i, ul.ilx b {display:block}

tt {font-size:120%}

div.page {page-break-before:always; page-break-inside:avoid; width:calc(100%-20px); padding:2em}
li {padding:1px}
img {opacity:0.8}


li.y {color:#0a0}
li.n {color:#a80}

li.y b {color:#afa}
li.n b {color:#faa}

li.y i {color:#afa}
li.n i {color:#faa}


li.y tt {color:#0f0}
li.n tt {color:#f60}


header h2 {padding:3px; margin:3px; line-height:100%; text-align:center}

hgroup.word {background-color:#222}
hgroup.word h4 {background-color:#444; margin-bottom:2px}
hgroup.word h6 {background-color:#333; margin-top:2px}
hgroup.word q {color:#8f8}



footer {border:2px dotted #666; padding:10px}

#words {}
q {color:#ff0}
q:before, q:after {color:#fa8}

.words h5, .words h6 {margin:0px}
.words {margin-top:30px; border-top:5px ridge #846}



header.b, hgroup.b {border:10px ridge #7f7; display:block}
header.b {height:220px}

header.b b, span.header b, hgroup.b b, span.hgroup b {color:#fff; width:1em; border:2px solid #8f8; padding:5px; margin:5px; height:1em; display:inline-block; vertical-align:top}
header.b canvas:nth-of-type(1), #cover canvas.b, hgroup.b canvas:nth-of-type(1) {display:inline-block; width:40%; vertical-align:top}
canvas {padding:10px; margin:10px; vertical-align:top}
header.b b:nth-child(1), hgroup.b b:nth-child(1) {background-color:#000; color:#f00; border-color:#f00}
header.b b:nth-child(2), hgroup.b b:nth-child(2) {background-color:#000; color:#ff0; border-color:#ff0}
header.b b:nth-child(3), hgroup.b b:nth-child(3) {background-color:#000; color:#0f0; border-color:#0f0}
header.b b:nth-child(4), hgroup.b b:nth-child(4) {background-color:#000; color:#0ff; border-color:#0ff}
header.b b:nth-child(5), hgroup.b b:nth-child(5) {background-color:#000; color:#f0f; border-color:#f0f}
header.b b:nth-child(6), hgroup.b b:nth-child(6) {background-color:#f00; color:#000; border-color:#f00}
header.b b:nth-child(7), hgroup.b b:nth-child(7) {background-color:#ff0; color:#000; border-color:#ff0}
header.b b:nth-child(8), hgroup.b b:nth-child(8) {background-color:#0f0; color:#000; border-color:#0f0}
header.b b:nth-child(9), hgroup.b b:nth-child(9) {background-color:#0ff; color:#000; border-color:#0ff}
header.b b:nth-child(10), hgroup.b b:nth-child(10) {background-color:#f0f; color:#000; border-color:#f0f}


#cover.bw {border:2px solid #999; color:#aaa}
div.index.bw {border:2px solid #999; color:#aaa}
div.page.bw {border:2px solid #999; color:#aaa}
header.bw, hgroup.bw {border:2px solid #666; color:aaa}
li.bw, .bw li {color:#aaa}

#cover {border:1px solid #970}
#cover h3:nth-of-type(2) {font-style:italic}
#cover hgroup {text-align:center;:}
#cover hgroup canvas {display:block}

#cover hgroup {display:block; padding-bottom:20px; padding-top:100px}
#cover time {display:block; text-align:center}
#cover footer {border:1px dotted #391; padding:10px; margin:10px}

.index {padding:10px}
.index ul {width:44%; display:inline-block; border:1px dotted #880; padding:2px; margin:2px; vertical-align:top}
.index li {list-style-position:inside}
.index li.hd:nth-child(odd) {color:#480}
.index li.hd:nth-child(even) {color:#084}
.index li.tb:nth-child(odd) {color:#248}
.index li.tb:nth-child(even) {color:#428}

.index li.dt:nth-child(odd) {color:#848}
.index li.dt:nth-child(even) {color:#884}


@media print {

div.page, #cover, .index, .a3, #front, .front, .back {background-image:url("build-l.png"); border:12px ridge #880; height:93%; width:auto; padding:10px; margin:0px; position:relative; font-size:100%}


span.sgn {position:absolute; bottom:0; left:0}
span.sgn canvas {position:absolute; right:0;}

footer {margin-bottom:0em; position:absolute; bottom:2%; width:90%}

#cover hgroup {padding-bottom:50px; padding-top:100px}
#cover a {display:none; visibility:visible}

div.index, div.page {page-break-before:always}
div.index {font-size:90%}
}


@media screen {
body {background-color:#040; color:#8f8}
.ac {height:100%; width:200%}
div.page, #cover, .index, #front, .front, .back {background-image:url("build-d.png"); border:12px ridge #880; color:#ccc; background-color:#020; font-size:2em}
a {color:#000; background-color:#aaa}
}