/*
 * BasicStyle.css
 *
 * Basic, pleasant, styling information.
 */

/*------------------------------------------------------------------------*/
/*---- Styling of Elements -----------------------------------------------*/
/*------------------------------------------------------------------------*/

a[href]:hover { 
 color: red;
}

body {
  color: black;
  /*background-color: white;*/
  background-color: white;
  padding-left: 1in;
  padding-right: 1in;
}

li p {
  margin: 0in;
  padding: 0in;
}
p {
}

pre {
}

ol {
}

ul {
}

blockquote {
  margin-left: .3in;
  margin-right: .3in;
  padding: 0.5em;
  background-color: #D0E4FE;
}

p.caption {
  margin-left: 1in;
  margin-right: 1in;
  font-size: smaller;
}

/*
img {
  border: none;
}
*/

h1 {
  margin-left: -1in;
  font-family: sans-serif;
  font-weight: bold;
  color: darkblue;
}

h2 {
  margin-left: -.5in;
  font-family: sans-serif;
  font-weight: bold;
  color: darkblue;
}

h3 {
  margin-left: -.2in;
  font-family: sans-serif;
  font-weight: bold;
}

h4 {
  font-weight: bold;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

.error {
  background-color: red;
  border: solid black 2px;
}

div.figure {
  margin-bottom: 10px;
  border: solid black 1px;
}

div.figureBody {
  padding-left: .1in;
  padding-right: .1in;
  background-color: white;
}

div.caption {
  background-color: #0000aa;
  color: white;

  font-family: sans-serif;
  font-weight: bold;
  padding: 2px;
}

table.toc {
  float: right;
  width: 2in;
}

div.toc {
  padding-left: .1in;
}

li.tocEntry {
  font-size: small;
  padding-bottom: 2px;
  font-family: sans-serif;
  font-weight: bold;
}

div.tocSubEntry {
  font-size: x-small;
  font-family: sans-serif;
  padding-bottom: 2px;
  padding-left: .3in;
  padding-right: .2in;
}

div.tocEntry:first-line {
  margin-left: -.1in;
}

img.tocRune {
  border: none;
  vertical-align: center;
  margin-right: 2px;
}

span.linkFileType {
  font-size: smaller;
}

table.literalTable {
  font-size: smaller;
  font-family: sans-serif;
}

tr.literalTr[highlight=true] {
  background-color: ghostwhite;
}

tr.literalTr {
  background-color: #D0E4FE;
}

th.literalTh {
  vertical-align: top;
}

td.literalTd {
  vertical-align: top;
}



table.stats {
  font-size: smaller;
  font-family: sans-serif;
}

tr.stat[highlight=true] {
  background-color: ghostwhite;
}

tr.stat {
  background-color: #D0E4FE;
  vertical-align: top;
}

th.statName {
  text-align: left;
  padding-right: 1em;
  vertical-align: top;
}

th.statName:after {
  content: ":";
}

td.statValue {
  vertical-align: top;
}

div.fantasy {
  background-color: #D0E4FE;
  border: solid black 1px;
  margin-left: .2in;
  margin-right: .2in;
}

.DramaticDescription {
  font-style: italic;
}

/*------------------------------------------------------------------------*/
/*---- Bryniau-specific Style Classes ------------------------------------*/
/*------------------------------------------------------------------------*/

.caption {
  font-size: smaller;
  font-family: sans-serif;
}

.toolbar {
  margin-right: 1em;
  margin-left: 1em;
  align: center;
  text-align: center;
  border: groove black 1px;
  padding: 1em;
  /*background-color: lightgrey;*/
}

.toolbarButton {
}

p.footer {
  text-align: center;
  font-style: italic;
  font-size: smaller;
}

p.dropCap:first-letter {
  font-size: 200%; 
  font-family: fantasy;
}

img.flavorImage {
  float: right;
  margin: .05in;
}

span.TBD {
  color: red;
}

table.content {
  margin-left: 1in;
  margin-right: 1in;
}

table.personDetails {
  margin-left: 1in;
  margin-right: 1in;
}

table.catalogimage {
  margin-left: 1in;
  margin-right: 1in;
}

div.entity {
  margin-top: .1in;
  margin-left: 1in;
  margin-right: 1in;

  border: solid black 1px;
}

div.entity-title {
  /*margin-left: 1in;
    margin-right: 1in;*/

  margin: .1in;

  font-size: larger;
  font-family: sans-serif;
}


/*------------------------------------------------------------------------*/
/*---- Utility Styles ----------------------------------------------------*/
/*------------------------------------------------------------------------*/

.rightAligned { 
  text-align: right; 
}

.centerAligned { 
  text-align: center; 
}

img.floatRight {
  float: right;
}

img.floatLeft {
  float: left;
}


.note {
  color: blue;
}