/*

Parchment
=========

Built: 2016-07-18

Copyright (c) 2008-2016 The Parchment Contributors
BSD licenced
https://github.com/curiousdannii/parchment

*/

/* 

General Parchment styles
========================

Copyright (c) 2008-2015 The Parchment Contributors
BSD licenced
https://github.com/curiousdannii/parchment

*/

html
{
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}

body
{
	background: #FFF;
	color: #000;
	font-family: Georgia, Palatino, serif;
	font-size: 16px;
	margin: 0 0 8px;
	text-align: center;
}

#parchment
{
	margin: 0 auto;
	text-align: left;
}

#gameport
{
	height: 100%;
	line-height: 1.4;
	margin: 0;
	overflow: hidden;
	position: absolute;
	text-align: left;
	width: 100%;
}

/* General dialogs */
.dialog
{
	background: #fff;
	border: 3px solid #ddd;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 10px #777;
	box-shadow: 5px 5px 10px #777;
	left: 30%;
	padding: 0px 20px;
	position: fixed;
	top: 20%;
	width: 40%;
}

/* Load indicator */
.load
{
	text-align: left;
}

/* Front page panels */
.panel
{
	text-align: center;
}

/* Load any web story file */
.panel input
{
	display: block;
	margin: 0 auto;
	width: 50%;
}

.error {
    background: red;
    color: white;
    padding: 10px;
    margin: 10px;
}
/* 

StructIO styles
===============

Copyright (c) 2015 The Parchment Contributors
BSD licenced
https://github.com/curiousdannii/parchment

*/

#parchment
{
	white-space: pre-wrap;
}

/* Line input */
.TextInput
{
	background: none;
	border: 0;
	color: inherit;
	display: inline;
	font: inherit;
	outline: 0;
	padding: 0;
}

/* Character input (to be added to the above) */
.CharInput
{
	left: -999em;
	position: absolute;
}

/* Text grid window */
.TextGrid
{
	line-height: 19px;
	position: fixed;
	z-index: 2;
}

/* Main window */
.main, .TextGrid
{
	/* Extra padding in case some serifs stick outside the status window */
	padding: 0 1px;
}

/* Monospace text */
tt
{
	font-family: monospace;
	line-height: 1;
}
/*

ZVM - the ifvms.js Z-Machine (versions 5 and 8)
===============================================

Copyright (c) 2011-2013 The ifvms.js team
BSD licenced
http://github.com/curiousdannii/ifvms.js

*/

/*

These styles are required for the classes formatter

ZVM also requires that the whole VM <div> have white-space: pre-wrap.

*/

.zvm-bold { font-weight: bold; }

.zvm-italic { font-style: italic; }

.zvm-mono { font-family: monospace; line-height: 1; }

.zvm-fg-2 { color: #000; }
.zvm-bg-2 { background-color: #000; }

.zvm-fg-3 { color: #ef0000; }
.zvm-bg-3 { background-color: #ef0000; }

.zvm-fg-4 { color: #00d600; }
.zvm-bg-4 { background-color: #00d600; }

.zvm-fg-5 { color: #efef00; }
.zvm-bg-5 { background-color: #efef00; }

.zvm-fg-6 { color: #006bb5; }
.zvm-bg-6 { background-color: #006bb5; }

.zvm-fg-7 { color: #f0f; }
.zvm-bg-7 { background-color: #f0f; }

.zvm-fg-8 { color: #00efef; }
.zvm-bg-8 { background-color: #00efef; }

.zvm-fg-9 { color: #fff; }
.zvm-bg-9 { background-color: #fff; }

.zvm-fg-10 { color: #b5b5b5; }
.zvm-bg-10 { background-color: #b5b5b5; }

.zvm-fg-11 { color: #8c8c8c; }
.zvm-bg-11 { background-color: #8c8c8c; }

.zvm-fg-12 { color: #5a5a5a; }
.zvm-bg-12 { background-color: #5a5a5a; }