html, body {
	margin: 0;
	padding: 0;
	border: 0;
	/* \*/
	height: 100%;
	/* Last height declaration hidden from Mac IE 5.x */
	font-size: 100%; /* 62.5%; 1rem = 16 px */
}

body { 
    background: #FFF url(ground/matrix.png);
    color: #000;
    font-family: "One",Georgia,"Times New Roman",Times,serif; 
    font-size: 1.25rem;
    line-height: 1.8rem; 
}

/* global website */
a:link { color: #009; text-decoration: none; }
a:visited { color: #009; text-decoration: none; }
a:active { color: #F0C; text-decoration: none; }
a:hover { color: #F0C; text-decoration: none;}
a:focus { color: #F0C; text-decoration: none;}

/* root webpage */
body.root a:link { color: #000; text-decoration: none; }
body.root a:visited { color: #000; text-decoration: none; }
body.root a:active { color: #009; text-decoration: none; }
body.root a:hover { color: #009; text-decoration: none;}
body.root a:focus { color: #009; text-decoration: none;}

/* fiction works citations */
p.citation a:link { color: #999; text-decoration: none; }
p.citation a:visited { color: #999; text-decoration: none; }
p.citation a:active { color: #009; text-decoration: none; }
p.citation a:hover { color: #009; text-decoration: none;}
p.citation a:focus { color: #009; text-decoration: none;}

/* visible link */
p.visible_link a:link { color: #009; text-decoration: none; }
p.visible_link a:visited { color: #009; text-decoration: none; }
p.visible_link a:active { color: #F0C; text-decoration: none; }
p.visible_link a:hover { color: #F0C; text-decoration: none;}
p.visible_link a:focus { color: #F0C; text-decoration: none;}

.breadcrumbs { 
	/* breadcrumbs */
    font-size: 1.25rem;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0.2rem;
    line-height: 1.6rem; 
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
	margin-bottom: 11px;
}

h1 {
	/* page title */
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 2.8rem; 
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
}

h2 { 
	/* chapters centered */
    font-weight: normal;
	text-align: center;
	padding-top: 1.25rem;
}

h2.head { 
	/* initial chapter */
	padding-top: 0rem;
}

body.root h2 { 
	/* area of activity */
    font-size: 1.25rem;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0.2rem;
    line-height: 1.6rem; 
	text-align: left;
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
	padding-top: 0rem;
	margin-bottom: 2rem;
}

h3 { 
	/* chapters underlined */
	color: #06C; /* green #090, #0A0, #AC0, #B1CD48 blue #06C rgba(98, 20, 175, 1); */
    font-weight: bold;
    letter-spacing: 0rem;
	text-align: left;
	padding-top: 1.25rem;
	padding-bottom: 0.5rem;
    border-bottom: 1px dotted #AAA;
}

p, .colophon , .colophon-short, .citation, .quote, .source, .interstice, .breadcrumbs, .compact,
h2, h3, ul, ol  { 
	/* global */
    font-size: 1.25rem;
    line-height: 1.8rem; 
}

p.compact { 
	/* tight */
    line-height: 1.6rem; 
}

select {
	color: #000;
	border: 1px solid #AAA;
    background-color: #FFF;
	cursor: pointer;
}

button,
input,
select {
    padding: 5px;
}

button {
	border: 1px solid #AAA;
    background-color: transparent;
	cursor: pointer;
}

table.colophon, td.colophon,
p.colophon, p.colophon-short { 
	/* topbar paragraph */
    font-size: 0.9rem;
    line-height: 1.6rem; 
	margin-left: 300px;
}

p.colophon-short { 
	/* topbar paragraph right */
	text-align: right;
}

.theme { 
	/* subsection */
    font-size: 1.5rem;
	color: #000;
}

.del { 
	/* delimitator */
    font-size: 1.5rem;
	color: #000;
}

p.items { 
	/* work items */
    font-size: 1.1rem;
    line-height: 1.8rem; 
}

p.citation { 
	/* quotes as headlines */
    font-size: 1.5rem;
    line-height: 2rem; 
	color: #999;
}

p.quote { 
	/* in-paragraph quote */
	margin-left: 50px;
	margin-right: 50px;
}

p.source { 
	/* reference of citations */
	text-align: right;
    font-size: 1.1rem;
}

p.interstice { 
	/* inbetween paragraphs */
	text-align: center;
}

p.halfline { 
	/* inbetween paragraphs */
    line-height: 33%;
}

p.fig { 
	/* figure */
	text-align: center;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.legend-title { 
	/* figure legend title */
	color: #06C;
}

p.legend, p.legend-right { 
	/* figure legend */
	text-align: left;
    font-size: 0.9rem;
    line-height: 1.6rem; 
}

p.legend-right { 
	/* figure legend flush right*/
	text-align: right;
}

table.contactsheet p {
	/* n x 3 matix */
    font-size: 0.9rem;
    line-height: 1.6rem; 
}

pre { 
	/* monospaced */
    font-size: 1rem;
    line-height: 1.5rem; 
}

.splashText {
	/* text background */
	background: #FFF;
	padding: 0px 25px;
}

.splashNoText {
	/* text background */
	background: #FFF;
	padding: 0px 10px;
}

.italic {
	/* global */
    font-style: italic;
}

.bold {
	/* global */
    font-weight: bold;
}

.smallcaps {
	/* global */
    font-variant: small-caps;
    letter-spacing: 0.2rem;
}

.right {
	/* global */
    text-align: right; 
}

.center {
	/* global */
    text-align: center; 
}

.mid {
    vertical-align: middle; 
}

.opaque {
	background: #FFF;
}

.highlight {
	/* global */
    color: #F0C;
}

.framed { 
    border: 1px solid #AAA; 
}

.framed-bold { 
    border: 2px solid #000; 
}

.framed-light { 
    border: 1px solid #000; 
}

.player {
	/* movie player jw4 */
	border-top:1px solid #3E3E3E;
}

table, table.main { 
    border: 0px solid #AAA; 
    border-spacing: 0px; 
    border-collapse: collapse;
    padding: 0px; 
}

table.main { 
	height: 100%;
    background: transparent;
}

table.contactsheet td { 
    padding: 10px 10px 10px 10px; 
}

td { 
    border: 0px solid #AAA; 
    vertical-align: top; 
}

img {
    border:none;
}

input {
	border: 1px outset #CCC;
}