html
{
  height:100%;
}

body
{
  font-size:90%;
  line-height:160%;
  background-color:#fffffa;
  color:#111;
  font-family: 'Georgia', serif;
  height:80%;
}

div.hyphenate
{
  text-align:justify;
}

form.story-form
{
  width:80%;
  height:70%;
  margin:5% auto 0px auto;
  text-align:center;
}

div.story-demo
{
  border:1px solid #808080;
  background-color:#f0f0f0;
  padding:10px;
  height:100%;
  overflow:auto;
}

div.story-text
{
  font-family: 'Georgia', serif;
  font-size: 120%;
  line-height:140%;
}

input.story-input
{
  font-family: 'Helvetica', sans-serif;
  width:98%;
  border:1px solid #808080;
  background-color:#e0e0ff;
  font-size:110%;
}

div.hint
{
  margin:5px 0px 0px 3em;
  text-align:left;
  height:2em;
}