@charset "ISO-8859-1";

body {
    color: black;
    background: #c0c0c0;
    margin: 15px 15px 15px 15px;
}

a:link { color: #222222; }
a:visited { color: #333333; }
a:active { color: #333333; }

hr {
    width: 100%;
    height: 1px;
    border: none;
    color: #666;
    background-color: #666;
}

/* p { font-size: 12 pt; line-height: 1.2 } */

.c1 {
  text-align: right;
}

.documentHeader {
   /* height: 60; */
    width: 90%;
    min-width: 750px;
    max-width: 900px;
    margin: 5px auto 5px auto;
    background-color: #c0c0c0;
    color: #333;
    line-height: 130%;
}

.documentHeader h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 140%;
    text-align: right;
    margin: 0;
    padding: 0;
}

.documentHeader h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 100%;
    text-align: right;
    margin: 0;
    padding: 0;
}

.storyContainer {
    width: 90%;
    min-width: 750px;
    max-width: 900px;
    margin: 10px auto 2em auto;
    background-color: #c5c5c5;
    color: #333;
    line-height: 130%;
}

.commentContainer {
    width: 90%;
    min-width: 750px;
    max-width: 900px;
    margin: 10px auto;
    line-height: 100%;
    border-top: 1px dotted black;
}

.summaryContainer {
    width: 90%;
    min-width: 750px;
    max-width: 900px;
    margin: 10px auto 0 auto;
    background-color: #c5c5c5;
    color: #333;
    line-height: 130%;
}

.storyTitle {
    float: left;
    width: 100%;
    /* height: 40px; */
    background-color: #b0b0b0;
    border: 1px solid #a0a0a0;
    margin: 0;
    padding: 0;
}

.storyTitle h3 {
    margin: 0;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 110%;
    color: #000000;
    padding: 7px 0 6px 9px;
    /* line-height: 39px; */
}

.storyTitle h3 a {
    color: #000000;
}

.storyTitle h4 {
    margin: 0px;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
    color: #000000;
    padding: 7px 9px 6px 0;
    /* line-height:29px; */
}

.storyContent {
  clear: both;
  /* margin: 0; */
  /* padding: .5em; */
  margin: 0 6px 0 6px;
  padding-top: 3px;
}

.storyContent h1 {
  font-family: Times;
  font-weight: normal;
  font-size: 150%;
  letter-spacing: 5px;
  text-transform: uppercase;
  /* line-height: 75%; */
  margin: 8px auto 8px auto;
  text-align: center;
}

.storyContent h2 {
  font-family: Times;
  font-weight: normal;
  font-size: 120%;
  font-variant: small-caps;
  letter-spacing: 2px;
  /* line-height: 75%; */
  margin: 7px auto 7px auto;
  text-align: center;
}

.storySummaryContent {
  clear: both;
  margin: 0;
  padding: 0;
}


.storyFooter {
    clear: both;
    margin: 0;
    padding: 0.5em;
    text-align: right;
    font-size: 70%;
    color: #333333;
}

.storyFooter a { color: #333333; }

.commentContainer h5 {
    margin: 0;
    padding: 0;
}

.commentContainer li {
    padding: 0.25em 1em 0.5em 1em;
    margin-bottom: 1em;
    background-color: #b8b8b8;
    width: 90%;
}

.commentText {
    font-size: small;
}

.commentAttrib {
    font-size: medium;
    margin-left: 1.5em;
    margin-top: 0.3em;
}

.commentName { font-variant: small-caps; }
.commentDate { font-size: small; margin-left: 0.5em; }

#comment-anchor {
    /* the leave-a-comment box */
    list-style-type: none;
    /* border: 1px dotted black; */
}

#comments_form .label {
    /* font-family: Helvetica, Arial, sans-serif; */
    float: left;
    clear: left;
    width: 100px;
    margin-right: 10px;
    text-align: right;
    /* font-weight: bold; */
}

input#post {
    margin-left: 110px;
}

p#comment-instructions {
    font-family: Helvetica, Arial, sans-serif;
    margin: -10px 0 0 110px;
    padding: 0;
    font-size: x-small;
}

input#comment-author, input#comment-email, input#comment-url, textarea#comment-body {
    /* width: 400px; */
    margin-top: -2px;
}

.documentFooter {
    color: #999999;
    font-size: 80%;
    line-height: 130%;
}

.documentFooter a {
    color: #999999;
}

blockquote {
  font-size: 90%;
  padding-left: 25px;
  padding-right: 25px;
}

/* blockquote {
 * background-image: url(images/quotemark-open.png);
 * background-repeat: no-repeat;
 * background-position: left 0px;
 * padding-left: 30px;
 * font-style: italic;
 * }
 * blockquote div {
 * background-image: url(images/quotemark-close.png);
 * background-repeat: no-repeat;
 * background-position: right bottom;
 * display: block;
 * padding-right: 30px;
 * }
 */

.summaryTitle {
    float: left;
    width: 100%;
    /* height: 40px; */
    background-color: #b0b0b0;
    /* border: 1px solid #a0a0a0; */
    border: none;
    margin: 0;
    padding: 0;
}

.summaryTitle h3 {
    margin: 0;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #000000;
    padding: 6px 0 5px 7px;
    /* line-height: 39px; */
}

.summaryTitle h3 a {
    color: #000000;
}

.storySummaryContent img { border: none; margin: 1px 0 0 2px; display: inline; }

.summaryTable {
  width: 100%;
  padding: 0;
  margin: 0;
  table-layout: fixed;
}

.summaryTable td {
  vertical-align: top;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 80%;
  line-height: 1.4;
}

td.summaryDate { font-family: Times; text-align: center; border: none;
  line-height: 1.5;  }

.summarySummary { font-family: Times; }