@font-face {
  font-family: 'CormorantGaramond-Bold';
  src: url("../fonts/CormorantGaramond-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'CormorantGaramond-Italic';
  src: url("../fonts/CormorantGaramond-Italic.ttf") format("truetype"); }
@font-face {
  font-family: 'CormorantGaramond-Regular';
  src: url("../fonts/CormorantGaramond-Regular.ttf") format("truetype"); }
/* Our interesting CSS */
html {
  font: 110% "Times New Roman", Times, serif;
  margin: 1em 2em 2em 5em;
  padding: 0; }

article, footer, header, nav {
  display: block; }

/* 
	Here's for when we display this on the web 
*/
@media screen {
  a {
    color: blue; }

  article {
    color: black;
    float: right;
    margin: 0.5em 0 1em 0;
    width: 79%; }

  header {
    border-bottom: 1px solid black; }

  header p {
    font-size: 150%;
    margin: 0.25em 0;
    padding: 0;
    text-align: center; }

  nav {
    float: left;
    margin: 1em 0 0.5em 0;
    width: 18%; }

  /* The menu CSS is reverse-engineered from the Intercon site. */
  nav ul.menu {
    margin: 0;
    text-align: center;
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    border: 2px solid #49176D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #e2e2ff;
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2c2ff));
    background-image: -moz-linear-gradient(top, #fff, #c2c2ff); */
    -moz-box-shadow: 0px 0px 5px #49176D;
    -webkit-box-shadow: 0px 0px 5px #49176D;
    box-shadow: 0px 0px 5px #49176D; }

  nav ul.menu li {
    border-bottom: 1px solid #49176D; }

  nav ul.menu li a {
    display: block;
    padding: 3px; }

  nav ul.menu li.menuTitle {
    background-color: #49176D !important;
    color: white;
    font-weight: bold; }

  nav ul.menu li a:hover {
    background-color: rgba(0, 0, 255, 0.2); }

  nav ul.menu li a,
  nav ul.menu li a:visited {
    color: black;
    text-decoration: none; } }
/* 
	Here's for when we need to print the page. 
*/
@media print {
  /* Links are irrelevant when you print, so color them black. */
  a {
    color: black; }

  /* This takes the whole page. */
  article {
    margin: 0.5em 0 0.5em 0; }

  header,
  nav {
    display: none; } }
/* 
	This is for all of the common material 
*/
a {
  text-decoration: none; }

a.larpTitle,
a.storyTitle {
  font-style: italic; }

a:hover {
  color: red; }

div.aside {
  border: 3px double black;
  margin: 1.5em 4em;
  padding: 0 0.5em; }

/* Without this, you get weird sizes for the image, often far too huge!
This constrains the image size to that of the div and not the other way 
around. */
div.asideLeft {
  float: left;
  margin: 1em;
  text-align: center;
  width: 40%; }

div.asideRight {
  float: right;
  margin: 1em;
  text-align: center;
  width: 40%; }

/* Without this, you get weird sizes for the image, often far too huge!
This constrains the image size to that of the div and not the other way 
around. */
div.asideLeft img,
div.asideRight img {
  height: 100%;
  margin: 0.25em;
  width: 100%; }

div.provenance {
  float: right;
  margin: 0.5em 0 0.5em 0.5em;
  width: 50%; }

footer {
  border-top: 1px solid black;
  border-left: 1px solid black;
  clear: both;
  font-size: 100%;
  margin: 0.5em 0 0 0;
  padding: 0.25em;
  clear: both; }

h3 {
  border-top: 1px solid black;
  border-left: 1px solid black;
  font-size: 125%;
  margin: 0.5em 0 0 0;
  padding: 0.25em; }

img.asideLeft {
  float: left;
  height: 40%;
  margin: 1em;
  width: 40%; }

img.asideRight {
  float: right;
  height: 40%;
  margin: 1em;
  width: 40%; }

img.vortexImage {
  margin-left: 0.25em;
  margin-right: 0.25em; }

/* Style elements just for this flavor. */
p.activeGuiltyParty {
  background: url(../images/bomb.png) 0.25em 0.25em no-repeat;
  margin: 0.25em 0 0 0;
  padding: 0.25em 0 0 1.25em; }

/* Style elements common to both */
p.activeGuiltyParty,
p.guiltyParty {
  border-top: 1px solid black;
  border-left: 1px solid black;
  font-size: 125%;
  font-style: italic; }

p.caption {
  font-size: 100%;
  font-style: italic;
  margin: 0;
  padding: 5px;
  text-align: center; }

p.guiltyBio {
  margin: 1em 1em 1em 3em; }

/* Style elements just for this flavor. */
p.guiltyParty {
  margin: 0;
  padding: 0.25em; }

p.guiltyProductions {
  border-left: 1px solid black;
  font-size: 100%;
  margin: 0;
  padding: 5px 0 0 5px; }

p.tntSlogan {
  font-size: 80%;
  font-style: italic;
  text-align: center; }

section.burningOrchid,
section.helloYouMustBe,
section.willThatBeAll {
  font-family: 'CormorantGaramond-Regular'; }

section.burningOrchid div,
section.helloYouMustBe div,
section.willThatBeAll div {
  font-size: 100%; }

section.burningOrchid h3,
section.burningOrchid tr.headerRow,
section.helloYouMustBe h3,
section.helloYouMustBe tr.headerRow,
section.willThatBeAll h3,
section.willThatBeAll tr.headerRow {
  font-family: 'CormorantGaramond-Bold'; }

span.noBreak {
  white-space: nowrap; }

table {
  border-bottom: 1px solid black;
  border-collapse: collapse;
  border-right: 1px solid black;
  border-spacing: 0;
  margin: 0.5em 0;
  padding: 0;
  width: 100%; }

table.catPictureTable {
  border: 0; }

td.cat {
  border: 0;
  width: 50%; }

td.cat img {
  width: 100%; }

td {
  border-top: 1px solid black;
  border-left: 1px solid black;
  padding: 5px; }

td.comments,
td.competition,
td.ironGMIngredients,
td.ironGMGame,
td.ironGMTeam {
  vertical-align: top; }

td.competition,
td.contactType,
td.guiltyNames,
td.larpId,
td.presentationMaterials,
td.roleDate {
  text-align: center; }

td.larpName {
  font-style: italic; }

/* 
  These are one paragraph, short entries in a table; the big margins make 
  the tables much bigger than they need to be. This squeezes out much of 
  the white space.
*/
td.presentationName p,
td.presentationDescription p,
td.presentationMaterials p,
td.workshopActivity p,
td.workshopDate p,
td.workshopDescription p,
td.workshopTime p {
  margin: 0.25em; }

td.provenanceName {
  width: 25%; }

tr.headerRow {
  background-color: #c2c2ff;
  font-weight: bold; }

tr.evenRow {
  background-color: rgba(0, 0, 255, 0.05); }

tr.oddRow {
  background-color: #ffffff; }