html
{
	min-height: 100%;
	margin-bottom: 1px;
}

html, body
{
	color: #FFFFFF;
	background: black url(img/screen5.jpg);
	background-attachment:fixed;
}

body
{
	background: none;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

h1
{
	background: url(a.png) no-repeat top;
	text-align: center;
	font-size: 100%;
	text-indent: -5000px; /* puts the text behind the background */
	width: 600px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}

h2
{
	text-align: center;
	font-size: 130%;
}

h3
{
	text-align: center;
	font-size: 120%;
}

h5
{
	text-align: center;
	font-size: 100%;
	margin-bottom: 0.25em;
}

story_title, *.story_title
{
	color: #FFFFFF;
}

story_author, *.story_author
{
	color: #FFFFFF;
}

story_intro, *.story_intro
{
	color: #FF0000;
	font-size: 250%;
}

p.story
{
	color: #FFFFFF;
}

h4
{
	font-size: 110%;
	margin: 0.5em 0;
}

hilt, *.hilt, *.hilt .date
{
	color: #FFFF00;
}

done, *.done, *.bug_closed
{
	color: #22DD22;
}

bug_ajar, *.bug_ajar
{
	color: #22DDDD;
}

bug_nonrep, *.bug_nonrep
{
	color: #AA22DD;
}

inprog, *.inprog
{
	color: #FFFF55;
}

future, *.future
{
	color: #DDDDDD;
}

core, *.core
{
	color: #00FFFF;
}

req, *.req
{
	color: #FF8800;
}

bloat, *.bloat
{
	color: #AAFF00;
}

powergoal, *.powergoal
{
	color: #DD00FF;
}

*.error
{
	background-color: #FFAAAA;
	color: black;
}

a
{
	color: #77AAFF;
}

p.squeeze
{
	padding-left: 3em;
}

ul
{
	padding: 0.5em 0;
	margin: 0;
	clear: left;
}

ul li
{
	list-style: none inside;
	padding: 0.25em 1em 0 0.25em;
	margin: 0 0 0.5em 0;
	clear: left;
}

ul ul li
{
	padding: 0;
}

*.menu
{
	text-align: center;
}

ul.menu li
{
	padding: 0;
	display: inline;
}

ul.itemized
{
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
}

ul.itemized li
{
	list-style: disc inside;
	padding-left: 1em;
	margin-bottom: 0.5em;
}


ul.subitemized
{
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
}

ul.subitemized li
{
	list-style: circle inside;
	padding-left: 1em;
	margin-bottom: 0.25em;
}


ul.screenshots li
{	
	display: block;
	float: left;
}

ul.screenshots img
{
	display: block;
	width: 160px;
	height: 75px;
}

ul.pairs, ul.compact
{
	clear: left;
}

ul.pairs li
{
	width: 45%;
	float: left;
	clear: none;
}

ul.compact li
{
	clear: none;
	float: left;
	width: 14em;
}


li p
{
	margin: 0;
}

div
{
	background: url(imgs/bar.jpg) no-repeat top;
	margin: 1em;
	padding-top: 1em;
	clear: both;
}

div div
{
	background: none;
	margin: 0;
	padding-top: 0;
}


img.screenshot
{
	border: 3px solid #333333;
}

textarea
{
	width: 100%;
	height: 40em;
	display: none;
}

body.editing textarea
{
	display: block;
}

*.hidden
{
	display: none;
}

div.text
{
	text-align: left;
	font-family: monospace;
	display: block;
	background: black none;
	color: silver;
	padding: 1em;
	height: 8em;
	overflow: auto;
	white-space: pre;
}

p.pagebreak
{
	display: block;
	height: 20em;
}

span.ikey
{
	font-family: monospace;
	color: lime;	
}

em
{
	color: yellow;
}

span.curse
{
	font-family: Courier, monospace;
}

ul li span.key
{
	min-width: 3em;
	float: left;
	padding-right: 0.5em;
}

*.diagram
{
	font-family: Courier, monospace;
	font-size: 200%;
	background-color: black;
	color: silver;
	text-align: center;
}

p.copyright
{
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

span.f_black { color: black; }
span.f_navy { color: navy; }
span.f_green { color: green; }
span.f_teal { color: teal; }
span.f_maroon { color: maroon; }
span.f_purple { color: purple; }
span.f_olive { color: olive; }
span.f_silver { color: silver; }
span.f_grey { color: grey; }
span.f_blue { color: blue; }
span.f_lime { color: lime; }
span.f_aqua { color: aqua; }
span.f_red { color: red; }
span.f_fuchsia { color: fuchsia; }
span.f_yellow { color: yellow; }
span.f_white { color: white; }
span.b_black { background-color: black; }
span.b_navy { background-color: navy; }
span.b_green { background-color: green; }
span.b_teal { background-color: teal; }
span.b_maroon { background-color: maroon; }
span.b_purple { background-color: purple; }
span.b_olive { background-color: olive; }
span.b_silver { background-color: silver; }

li.dev_progress
{
    margin-bottom: 20px;
    padding: 5px 10px 10px 10px;
    background: #111 url(img/somebg.jpg);
    border: 1px solid #465;
    min-height: 27px;
    text-align: justify;
}
li.dev_progress .date
{
    position: relative;
    left: -14px;
    top: -4px;
    font-family: monospace;
    font-size: 12px;
    color: #B0C0A0;
    padding: 5px;
    background: #1a1a1a;
    border: 3px ridge #80B080;
    border-right: 1px solid #000900;
    border-bottom: 1px solid #000900;
    margin-right: -9px;
}
li.dev_progress.hilt, li.dev_progress.hilt .date
{
    color: #FFFF00;
}

.author_img
{
    float: right;
    margin-left: 10px;
    margin-right: -5px;
    height: 32px;
    width: 32px;
    border: 0;
}