/*

Heavily modified

*/

@font-face {
	font-family: 'PRNumber3';
	src: url('PRNumber3.eot');
	src: local('?'), url('PRNumber3.woff') format('woff'), url('PRNumber3.ttf') format('truetype'), url('PRNumber3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
	font-family:'PRNumber3',Sans-Serif;
    font-size: 1.1rem;
    margin: 1.3rem;
	background: black;
}

.container
{
	margin-top: 2em;
}

/* 
Paragraph features defined here apply without distinction to blurb and
source paragraphs. 
*/

p
{
	font-size: 1em;
	line-height: 1.3;
}

/* 
Here we get rid of underlining for links, and provide a more subdued 
color scheme than the bright-blue HTML standard. 

Best color schemes are likely to vary depending on cover art.
*/

a
{
	text-decoration: none;
	color: #369;
}

a:visited
{
	text-decoration: none;
	color: #006;
}

a:hover
{
	text-decoration: none;
	color: #33C;
}

p.indent0 
{	
	margin-bottom: 0;  
}

p.indent1 
{
	padding-left: 2.8em;
	text-indent: -.7em;
	margin-bottom: 0;
	margin-top: 0;
}

p.indent2 
{	margin-bottom: 0; 
	padding-left: 5.6em;
	text-indent: -.7em;
	margin-top: 0;
}

p.indent3 
{
	padding-left: 8.4em;
	text-indent: -.7em;
	margin-bottom: 0;
	margin-top: 0;
}

p.indent4
{	margin-bottom: 0; 
	padding-left: 11.2em;
	text-indent: -.7em;
	margin-top: 0;
}

p.indent5
{
	padding-left: 14em;
	text-indent: -.7em;
	margin-bottom: 0;
	margin-top: 0;
}

p.indent6
{	margin-bottom: 0; 
	padding-left: 16.8em;
	text-indent: -.7em;
	margin-top: 0;
}

p.indent7
{
	padding-left: 19.6em;
	text-indent: -.7em;
	margin-bottom: 0;
	margin-top: 0;
}


p.indent8
{	margin-bottom: 0; 
	padding-left: 22.4em;
	text-indent: -.7em;
	margin-top: 0;
}

p.indent9
{
	padding-left: 25.2em;
	text-indent: -.7em;
	margin-bottom: 0;
	margin-top: 0;
}

/*
Styles for play.html
*/
#gameport
{
	background: white;
	bottom: 1.4rem;
	left: 1.4rem;
	line-height: 1.4;
	margin: 0px;
	position: absolute;
	right: 1.4rem;
	top: 1.4rem;
}

/*
Scanline overlay, so we get the cool vintage CRT effect.
*/
.scanlines {
	position: absolute;
    pointer-events: none !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width:100%;
	height: 100%;
	z-index: 3;
		
	/*** WEBKIT ***/
	background: -webkit-repeating-linear-gradient(
		top,
		transparent 0px,
		transparent 1px,
		rgba(0,0,0,0.3) 1px,
		rgba(0,153,0,0.3) 2px
	);  
	-webkit-background-size: 100% 2px;
	
	/** MOZILLA **/
	background: -moz-repeating-linear-gradient(
		top,
		transparent 0px,
		transparent 1px,
		rgba(0,0,0,0.3) 1px,
		rgba(0,0,0,0.3) 2px
	);
	-moz-background-size: 100% 4px;
}

/*
From parchment.css, mangled for my amusement
*/

:root
{
	--glkote-mono-family:'PRNumber3',Sans-Serif;
	--glkote-prop-family:'PRNumber3',Sans-Serif;
	--glkote-buffer-bg:#000;
	--glkote-buffer-fg:#0f0;
	--glkote-buffer-reverse-bg:#000;
	--glkote-buffer-reverse-fg:#0f0;
	--glkote-grid-bg:#000;
	--glkote-grid-fg:#0f0;
	--glkote-grid-reverse-bg:#0f0;
	--glkote-grid-reverse-fg:#000
}
	
#windowport
{
	width:100%;
	height:100%
}

#errorpane
{
	position:absolute;
	top:0;
	width:100%;
	background:#ffa0a0;
	border-bottom:3px solid #ff4040
}

#errorpane.WarningPane
{
	background:#b0b0ff;
	border-bottom:3px solid #6060ff
}

#errorpane:hover
{
	background:rgba(255,160,160,.5);
	border-bottom:3px solid rgba(255,64,64,.3)
}

#errorpane.WarningPane:hover
{
	background:rgba(176,176,255,.5);
	border-bottom:3px solid rgba(96,96,255,.3)
}

#errorcontent
{
	font-size:1.1rem;
	padding:1rem;
	text-align:center
}

#loadingpane
{
	position:absolute;
	width:100%;
	text-align:center;
	top:20%
}

.WindowFrame
{
	position:absolute;
	margin:0;
	background:var(--glkote-buffer-bg)
}

.BufferWindow
{
	color:var(--glkote-buffer-fg);
	overflow:scroll;
	overflow-x:hidden;
	font-family:var(--glkote-prop-family);
	font-size:1.1rem;
	line-height:1.3;
	padding:6px 10px 6px 10px
}

.BufferWindow .reverse
{
	background:var(--glkote-buffer-reverse-bg);
	color:var(--glkote-buffer-reverse-fg)
}

.BufferLine
{
	white-space:pre-wrap
}

.GridWindow
{
	background:var(--glkote-grid-bg);
	color:var(--glkote-grid-fg);
	overflow:hidden;
	font-family:var(--glkote-mono-family);
	font-size:1.2rem;
	padding:6px 10px 6px 10px
}

.GridWindow.reverse
{
	background:var(--glkote-grid-reverse-bg)
}

.GridWindow .reverse{
	background:var(--glkote-grid-reverse-bg);
	color:var(--glkote-grid-reverse-fg)
}

.GridLine
{
	white-space:pre
}

.InvisibleCursor
{
	position:relative;
	font-size:1.4rem;
	top:1px;
	margin-left:.2rem;
}

.MorePrompt
{
	font-weight:700;
	position:absolute;
	background:#603010;
	color:#ffc;
	opacity:.5;
	padding:2px 6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px
}

.PreviousMark
{
	position:absolute;
	background:#b09888;
	height:2px;
	width:12px;
	top:0;
	right:0
}

.Input
{
	border:none;
	margin:0;
	padding:0;
	outline-width:0;
	outline-style:none;
	background:0 0;
	font-weight:700;
	color: #0f0;
}

.BufferWindow .Input
{
	font-family:var(--glkote-prop-family);
	font-size:1.1rem
}

.GridWindow .Input
{
	font-family:var(--glkote-mono-family);
	font-size:1.1rem
}

.ImageMarginLeft
{
	float:left;
	margin-right:.5em
}

.ImageMarginRight
{
	float:right;
	margin-left:.5em
}

.ImageInlineDown
{
	vertical-align:text-top
}

.ImageInlineUp
{
	vertical-align:text-bottom
}

.ImageInlineCenter
{
	vertical-align:middle
}

.FlowBreak
{
	clear:both
}

.GraphicsWindow canvas
{
	display:block;
	background-color:var(--glkote-buffer-bg)
}

span.Style_emphasized
{
	font-style:italic
}

span.Style_preformatted
{
	font-family:var(--glkote-mono-family)
}

span.Style_header
{
	font-weight:700
}

.BufferWindow span.Style_header
{
	font-size:1.2rem
}

span.Style_subheader
{
	font-weight:700
}

span.Style_alert
{
	font-weight:700
}

span.Style_note
{
	font-style:italic
}

span.Style_blockquote
{
	background:#fff0c0
}

span.Style_input
{
	font-weight:700;
	color:#0f0;
	margin-left:.2rem;
}

#dialog_screen
{
	position:absolute;
	width:100%;
	height:100%;
	background:grey;
	opacity:.5
}

#dialog_frame{
    position:absolute;
    width:100%;
    height:100%
}
#dialog{
    position:relative;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    background:#fff;
    border:4px solid #aaa;
    -webkit-box-shadow:1px 1px 15px #222;
    -moz-box-shadow:1px 1px 15px #222;
    -webkit-border-radius:10px;
    -moz-border-radius:10px
}
#dialog .DiaCaption{
    margin:16px
}
#dialog .DiaWarning{
    margin:16px;
    font-size:1.2rem;
    font-style:italic
}
#dialog .DiaInput{
    margin:16px
}
#dialog input{
    width:100%
}
#dialog .DiaBody{
    margin:16px;
    clear:both
}
#dialog select{
    width:100%
}
#dialog button{
    margin-left:8px
}
#dialog .DiaButtons{
    margin:16px;
    text-align:right
}
#dialog .DiaButtonsFloat{
    margin-left:16px;
    margin-right:16px;
    float:right
}
#dialog .DiaDisplayText{
    font-family:inherit;
    height:200px;
    padding:4px 8px;
    overflow:scroll;
    overflow-x:hidden;
    font-size:1.2rem;
    white-space:pre-wrap;
    background:#fed
}