body {
   background: ivory;
   color: black
}

h1 {
   color: darkmagenta;
   text-align: center;
}

h2 {
   color: green;
   text-align: left;
}

h3 {
   color: black;
   text-align: left;
}

hr {
   width: 70%;
   clear: both;
}

img {
   border: solid 1px gray;
}

img.plain {
   border: none;
}


a:link { color: blue }
a:visited { color: steelblue }
a:active { color: blue }
a:hover { color: blue }

table {
   border: solid 1px gray;
   border-collapse: collapse;
}

th {
   border: solid 1px gray;
   padding: 1px 2px;
}

td {
   border: solid 1px gray;
   padding: 1px 3px;
}



.imgcentre {
   margin: 1em;
   text-align: center;
   font-style: italic;
   clear: both;
}

.imgleft {
   margin: 1em;
   text-align: center;
   font-style: italic;
   width: 25%;
   float: left;
   clear: both;
}

.imgright {
   margin: 1em;
   text-align: center;
   font-style: italic;
   width: 25%;
   float: right;
   clear: both;
}

table.blog {
   border: none;
   border-collapse: separate;
   border-spacing: 5px;
   horizontal-align: center;
   width: 100%;
}

table.blog td {
   vertical-align: top;
   border-left: none;
   border-right: none;
   border-top: solid;
   border-bottom: none;
   padding: 2px 1px 15px 1px;
}


.actr {
   margin: 1em 3em;
   font-style: italic;
}

.narr {
}

.cast {
  text-indent: -5em;
  margin-left: 5em;
}

.lines {
  margin-left: 5em;
  text-indent: -5em;
}

.name {
  text-indent: -5em;
}

.continue {
  margin-left: 5em;
}

.direction {
  margin-left: 5em;
   font-style: italic;
}