/* ------------------------------------------------------- MAIN LAYOUT ELEMENTS ------------------------------------------------------- */

/* Body element. Parent of everything in the document */
body {
	font-family: Verdana, Helvetica, Arial, MS Gothic, Bitstream Cyberbit, MS Mincho, Arial Unicode MS, sans-serif;
	color: white;
	background-color: black;
}

/* Logo at the top */
p.header {
	color: inherit;
	background-color: transparent;
	text-align: center;
}

/* Main layout table */
table.main {
	background-color: transparent;
	margin-left: 50px;
	margin-right: 50px;
}

/* Content table data */
td.content {
	text-align: justify;
	vertical-align: top;
	width: 100%;
}

/* Navbar cell */
td.navcell {
	text-align: top;
	vertical-align: top;
}

/* No borders on images */
img {
	border: none;
}

/* Logo at top */
img.logo {
}

/* -------------------------------------------------------- STYLISTIC ELEMENTS -------------------------------------------------------- */

/* Emphasis FOR TEH FUNNAR STUFF!!!!1111 LOLOLLOL */
em.lame {
	color: green;
	text-shadow: blue 0px 0px 5px;
	font-weight: bold;
}

/* Emphasis for latin expressions */
em.latinexpr {
}

/* Emphasis for foreign words */
em.foreign {
}

/* Tiny (legalese style) text */
em.tiny {
	font-size: 60%;
	font-style: normal;
}

/* Strong emphasis */
em.strong {
	font-style: normal;
	font-weight: bold;
}

/* Publication name(eg. books or newspapers) */
em.publication {
}

/* Post scriptums */
span.postscriptum {
	font-size: smaller;
}

/* ------------------------------------------------------------- HEADINGS ------------------------------------------------------------- */

h1 {
	text-align: center;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

/* -------------------------------------------------------------- NAVBAR -------------------------------------------------------------- */

/* Navbar table */
table.navbar {
	border: thin solid;
	border-color: #8080ff;
	vertical-align: top;
}

/* Navbar main element list */
ul.nav_main {
	list-style: none;
	margin-left: 0px;
	border-left: 0px;
	padding-left: 0px;
}

/* New items in the main list of the navbar */
li.navmainnew:before {
	display: marker;
	content: url("star.png");
}

/* Make new items bold so the IE users will have a clue as to what is going on */
li.navmainnew {
	font-weight: bold;
}

/* Rulers in the navbar */
hr.navbar {
	color: #8080ff;
	background-color: #8080ff;
	border: none;
	width: 40%;
}

/* Subsection headings */
span.nav_head {
}

/* Subsection lists */
ul.nav_sub {
	list-style: disc;
}

/* Subsection new items */
li.navsubnew:before {
	display: marker;
	content: url("star.png");
}

/* Make new items bold so the IE users will have a clue as to what is going on */
li.navsubnew {
	font-weight: bold;
}

/* --------------------------------------------------------------- NEWS --------------------------------------------------------------- */

/* News on front page and archive */
table.news {
	border: thin solid;
	border-color: #8080ff;
	border-spacing: 0px;
	border-style: collapse;
	background-color: #8080ff;
	margin-bottom: 10px;
}

/* Row with title and date */
tr.newshead {
	background-color: #8080ff;
	color: white;
}

/* News title */
th.newshead {
	text-align: left;
}

/* News date */
th.newsdate {
	text-align: right;
}

/* News content */
td.news {
	background-color: black;
}

/* -------------------------------------------------------------- NIHONGO ------------------------------------------------------------- */

/* Writing example table at top */
table.writing {
	border: outset thin;
	border-color: #8080ff;
}

/* Cells for that table */
table.writing td {
	border: inset thin;
	border-color: #8080ff;
}

/* Kana tables */
table.kanatable {
	border: none;
	text-align: center;
}

/* Cells for these tables */
table.kanatable td {
	padding-left: 10px;
	padding-right: 10px;
}

/* Example sentences with explaination */
table.nihongoexample {
	border: outset thin;
	border-color: #8080ff;
	empty-cells: hide;
}

/* Cells for these tables */
table.nihongoexample td {
	border: inset thin;
	border-color: #8080ff;
}

/* Vocabulary lists */
ul.vocablist {
	list-style-type: cjk-ideographic;
}

/* Reading lists */
ul.reading {
	list-style-type: cjk-ideographic;
}

/* -------------------------------------------------------------- SCHOOL -------------------------------------------------------------- */

/* Schedule */
table.schedule {
	border: outset thin;
	border-color: #8080ff;
}

/* Headers for schedule */
table.schedule th {
	background-color: #8080ff;
	color: white;
}

/* Classes */
table.schedule td.course {
	border: solid thin;
	border-color: #8080ff;
}

/* --------------------------------------------------------------- LINKS -------------------------------------------------------------- */

/* Links on link page */
ul.links {
}

/* -------------------------------------------------------------- PROJECTS ------------------------------------------------------------ */

/* Project box */
table.project {
	border: thin solid;
	border-color: #8080ff;
	border-spacing: 0px;
	border-style: collapse;
	background-color: #8080ff;
	margin-bottom: 10px;
}

/* Project title */
th.projecthead {
	background-color: #8080ff;
	color: white;
	text-align: center;
}

/* Project body */
td.project {
	background-color: white;
}

/* -------------------------------------------------------------- DESKTOPS ------------------------------------------------------------ */

/* Desktops list */
ul.desktops {
}

/* New desktop */
li.newdesk:before {
	display: marker;
	content: url("star.png");
}

/* Fix for IE */
li.newdesk {
	font-weight: bold;
}

/* -------------------------------------------------------------- TOKIMEMO ------------------------------------------------------------ */

span.missingkanji {
	font-weight: bold;
	color: red;
}

div.tokimemoscreen {
	position: relative;	/* Required to anchor subelements */
	min-width: 640px;
	min-height: 480px;
	max-width: 640px;
	max-height: 480px;
	height: 480px;
	width: 640px;
}

div.tokimemoscreen img.screentop {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.tokimemoscreen img.interlocutor {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.tokimemoscreen img.dialog {
	position: absolute;
	top: 325px;
	left: 0px;
}

div.tokimemoscreen img.dialogtext {
	position: absolute;
	top: 340px;
	left: 86px;
}

div.tokimemoscreen span.dialogyear {
	position: absolute;
	top: 90px;
	left: 565px;
	color: white;
	font-weight: bold;
	font-size: 18pt;
	text-shadow: black 2px 2px 0px;
}

div.tokimemoscreen span.dialogmonth {
	position: absolute;
	top: 155px;
	left: 565px;
	color: white;
	font-weight: bold;
	font-size: 18pt;
	text-shadow: black 2px 2px 0px;
}

div.tokimemoscreen span.dialogday {
	position: absolute;
	top: 225px;
	left: 565px;
	color: white;
	font-weight: bold;
	font-size: 18pt;
	text-shadow: black 2px 2px 0px;
}