/*
Truly global settings, creating uniformity across 
sites
*/
body {
    font-family: 'Andale Mono';
    margin: 0 auto;
}

h1{
    font-size: 32pt;
    text-align: center;
}

h2{
    font-size: 20pt;
}

h3{
    font-size: 16pt;
}

img.sigil {
    width: 200px;
    height: auto;
    margin: 0 auto;
}

img.medium{
    width: 400px;
    height: auto;
    margin: 0 auto;
}

img.fancy{
    width: 80%;
    height: auto;
    margin: 0 auto;
}

/*
These get mildly adjusted for content width
*/
.first-bar{
    position: fixed;
    padding: 25px;
    left: 0;
    height: 100%;
    width: 200px;
    border-right: 1pt black solid;
    text-align: center;
}

.second-bar{
    position: fixed;
    padding: 25px;
    left: 250px;
    height: 100%;
    width: 250px;
    border-right: 1pt black solid;
    text-align: center;
}

.display{
    position: absolute;
    padding: 25px;
    height:100%;
    left: 550px;
}

.left-list{
    text-align: left;
}

/*
These are specific to the Seaglass page
*/

.album{
    font-family: 'Didot', Georgia, serif;
    font-size: larger;
    line-height: 30pt;
    width: 800px;
}

h1.album{
    font-size: 32pt;
    font-family: 'Petit Formal';
    text-align: left;
}

h2.album{
    font-family: 'Petit Formal';
}

/*
Font Section
*/

@font-face {
  src: url('andale-mono.ttf') format('truetype');
  font-family: 'Andale Mono';
  font-weight: 400;
  font-style: normal;
}

@font-face {
  src: url('didot.ttf') format('truetype');
  font-family: 'Didot';
  font-weight: 400;
  font-style: normal;
}

@font-face {
  src: url('petit-formal.ttf') format('truetype');
  font-family: 'Petit Formal';
  font-weight: 400;
  font-style: normal;
}