@font-face {
font-family:Junicode;
font-weight:normal;
font-style:normal;
src:local('Junicode'),url('fonts/Junicode.ttf');
}

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:normal;
src:local('Junicode Bold'),url('fonts/Junicode-Bold.ttf');
}

@font-face {
font-family:Junicode;
font-weight:normal;
font-style:italic;
src:local('Junicode Italic'),url('fonts/Junicode-Italic.ttf');
}

@font-face {
font-family:Junicode;
font-weight:bold;
font-style:italic;
src:local('Junicode Bold Italic'),url('fonts/Junicode-BoldItalic.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:normal;
font-style:normal;
src:local('DejaVu Sans Mono'),url('fonts/DejaVuSansMono.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:bold;
font-style:normal;
src:local('DejaVu Sans Mono Bold'),url('fonts/DejaVuSansMono-Bold.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:normal;
font-style:italic;
src:local('DejaVu Sans Mono Oblique'),url('fonts/DejaVuSansMono-Oblique.ttf');
}

@font-face {
font-family:DejaVu Sans Mono;
font-weight:bold;
font-style:italic;
src:local('DejaVu Sans Mono Bold Oblique'),url('fonts/DejaVuSansMono-BoldOblique.ttf');

}
html,body,#selector {
background-color:#000000;
color:#99cc33;
font-family:Junicode, "Andron Scriptor Web", "Liberation Serif", "Brill", "FreeSerif", "Times New Roman", serif;
}

#selector {
display:block;
position:fixed;
top:0px;
left:2px;
right:1px;
height:25px;
margin:0;
padding:0;
background-color:#000000;
z-index:2;
font-family:"DejaVu Sans Mono", "Lucida Console", sans-serif;
font-size:16px;
}

input {
display:inline-block;
margin:0;
padding:0;
height:17px;
width:88px;
background-color:#333333;
color:#99cc33;
border:none;
}

option {
display:block;
margin:0;
}

input.button {
width:0;
}

#paradigm {
position:relative;
top:23px;
width:100%;
margin:6px 0;
padding:0 2px;
z-index:1;
}

p,h1,h2,h3 {
color:#ffffff;
}

h1 {
text-align:center;
margin:12px;
font-size:36px;
}

h2.freq {
font-style:italic;
}

a {
text-decoration:none;
color:inherit;
}

a:link, a:visited {
color:#33cc99;
}

a:hover, a:active {
color:#99ff33;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
color:#ffffff;
}

table.emulator td a:link, table.emulator td a:visited, table.emulator td a:hover, table.emulator td a:active {
color:#ffffff;
}

#helpbox td a:link, #helpbox td a:visited, #helpbox td a:hover, #helpbox td a:active {
color:#ffffff;
}

h2 {
text-align:center;
margin:8px;
font-size:23px;
}

#titleblock h1 {
margin-bottom: 45px;
}

#titleblock h2 {
text-align:center;
margin-top:32px;
font-size:23px;
}

#textbox h2 {
font-size:28px;
}

h3 {
font-size:23px;
}

p {
font-size:20px;
text-align:justify;
}

form {
display:contents;
margin:0;
border:0;
}

#textbox {
display:block;
margin:36px 12px;
padding:2px 12px;
font-size:23px;
background-color:#333333;
border:1px solid #cccccc;
vertical-align:top;
}

#helpbox {
display:block;
margin:36px 12px;
padding:2px 12px;
font-size:23px;
background-color:#333333;
border:1px solid #cccccc;
vertical-align:top;
}

#textbox p,#textbox h1,#textbox h2,#textbox h3, #textbox li {
color:#ffffff;
text-align:justify;
}

code {
font-family:"DejaVu Sans Mono", "Lucida Console", sans-serif;
font-size:18px;
}

div.spacer {
height:17px;
}

div.page {
height:729px;
}

small {
font-size:24px;
}

div.threecolumns {
width:900px;
margin: 0 auto;
}

img {
display:block;
margin:0 auto;
border:none;
padding:0;
}

table {
color:#ffffff;
margin:5px auto;
border-spacing:4px;
}

table.emulator {
margin:0;
border-spacing:0;
}

td {
padding:2px 3px;
font-size:23px;
background-color:#333333;
border:1px solid #cccccc;
vertical-align:top;
}

td a:link, td a:visited, td a:hover, td a:active {
color:inherit;
}

table.emulator td {
background-color:#000000;
border:0;
text-align:center;
vertical-align:text-top;
}

table.emulator td:nth-child(even) {
background-color:#333333;
text-align:left;
}

table.emulator table td {
background-color:#333333;
border:1px solid #cccccc;
padding:2px 3px;
}

table.emulator td a:link, table.emulator td a:visited {
color:#33cc99;
}

table.emulator td a:hover, table.emulator td a:active {
color:#99ff33;
}

table.large {
border-spacing:9px;
}

table.large td {
padding:4px 10px;
font-size:48px;
}

table.mid {
border-spacing:7px;
}

table.mid td {
padding:3px 7px;
font-size:40px;
}

table.midcentred {
border-spacing:7px;
}

table.midcentred td {
padding:3px 7px;
font-size:40px;
text-align:center;
vertical-align:middle;
}

tr.header td {
font-weight:bold;
}

tr.header td {
text-align:center;
}

#selector ul {
display:inline-block;
position:relative;
float:left;
list-style:none;
margin:0;
padding:0;
text-align:center;
background-color:#000000;
}

#selector ul.nav {
float:right;
}

#selector li {
border:1px solid #336600;
color:#999999;
background-color:#333333;
display:inline-block;
height:19px;
margin:0 1px;
padding:1px 2px;
text-align:center;
}

#selector a:link, #selector a:visited {
color:#33cc99;
}

#selector a:hover, #selector a:active {
color:#99ff33;
}

#selector a {
display:inline-block;
padding:0 8px;
}

.comment, .comment2 {
text-align:center;
font-size:20px;
color:#999999;
margin:6px 0;
}

#helpbox td .comment a:link, #helpbox td .comment a:visited, #helpbox td .comment a:hover, #helpbox td .comment a:active, #helpbox td .comment2 a:link, #helpbox td .comment2 a:visited, #helpbox td .comment2 a:hover, #helpbox td .comment2 a:active {
color:#999999;
}

.tags {
text-align:center;
font-size:20px;
color:#99cc33;
margin:6px 0;
}

.ref {
text-align:center;
font-size:16px;
color:#999999;
margin:6px 0;
}

select {
display:inline-block;
margin:0;
background-color:#333333;
color:#99cc33;
border:1px solid #336600;
height:23px;
float:left;
}

.float {
display:inline-block;
float:left;
}

.floatright {
display:inline-block;
float:right;
}

.clear {
display:block;
width:100%;
clear:both;
}

.clearcentred {
display:block;
clear:both;
width:90%;
margin-left:auto;
margin-right:auto;
}

.centred {
text-align:center;
}

table.centred td {
text-align:center;
}

.invisible {
visibility:hidden;
}

.hl {
color:#ff9933;
}

p.alt {
color:#66ffff;
margin-top:40px;
}

.red {
color:#ff0000;
}

.green {
color:#99ff33;
}

.blue {
color:#3399ff;
}

.grey {
color:#999999;
}

.orange {
color:#ff9933;
}

.centredgrey {
color:#999999;
text-align:center;
}

.fn {
display:block;
position:relative;
top:20px;
margin:20px 0 6px;
font-size:14px;
color:#999999;
text-align:center;
}

#hardfn {
position:relative;
top:120px;
}

#titleblock {
position:static;
margin-top:12%;
margin-bottom:12%;
text-align:center;
}

.item {
margin-bottom:36px;
}

.spacy {
display:block;
position:static;
margin-top:85px;
text-align:center;
}

p.blurb {
font-size:25px;
line-height:150%;
text-align:center;
}

@media only screen and (max-width: 1024px) {
#selector {
height:70px;
}

#selector li.desktop {
display:none;
}

#selector ul, #selector ul li, #selector form ul {
font-size:48px;
height:60px;
padding:0;
margin-top:0;
}

#selector form ul li {
font-size:48px;
height:60px;
}

select {
font-size:48px;
height:62px;
}

option {
height:60px;
font-size:48px;
}

#selector ul li form {
font-size:48px;
height:60px;
padding:0;
margin-top:0;
}

input {
width:170px;
height:58px;
font-size:48px;
}

#paradigm, #helpbox {
position:relative;
top:58px;
}

h1 {
font-size:3em;
}
	
h2 {
font-size:2.5em;
}

.comment, .comment2, .tags {
font-size:2.5em;
}
td {
font-size:38px;
}

.fn {
top:70px;
font-size:28px;
}

#helpbox td h1 {
font-size:48px;
}

#helpbox p, #helpbox td h2, #helpbox td.grey, #helpbox .comment, #helpbox .comment2, #helpbox .tags {
font-size:32px;
}

}