/* this is the main css sheet. subdirectories may also get their own style sheet to complement this one */

* {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	}
@font-face {
	font-family: "GenR102";
	src: url("fonts/GenR102.TTF" );
	src: local("GenR102"), url("fonts/GenR102.TTF" ) format("truetype");
	}
@font-face {
	font-family: 'geveyRustic';
    src: url("fonts/geveyRustic.eot");
    src: local('geveyRustic'), 
		url("fonts/geveyRustic.ttf") format('truetype'), 
		url("fonts/geveyRustic.svg#geveyRustic") format('svg');
	}
@font-face {
	font-family: 'geveyStandard';
	src: url('fonts/geveyStandard.eot');
	src: local('geveyStandard'), 
		url('fonts/geveyStandard.woff') format('woff'), 
		url('fonts/geveyStandard.ttf') format('truetype'), 
		url('fonts/geveyStandard.svg#geveyStandard') format('svg');
	}
@font-face {
    font-family: "wakat logo";
	src: url("fonts/wakat-logographs.eot" );
	src: local("wakat-logographs"), url("fonts/wakat-logographs.ttf" ) format("truetype");
	}
body {
	margin-left: 60px; 
	margin-right: 60px; 
	background: #fff6dc; 
	color: #000000;
	text-align: left;
	}
h1, h2, h3, h4, h5, h6, p {
	font-size: 100%;
	text-align: left;
	border: 0em none;
	padding: 0em;
	margin: 0em;
	margin-top: 1em;
	}
b, i, strong, em {
	font-size: 100%;
	}
hr {
	margin-top: 1em;
	}
/*attempting to draw a line under all the floating div nonsenses*/
div.cr {
	width: 100%;
	height: 1px;
	clear: both;
	}
div.cr-space {
	width: 100%;
	height: 1em;
	clear: both;
	}
table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1em;
	}
tr {
	vertical-align: top;
	}
th {
	text-align: left;
	}
pre {
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	font-size: 120%;
	}
em {
	font-weight: bold;
	color: #0b5505;
	}
img {
	border: 0;
	}
a img {
	border: 0;
	}

/* general lists */
ul {
	margin: 0em;
	padding: 0em;
	padding-top: 1em;
	padding-left: 30px;
	list-style-type: disc;
	list-style-image: url(images/diamond.png);
	}
ul.noimage {
	list-style: none outside none;
	}
li {
	padding-bottom: 0.4em;
	}
li.spaced {
	padding-bottom: 1em;
	}

/* popup notespage stuff */
body#notespage {
	margin-left: 1em; 
	margin-right: 1em; 
	background: #ffffcc; 
	color: #000000;
	text-align: left;
	}
#notespage h1 {
	width: 100%;
	font-size: 140%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0em;
	background-color: transparent; 
	border: transparent thin none;
	border-bottom: #000000 medium solid;
	font-weight: normal;
	}
#notespage em {
	color: #880000;
	}
#notespage h6 {
	font-size: 80%;
	font-weight: normal;
	color: #606060;
	}

/* main page layout prefs */
div.main {
	width: 100%;
	min-width: 600px;
	float: left;
	}
div.texts {
	width: 79%;
	margin-left: 1%;
	float: left;
	}
div.navigation {
	width: 19%;
	float: left;
	}
.first {
	margin-top: 10px;
	}
#last {
	margin-bottom: 20px;
	}

/* title and divider divs common to almost all pages */
h1, div.title {
	width: 97%;
	font-size: 250%;
	margin-top: .2em;
	margin-bottom: .2em;
	padding-top: .2em;
	padding-bottom: .3em;
	padding-left: .5em;
	background-color: #f3e5d4; 
	border-width: medium;
	border-style: outset;
	border-color: #eaad66;
	font-weight: bold; 
	}
h2 {
	font-size: 140%;
	margin-top: 1em;
	margin-bottom: .3em;
	padding: 0em;
	background-color: transparent; 
	border: transparent thin none;
	border-bottom: #000000 medium solid;
	}
h3 {
	font-size: 110%;
	margin-top: 1em;
	margin-bottom: .3em;
	padding: 0em;
	background-color: transparent; 
	border: transparent thin none;
	border-bottom: #000000 thin solid;
	}
h4 {
	font-size: 110%;
	margin-top: 1em;
	margin-bottom: .3em;
	padding: 0em;
	background-color: transparent; 
	border: transparent thin none;
	}
div.mainrule {
	width: 98%;
	height: 1px;
	font-size: 1%;
	margin-top: .5em;
	margin-bottom: .5em;
	border-style: outset;
	border-color: #eaad66;
	}

/* dates need their own markup */
.dates {
	font-size: 75%;
	font-variant: small-caps;
	}

/* general navigation markup */
a {
	font-size: 100%;
	text-decoration: underline;
	color: #000020;
	}
a:visited {
	color: #200000;
	}
a:hover {
	text-decoration: none;
	background: #000020;
	color: #ffff00;
	}

/* these markups provide graphic backgrounds for specific sections */
#homeindex {
	background: url(images/ewlah.png) no-repeat center scroll;
	}

/* these markups are specific to the navigation sidebar */
div.navigation a {
	display: block;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	}
div.navigation a:visited {
	color: #300000;
	}
div.navigation a:hover {
	background: #300000;
	color: #ffff00;
	}
div.navigation p {
	font-style: italic;
	margin-top: .3em;
	}

/* sublinks only come within the navigation div */
#sublinks {
	padding-bottom: .5em;
	border-bottom: thin solid #000;
	}
#sublinks h2 {
	background: #000000;
	color: #f4b10f;
	font-size: 110%;
	border-top: thin solid #000;
	margin-top: 15px;
	font-weight: bold;
	}
#sublinks p {
	font-size: 100%;
	}
#sublinks a {
	font-weight: normal;
	font-size: 100%;
	color: #aa0000;
	}
#sublinks a:visited {
	color: #880000;
	}
#sublinks a:hover {
	background: #300000;
	color: #ffff00;
	}
#subsub h3 {
	font-size: 100%;
	margin-top: .3em;
	font-weight: bold;
	font-style: italic;
	}
#subsub a {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	padding-left: 1em;
	color: #300000;
	}
#subsub a:visited {
	color: #000030;
	}
#subsub a:hover {
	background: #300000;
	color: #ffffff;
	}

/* Gevey section sublinks */
#sublinks h3 {
	background: #ffe0bb;
	color: #004000;
	font-size: 110%;
	font-weight: bold;
	margin-top: .3em;
	padding-top: .1em;
	border-top: #ffffcc thin solid;
	padding-left: .3em;
	border-left: #ffffcc thin solid;
	padding-bottom: .1em;
	border-bottom: #000000 thin solid;
	border-right: #000000 thin solid;
	}
#sublinks a.gev {
	background: #ffeacc;
	font-weight: bold;
	color: #000000;
	}
#sublinks a.gev:visited {
	color: #000040;
	}
#sublinks a.gev:hover {
	background: #ffe0bb;
	color: #400000;
	}
	
/* these markups are for the maps section (but used more widely as well) */
.kmap {
	width: 100%;
	}
.kglobe {
	text-align: center;
	padding-top: 3em;
	padding-bottom: 3em;
	background: #000000;
	}
img.kcentred {
	margin-left: 17%;
	width: 66%;
	margin-right: 17%;
	}
table.habitat {
	width: 100%;
	}
table.habitat tr {
	vertical-align: top;
	text-align: left;
	}
table.habitat td {
	vertical-align: top;
	text-align: left;
	padding: .5em;
	padding-left: 1em;
	}

/* these markups are for the gvekuu pages*/
#gvekuu h1 {
	width: 100%;
	font-size: 160%;
	background-color: transparent; 
	border: transparent thin none;
	border-bottom: #000000 medium solid;
	padding: 0em;
	margin-top: .4em;
	font-weight: normal;
	}
#gvekuu h2 {
	font-size: 120%;
	background-color: transparent; 
	border: transparent thin none;
	border-bottom: #000000 thin solid;
	}
#gvekuu table.standings {
	}
#gvekuu table.nextgame {
	}
#gvekuu table.results {
	}
table.teamlist {
	width: 100%;
	}
table.teamlist tr {
	vertical-align: top;
	text-align: center;
	}
table.teamlist td:hover {
	background-color: #000000;
	}

/* these markups are restricted to the akat section */
#wakat .w {
	font-weight: bold;
	color: #000050;
	}
#wakat img.centred {
	margin-left: 25%;
	width: 50%;
	margin-right: 25%;
	}
            /* specifically in the script generator */
#wakat .smallgrey {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	}
table.centred th {
	text-align: center;
	vertical-align: top;
	}
table.centred td {
	text-align: center;
	vertical-align: middle;
	}
table.logo th {
	text-align: center;
	vertical-align: top;
	padding: .5em;
	}
table.logo td {
	text-align: center;
	vertical-align: middle;
	padding: .5em;
	}
table.verb {
	border: 1px solid #808080;
	}
table.verb th {
	border: 1px solid #808080;
	font-size: 80%;
	text-align: center;
	vertical-align: top;
	padding: .2em;
	}
table.verb td {
	border: 1px solid #808080;
	text-align: center;
	vertical-align: top;
	padding: .2em;
	}
	
/*new wakat lexicon styles*/
#newlexicon  > div {
	border-bottom: 1px solid #666666;
	padding: .3em;
	clear: both;
	}
#newlexicon  > div.search {
	border: 1px solid #666666;
	background-color: #f3e5d4;
	margin-top: .5em;
	padding-left: 2em;
	padding-right: 2em;
	clear: both;
	}
#newlexicon  a > img {
	float: left;
	padding: .2em;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	margin-right: 1em;
	margin-bottom: .5em;
	}
#newlexicon  a:hover > img {
	background-color: #f8f487;
	}
/*because of the complexities of the complexword page, we need to include
copies of the newlexicon A css for #simpleDiv and #derivDiv*/
#simpleDiv  a > img {
	float: left;
	padding: .2em;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	margin-right: 1em;
	
	}
#simpleDiv  a:hover > img {
	background-color: #f8f487;
	}
#derivDiv  a > img {
	float: left;
	padding: .2em;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	margin-right: 1em;
	
	}
#derivDiv  a:hover > img {
	background-color: #f8f487;
	}
#newlexicon  div.derivationslist {
	border-bottom: 1px solid #666666;
	padding: .3em;
	}
#newlexicon  div.simplelist {
	border-bottom: 1px solid #666666;
	padding: .3em;
	}
/*stuff for making words*/
#newlexicon  form.myword  div {
	padding: .2em;
	margin: .1em;
	}
#newlexicon  div.showbox {
	display: inline;
	padding: .2em;
	margin: .3em;
	border: 1px dotted #ff9999;
	}
#newlexicon  div.hidebox {
	display: none;
	}
#newlexicon  div.stemhead {
	width: 100%;
	border: 0px none transparent;
	padding: 0px;
	margin: 0px;
	}
#newlexicon  div.showstem {
	width: 45%;
	float: left;
	border: 0px none transparent;
	padding: .5%;
	margin: .5%;
	}
#newlexicon  div.showwords {
	width: 45%;
	float: right;
	border: 0px none transparent;
	padding: .5%;
	margin: .5%;
	}
#newlexicon  div.wordform {
	width: 100%;
	border: 0px none transparent;
	padding: 0px;
	margin: 0px;
	clear: both;
	}
	
/*stuff for the semantics*/
span.semantic-breadcrumb {
	font-size: 70%;
	font-variant: small-caps;
	color: #383119;
	}
span.speechpart-details {
	font-size: 85%;
	font-style: italic;
	color: #884444;
	}
span.speechpart-details  u {
	font-size: 100%;
	}
div.semantictree0 {
	margin: 0px;
	border: 0px;
	padding: .2em;
	padding-left: .2em;
	}
div.semantictree1 {
	margin: 0px;
	border: 0px;
	padding: .2em;
	padding-left: 3.2em;
	}
div.semantictree2 {
	margin: 0px;
	border: 0px;
	padding: .2em;
	padding-left: 6.2em;
	}
div.semantictree3 {
	margin: 0px;
	border: 0px;
	padding: .2em;
	padding-left: 9.2em;
	}
div.semantictree4 {
	margin: 0px;
	border: 0px;
	padding: .2em;
	padding-left: 12.2em;
	}
div.semantictree5 {
	margin: 0px;
	border: 0px;
	padding: .2em;
	padding-left: 15.2em;
	}
span.a-SEMHEAD {
	font-weight: bold;
	color: #444444;
	}
span.b-ROOT {
	color: #9a0808;
	}
span.c-DERIV {
	color: #7b0371;
	font-style: italic;
	}
span.d-PARTICLE {
	color: #135325;
	}
span.g-MASS {
	color: #073c85;
	}
span.f-COUNT {
	color: #078581;
	}
span.e-ACTION {
	color: #856307;
	}

/* used in the lexicon page */

#waklex tr {
	vertical-align: top;
	border-bottom: #000000 thin solid;
	}
#waklex td {
	padding-top: .5em;
	padding-bottom: .3em;
	}
#waklex .dictword {
	font-size:125%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #400000;
	}
#waklex .translation {
	font-size:125%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #004000;
	}
#waklex .comment {
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	}
#waklex .point {
	font-size:100%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000040;
	}
            /* used in the direct object page */
#wakat p.exemplar {
	font-size:100%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-left: 30px;
	color: #004000;
	}  
#wakat p.explanation {
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: .3em;
	padding-left: 30px;
	color: #000000;
	}  
#wakat p.rule {
	font-size:100%;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	margin-top: .3em;
	padding-left: 30px;
	color: #000040;
	}  
            /* used in the derivations page */
#wakat p.deriv {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-left: 30px;
	color: #400000;
	}  
#wakat p.template {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-left: 30px;
	color: #004000;
	margin-top: .3em;
	}  
#wakat p.conditions {
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: .3em;
	padding-left: 30px;
	color: #000000;
	}  
#wakat p.example {
	font-size:100%;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	margin-top: .3em;
	padding-left: 30px;
	color: #000040;
	}
            /* this table appears in the actions part */
table.actmod {
	width: 100%;
	}
table.actmod tr {
	text-align: center;
	vertical-align: top;
	}
table.actmod td {
	width: 10%;
	padding: 2px;
	}
table.actmod td.top {
	font-size: 170%;
	font-weight: bold;
	font-style: normal;
	color: #888888;
	}
table.actmod td.topmarked {
	font-size: 170%;
	font-weight: bold;
	font-style: normal;
	color: #751c1c;
	}
table.actmod td.base {
	font-size: 80%;
	font-weight: normal;
	font-style: italic;
	color: #888888;
	}
table.actmod td.basemarked {
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #751c1c;
	}
            /* these mono codes are used in the translation pages */
pre.mon {
	color: #440000;
	font-size: 100%;
	border-top: 1px solid #888888;
	padding-top: 1em;
	}
.bmon {
	font-size: 100%;
	font-weight: bold;
	color: #444444;
	}
.stress {
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	font-size: 100%;
	color: #440000;
	}
p.ipa-trans {
	}
p.common-trans {
	}
p.ramajal-trans {
	font-size: 120%;
	line-height: 110%;
	}
/* these are the Gevey pages markups */
.eng {
	color: #94212e;
	}
.gev {
	color: #1e16bc;
	}
div.boxout {
	width: 98%;
	margin-top: 1em;
	padding: .7em;
	background-color: #f3e5d4; 
	border-top: #ffffcc thin solid;
	border-left: #ffffcc thin solid;
	border-bottom: #000000 thin solid;
	border-right: #000000 thin solid;
	}
div.boxout h3 {
	font-size: 100%;
	margin: 0em;
	padding: 0em;
	padding-bottom: .2em;
	font-weight: bold;
	font-style: italic;
	background-color: transparent; 
	border: transparent thin none;
	border-bottom: #000000 thin solid;
	}
.al {
	text-align: left;
	}
.ac {
	text-align: center;
	}
.ar {
	text-align: right;
	}
            /* lexicon page */
div.tinted {
	width: 100%;
	margin-top: 15px;
	padding: 6px;
	background-color: #dbf99a;
	border-top: #ffffcc thin solid;
	border-left: #ffffcc thin solid;
	border-bottom: #000000 thin solid;
	border-right: #000000 thin solid;
	}
table.gevquicklist {
	width: 100%;
	}
table.gevquicklist td {
	width: 16%;
	font-weight: bold;
	padding: .5em;
	text-align: center;
	}
table.gevtable {
	width: 100%;
	}
table.gevtable tr {
	vertical-align: top;
	}
table.gevtable td {
	padding: .2em;
	text-align: left;
	}
table.prepositionTable {
	width: 100%;
	}
table.prepositionTable tr {
	vertical-align: top;
	}
table.prepositionTable td {
	padding: .2em;
	text-align: left;
	border-top: 1px solid #777777;
	}
table.gevLetters {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #aaa;
	}
table.gevLetters tr {
	}
table.gevLetters td {
	padding: .2em;
	text-align: center;
	vertical-align: middle;
	width: 30%;
	}
table.gevLetters td + td {
	width: 15%;
	font-size: 130%;
	}
table.gevLetters td + td + td {
	width: 10%;
	}
table.gevLetters td + td + td + td {
	width: 30%;
	}
table.gevLetters td + td + td + td + td {
	width: 15%;
	font-size: 130%;
	}
table.gevScript {
	width: 100%;
	border-collapse: collapse;
	}
table.gevScript tr {
	}
table.gevScript td {
	padding: .2em;
	text-align: center;
	vertical-align: middle;
	width: 30%;
	}
table.gevScript td + td {
	text-align: left;
	vertical-align: middle;
	width: 70%;
	}
table.gevcolours {
	width: 100%;
	}
table.gevcolours tr {
	vertical-align: top;
	}
table.gevcolours td {
	padding: 2em;
	text-align: left;
	}
table.gevwordlist {
	width: 100%;
	}
table.gevwordlist tr {
	vertical-align: top;
	}
table.gevwordlist td {
	width: 25%;
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	padding: .2em;
	text-align: left;
	}
.bar0 {
	padding: .5em;
	padding-left: .7em;
	background: #f3dcc0;
	clear: both;
	}
.bar1 {
	padding: .5em;
	padding-left: .7em;
	background: #eac79f;
	clear: both;
	}
.center {
	text-align: center;
	}
.centerSpaced {
	text-align: center;
	word-spacing: 1em;
	}
.smallcaps {
	font-variant: small-caps;
	}
div.floatSearch {
	width: 19.5%;
	padding-top: 6px;
	padding-bottom: 12px;
	float: left;
	font-size: 80%;
	}
div.floatSearchEnd {
	width: 19.5%;
	padding-top: 6px;
	padding-bottom: 12px;
	float: right;
	font-size: 80%;
	}
span.lexNativeText {
	font-family: geveyStandard;
	font-size: 18pt;
	}
img.nativeImage {
	display: inline;
	padding: 0px;
	margin: -6px;
	}
div.full {
	width: 100%;
	clear: both;
	}
span.listentry {
	font-weight: bold;
	color: #000000;
	}
span.pronunciation {
	font-style: italic;
	color: #006600;
	}
span.grammar {
	color: #000066;
	}
.gevIpa {
	color: #444444;
	font-family: "Arial Unicode MS", "Lucida Grande", Tahoma, sans-serif;
	font-size: 120%;
	clear: both;
	}

span.translation {
	font-weight: bold;
	color: #ff0000;
	}
            /* sup and sub code for the intonation page */
#intonation span.gev, span.int, sup, sub {
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	}
#intonation sup {
	font-size: 100%;
	vertical-align: baseline;
	position: relative;
	bottom: 0.5em;
	text-decoration: underline;
	}
#intonation sub {
	font-size: 100%;
	vertical-align: baseline;
	position: relative;
	bottom: -0.5em;
	text-decoration: overline;
	}
p.gevTransHead {
	border-top: 1px solid #888888;
	padding-top: 0.5em;
	font-weight: bold;
	font-size: 110%;
	
	}
	
            /* these mono codes are used in the various translation pages */
div.gevtrans pre.mon {
	font-size: 90%;
	padding-left: 30px;
	border-top: 0px;
	color: #440000;
	}
div.gevtrans .bmon {
	font-size: 100%;
	font-weight: bold;
	color: #444444;
	}

/* code specific to the biology pages */
table.bio {
	width: 100%;
	}
table.bio tr {
	vertical-align: top;
	}
table.bio td, th {
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	padding: .8em;
	text-align: left;
	}
img.bioimg {
	padding-top: 1em;
	padding-bottom: 1em;
	}
p.bio {
	text-align: center;
	}
.biored {
	font-size: 100%;
	font-style: italic;
	color: #660000;
	}
div.disabledlink {
	font-style: italic;
	text-decoration: none;
	font-size: 100%;
	color: #666666;
	padding-left: 1em;
	}

/* code specific to the lands pages */
div.setmid {
	width: 100%;
	}
#redmap {
	float: right;
	width: 200px;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	}
#cultmap {
	float: right;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	}
#landmap {
	float: left;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	}
.langname {
	font-style: italic;
	color: #e70722;
	}
.landname {
	font-style: italic;
	color: #0d0dd9;
	}
table.languages {
	width: 100%;
	border-color: #600;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	}
table.languages tr {
	vertical-align: top;
	background: #dddddd;
	}
table.languages tr.northern {
	vertical-align: middle;
	background: #fbd8e1;
	}
table.languages tr.southern {
	vertical-align: middle;
	background: #e2fbd8;
	}
table.languages tr.insular {
	vertical-align: middle;
	background: #d8eefb;
	}
table.languages th {
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	padding: .8em;
	text-align: left;
	font-weight: bold;
	border-color: #600;
    border-style: solid;
    margin: 0;
    border-width: 1px 1px 0 0;
	}
table.languages td {
	font-family: "lucida console", "andale mono", monaco, "courier new", monospace;
	padding: .8em;
	text-align: left;
	border-color: #600;
    border-style: solid;
    margin: 0;
    border-width: 1px 1px 0 0;
	}

/* coding to handle the semantics selector */
div.semantic-code-box {
	padding-top: 0em;
	padding-bottom: .4em;
	}
div.semantic-main-selectors {
	display: inline;
	}
div.semantic-extra-selector {
	display: block;
	padding-top: .4em;
	}
select.attribute-select {
	visibility: visible;
	font-size: 80%;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	}
select.attribute-select-hidden {
	visibility: hidden;
	font-size: 80%;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	}
select.attribute-select-extra {
	font-size: 80%;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	}
textarea.semantic-textarea-box {
	font-size: 100%;
	border: solid 1px #dddddd;
	background-color: #f1efbf;
	}
input.semantic-demo-box {
	font-size: 90%;
	border: solid 1px #dddddd;
	background-color: #ffeedd;
	color: #440000;
	}

/*for the quoting of extracts from the novels*/
div.extract {
	background-color: #f4f1e9;
	color: #49300f;
	border: solid 1px #888888;
	padding: 1em;
	margin-top: 1em;
	margin-left: 3em;
	white-space: pre-wrap;
	line-height: 1.5em;
	}
div.extract h6 {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	color: #555555;
	font-style: italic;
	font-weight: normal;
	padding: 0em;
	margin: 0em;
	}

	
/*font stuff*/

.wakat-logo {
    font-family: "wakat logo";
	font-size: 56pt;
	}
.geveyRustic {
	font-family: geveyRustic;
	font-size: 20pt;
	}
.geveyStandard {
	font-family: geveyStandard;
	font-size: 20pt;
	}
.ipaFont {
	font-family: GenR102;
	font-size: 16pt;
	}

/* for the debugging 

* {
  border: 1px solid red;
  }
*/