/***********************************************************************
    CSS for JA fan fiction
 ***********************************************************************/

body        { background-color: #99F; /*#DC9;*/
            /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
            /*font-size: small;*/
            /*font-family: Garamond, Times New Roman, serif;*/
              font-family: Bookman Old Style, Garamond, Times New Roman, serif;
            }

.blurb      { margin: 1em 0em;
            }

.note       { margin: 0em 0em 1em;
            }

.rating     { margin: 1em 0em;
            }

.heading    { font-size: 2.5em; font-weight: bold;
            }

.dialogue   { background-color: #EEE;
            /*margin: 3em 5em;*/
              margin: 4em 30% 4em 10%;
              padding: .5em 1em;
              border: solid black 1px;
            }

.actname    {
              font-size: 1.5em;
              background-color: #9CF;
            }

.actname2   {
              font-size: 1.5em;
              font-weight: bold;
              background-color: #9CF;
            }

.ddtable    {
              margin: 0 0 0 1em;
            /*background-color: #CCC;*/
            }

.darcy      { margin: 0em 0em 1em;
              padding: 0;
            }

.other      { margin: 0em 0em 1em 4em;
              padding: 0;
            }

.third      { margin: 0em 0em 1em 8em;
              padding: 0;
            }

.fourth     { margin: 0em 0em 1em 12em;
              padding: 0;
            }

.darcy2     { display: none;
            }

.other2     { display: none;
            }

.darcy3     { margin: 0;
              padding: 0;
            }

.other3     { margin: 0em 4em;
              padding: 0;
            }

.third3     { margin: 0em 4em 0em 8em;
              padding: 0;
            }

.darcy4     { margin: 0;
              padding: 0;
            }

.other4     { margin: 0em 4em;
              padding: 0;
            }

.third4     { margin: 0em 4em 0em 8em;
              padding: 0;
            }

.letters    {
            }

.letter     { background-color: #EEE;
              margin: 2em 40% 4em 10%;
              padding: 1em 2em;
              border: solid black 1px;
            }

.letterg    { background-color: #EEE;
              margin: 2em 20% 4em 10%;
              padding: 1em 2em;
              border: solid black 1px;
            }

.letterbox  { background-color: #f96;
              margin: 1em 1em 1em 4em;
              padding: 0em 1em 0em 1em;
              border: solid black 1px;
              white-space: pre;
            }

.letterwide { background-color: #EEE;
              margin: 4em 20% 4em 10%;
              padding: 1em 2em;
              border: solid black 1px;
            }

.intro      {
            }

.salutation { margin: 1em 0em;
            }

.letterpara { margin: 1em 1em 1em 2em;
              text-align: justify;
            }

.greeting   {
            }

.narrative  { background-color: #EEE;
              margin: 4em 40% 4em 10%;
              padding: .5em 1em;
              border: solid black 1px;
            }

.para       { margin: 1em 3em;
              text-align: justify;
            }

.next       { margin: 1em 0em;
              font-size: 1.1em;
            }

.return     { margin: 1em 0em;
            }

.copyright  { /* © */
            }

.pieces     {
            }

.piece      { background-color: #EEE;
              margin: 3em 1em;
              padding: .5em 1em;
              border: solid black 1px;
            }

.notice     { background-color: #EEE;
              margin: 1em 1em;
              padding: .5em 1em;
              border: solid black 1px;
            }

.piecetitle { font-size: 1.5em;  font-weight: bold;
            }

.boxtitle   { font-size: 1.5em;  font-weight: bold;
              margin: 1em 1em 0em;
              padding: 0em 1em;
              background-color: #77f;
            /*border: solid black 1px;*/
            }

.titledbox  { font-size: 1.5em;  font-weight: bold;
              margin: 0em 1em 2em;
              padding: .5em 1em;
              background-color: #99f;
            /*border: solid black 1px;*/
            }

.pieceblurb { margin: 1em;
            }

.subpiece   { margin: .5em 2em 0em;
              font-weight: bold;
            }

.subpieceblurb
            { margin: 0em 5em;
            }

.counter    { margin: 1em;
            }

.wordcount  { font-size: .75em;
            }

.feedback   { background-color: #CAF;
              margin: 4em;
              padding: 1em 2em;
              border: solid black 1px;
            }

li          { margin: 1em;
              position: relative;
            }

.newmarker  { color: red;
              font-weight: bold;
            }

.newmarker2 { color: white;
              background-color: green;
              padding: 0 1em;
              margin:  .1em 0 0 .5em;
              border: solid black 2px;
              float: right;
            }

.newmarker3 { color: white;
              background-color: green;
              font-weight: bold;
              padding: 0 1em;
              margin:  0em;
              border: solid black 2px;
              float: left;
            }

.legend     { color: green;
              font-weight: bold;
            }

.button     { margin: .5em;
              padding: .5em;
              background-color: #ccc;
              border: solid black 2px;
            }

.toc        { background-color: #99f;
              margin: 3em 40% 3em 7%;
              padding: .5em 1em;
            }

.tocbox     { position: relative;
              height: 35em;
              margin: 3em 0 0 0;
            }

.tocleft    { background-color: #99f;
              position: absolute;
              top: 0em; left: 7%;
              width: 40%;
              margin: 0;
              padding: .5em 1em;
            }

.tocright   { background-color: #99f;
              position: absolute;
              top: 0em; left: 54%;
              width: 40%;
              margin: 0;
              padding: .5em 1em;
            }

.toc0       { font-size: 2em;
              margin: 0 0 .5em 0;
            }

.toc1       { font-size: 1.5em;
              margin: 0 0 .2em 2em;
              font-weight: bold;
            }

.toc2       { font-size: 1.2em;
              margin: 0 0 1em 4em;
            }

.toc2a      { font-size: 1.2em;
              margin: .5em 3em;
            }

dt          {
              font-size: 1.5em;
            }

td          {
              padding: 0 .5em;
            }

.tdclass    {
              vertical-align: top;
              position: relative;  width: 50%;
            }

.tdclass2   {
              background-color: #99f;
            /*vertical-align: top;*/
              margin: 2em;
              padding: 1em;
            }

#leftcol    {
              position: absolute;
              left: 00%;  width: 50%;
            }

#rightcol   {
              position: absolute;
              left: 50%;  width: 50%;
            }

.col        {
              background-color: #ccf;  /*#99f;*/
              border: solid black 1px;
              margin: 2em 2em;
              padding: 1em;
            }

.original   {
            }

.chapintro  {
              display: none;
            }

.scenestart {
              font-weight: bold;
              margin: .5em 0 1em;
            }

a           {
              color: blue;
            }

a:hover     {
              color: black;
              background-color: #9cf;
            /*font-weight: bold;*/
            }


.dartitle   {
              font-size: 4em;
            }

.darbox     {
              margin:  1em;
              padding: 1em;
              background-color: #dff;
              border: solid black 2px;
              font-family: Felix, Georgia, Garamond, Times New Roman, serif;
              font-size: 1.5em;
            }

.darbold    {
              font-weight: bold;
              font-size: 1.2em;
            }

.dar1       {
              margin:  .5em;
              padding: 0em;
            }

.dar2       {
              margin:  .5em;
              padding: 0em;
              font-size: 2.0em;
              font-style: italic;
            }

.dar3       {
              margin:  .5em;
              padding: 0em;
              font-size: 1.5em;
            }

.boxtitle3  {
              font-weight: bold;
              font-size: 2.0em;
              padding: 0 .5em;
              text-align: center;
            }

.actname3   {
              font-weight: bold;
              font-size: 1.5em;
              padding: .5em;
              text-align: center;
            }

.dialogtitle {
              margin: 0 0 0 1em;
            }

.annotation {
              font-size: .8em;
            }

@media print {
    .dialogue { margin: 0; padding: 0; border: none; }
    .feedback { display: none;  }
    .return   { display: none;  }
    .counter  { display: none;  }
    .next     { display: none;  }
    .letter, .narrative
              { margin: 2em 2em 4em 2em;
                padding: 1em 2em;
                border: solid black 1px;
              }
    .para   { margin: 1em 1em;
            }
}