@charset "utf-8";
@font-face {
    font-family: 'TitilliumText25L1wt';
    src: url('font/TitilliumText25L005-webfont.eot');
    src: url('font/TitilliumText25L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/TitilliumText25L005-webfont.woff') format('woff'),
         url('font/TitilliumText25L005-webfont.ttf') format('truetype'),
         url('font/TitilliumText25L005-webfont.svg#TitilliumText25L1wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
   width:100%;
   height:100%;
}

#nav_parent
{
   position: sticky;
   top: 2em;
}

.message h1.important
{
   color: #B72929;
   margin-bottom: 1em;
}


.message
{
   text-align: justify;
   text-justify: distribute;
   display: inline-block;
   margin: 3em;
   padding: 3em;
   background-color: #EEE;
   vertical-align: middle;
}

.message, blockquote
{
	box-shadow:
      1px 0px 2px #888,
      -1px 0px 2px #888,
      0px 1px 2px #888,
      0px -1px 2px #888;
   max-width: 80em;
}

.page_message
{
   min-width: 40em;
}

div .message.error
{
   background-color: #E67D7D;
}

.nodisplay
{
   display:none;
}

fieldset
{
   border: none;
}

section + *
{
   margin-top: 1em;
}

nav
{
   transition: background-color 0.4s, color 0.4s;
}

nav, h1, h2, h3
{
	font-family: 'TitilliumText25L1wt';
}

.message *, header *, body
{
   padding: 0;
   margin: 0;
}

body
{
   text-align: center;
   background-color: #BBB;
   line-height: 1.6em;
   font-size: 18px;
   color: #444;
   bottom: 0;
   left: 0;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   display: table;
}

.message a, header a
{
   color: inherit;
   text-decoration: none;
}

.message a:hover
{
   text-decoration: underline;
}

#subtitle
{
   font-size: 50%;
}

.message h2, header h2
{
   font-size: 1.1em;
   margin-top: 1em;
}

header
{
   display: table-cell;
   vertical-align: top;
   top: 0;
   bottom: 0;
   left: 0;
   width: 8em;
   background-color: #333;
   color: #000;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 6px;
   padding-right: 6px;
   border: 1px solid #222;
   box-shadow: 1px 0px 2px #888,
               -1px 0px 2px #888,
               0px 1px 2px #888,
               0px -1px 2px #888;
}

header nav
{
   background-color: #EEE;
   color: #000;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 6px;
   padding-right: 6px;
   border: 1px solid #222;
}

header nav:first-of-type
{
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

header nav:last-of-type
{
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
}

header nav:hover
{
   background-color: #BBB;
   cursor: pointer;
}

article
{
   display: table-cell;
}

.message blockquote
{
   display: inline-block;
   text-align: justify;
   text-justify: distribute;
   padding: 2em 2em 1em 2em;
   margin-bottom: 1em;
}

.message blockquote footer
{
   text-align: center;
   margin-top: 1em;
   margin-left: -1em;
}

.to-logo
{
   margin-top: 1em;
   height: 100%;
   width: 100%;
}

.tonkadur-logo
{
   margin-top: 0.5em;
   height: 70%;
   width: 70%;
}

.pebgit-logo
{
   margin-top: 0.5em;
   height: 70%;
   width: 70%;
}

.the-unclaimed-ambassador-cover
{
   margin-top: 0.5em;
   height: 70%;
   width: 70%;
}