/* Kallisti (To the Most Beautiful)
/* XHTML Version 2.00 (Second Edition)
/* Copyright 2010 Michael Woods
/* conventionalchaos.com */

/*  What follows is from Ryan's Sticky Footer http://ryanfait.com/sticky-footer/ */

* { margin: 0; }
html, body { height: 100%; background: #000000; }
.wrapper { min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -7em; /* the bottom margin is the negative value of the footer's height */ 
	width: 850px; padding: 0 ; /* my addition - creates a max width */
}
.footer { height: 6em; /* .push must be the same height as .footer (well, for IE anyway, FF needs some buffer */ }
.push { height: 9em; }

/* Now on to my CSS */

p { color: white ; background: black; margin: 0 ; margin-top: 0 ; margin-bottom: 0 ; text-align: left ; }
body { color: white ; background: black; text-align: center ; }

a { text-decoration: NONE ; color: #FFFFFF ; }
/* a:link, a:visited, a:active, a:hover { text-decoration: NONE ; } */
p, h1, h2, h3, h4, h5, h6 { margin: 0 ; margin-top: 0 ; margin-bottom: 0 ; font-weight: normal ; font-family: system ; font-size: 18pt ; }
img { border: 0 ; }

a { color: #22FF22 !important; }
.k { color: #FFFFFF !important; }
.k1 { color: #FF22FF !important; }
.k2 { color: #2277FF !important; }
.k3 { color: #2222FF !important; }
.k4 { color: #22FFFF !important; }
.k5 { color: #22FF22 !important; }
.k6 { color: #FFFF22 !important; }
.k7 { color: #FF7722 !important; }
.k8 { color: #772222 !important; }
.k9 { color: #FF2222 !important; }
a.g { color: #AAAAAA !important; }

p.center { text-align: center !important; }
p.right { text-align: right !important; }
p.left { text-align: left !important; }

h1 { font-family: "OldNewspaperTypes" ; font-size: 30pt ; }
h1.i { text-transform: uppercase ; font-size: 52pt ; margin: 1em ; }
h6 { font-family: "OldNewspaperTypes" ; font-size: 8pt ; margin: 0 ; }
h6.i { font-family: "Petitscript" ; font-size: 32pt ; margin: 0 ; }
h6.i2 { font-family: "TypewriterScribbled" ; font-size: 24pt ; margin: 1em ; }
p.i1 { font-family: "Petitscript" ; font-size: 16pt ; margin: 0 ; text-align: center ;}
p.i2 { font-family: "OldNewspaperTypes" ; font-size: 18pt ; text-align: center ; }
p.i3 { font-family: "TypewriterScribbled" ; font-size: 13pt ; margin: 0 ; text-align: center ; }
p.i4  { font-family: "TypewriterScribbled" ; font-size: 20pt ; margin: 0 ; text-align: center ; }
p.kallisti{ font-family: "Liberation Serif" , serif ; font-size: 18pt ; margin: 0.5em ; text-align: center ; }
p.ic { text-align: center ; margin: 1em ; }
a.ic { color: #22FF22 ; }

p.one1 { font-family: "UglyQua" ; font-size: 14pt ; margin-bottom: 0 ;}
h3.one { font-family: "Liberation Sans" , sans-serif ; font-size: 64pt ; }
p.one { font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; text-indent: 2.5em ; }

h2.two { font-family: "Due Date" ; font-size: 22pt ; color: #2277FF ; text-align: center ;}
h3.two { font-family: "Liberation Sans" , sans-serif ; font-size: 10pt ; margin-bottom: 0.75em ; padding-left: 50% ; color: #2277FF ; text-align: left ; }
p.two { font-family: "BudHand" ; font-size:  15pt ; margin: 1em ; }
p.twox { font-family: "TypewriterScribbled" ; font-size: 11pt ; margin: 1em ; padding-left: 10em ; padding-right: 10em ; }

h3.threetitle { font-family: "CyberCaligraphic" ; font-size: 20pt ; }
h2.three { font-family: "CyberCaligraphic" ; font-size: 14pt ; }
p.three , p.three1{ font-family: "Ogirema" ; font-size: 14pt ; margin: 1em ; }
p.three1 { font-style: italic ; }

span.threeX { font-family: "CyberCaligraphic" ; font-size: 32pt ; float: left; line-height: 1; margin: 0 ; padding-right: 2pt ; }

h2.fourtoc{ font-family: "Liberation Serif" , serif ; font-size: 16pt ; text-align: center ; }
h2.fourtoc2 { font-family: "Petitscript" ; font-size: 18pt ; text-align: center ; }
h2.fourX { font-family: "Liberation Serif" , serif ; font-size: 160pt ; margin-bottom: -1em ; color: #222222 ; }
h2.four { font-family: "Liberation Serif" , serif ; font-size: 16pt ; margin-bottom: 2em ;}
p.fouri, p.four, p.fours { font-family: "Liberation Serif" , serif ; font-size: 13pt ; margin-bottom: 0.5em ; padding-left: 2em ; text-indent: -2em ; }
p.fouri  { font-style: italic ; margin-top: 2em ; margin-bottom: 2em ; }
p.fours { margin-top: 0 ; margin-bottom: 0 ; text-align: right ; font-style: italic ; font-weight: bold ;}
h2.fourd { font-family: "Petitscript" ; font-size: 22pt ; margin-bottom: 1.5em ; }
p.fourd { font-family: "Petitscript" ; font-size: 18pt ; margin-top: 1em ; margin-bottom: 1em ; }

h2.fivetoc, h3.fivetoc { padding-left: 35% ; padding-right: 35% ; text-align: center ; }
h2.fivetoc { font-family: "Unscreen" ; font-size: 12pt ; margin-top: 1em ; margin-bottom: 0 ; }
h3.fivetoc { font-family: "AquilineTwo" ; font-size: 36pt ; margin-top: -36pt ; margin-bottom: 2pt ; }

h2.sixtitle, h2.sixtoc { font-family: "Liberation Serif" , serif ; font-size: 16pt ; color: #2277FF ; margin-top: 1em ; margin-bottom: 1em ; }
h3.sixtitle, h3.sixtoc { font-family: "Liberation Sans" , sans-serif ; font-size: 16pt ; font-style: italic ; color: #FF2222 ; margin-top: 1em ; margin-bottom: 1em ; }
h2.sixtoc { margin: 0 ; padding-left: 25% ; text-align: left ; }
h3.sixtoc { margin: 0 ; padding-left: 35% ; text-align: left ; }
h2.sixtitle { text-align: left ; }
h3.sixtitle { text-align: right ; }
p.sixa, p.sixb { text-indent: 2.5em ; }
p.sixa { font-family: "Liberation Serif" , serif ; font-size: 16pt ; }
p.sixb { font-family: "Liberation Sans" , sans-serif ; font-size: 16pt ; }

h2.seventoc, h3.seventoc { padding-left: 40% ; padding-right: 40% ; }
h2.seventoc { font-family: "OptimusPrinceps" ; font-size: 28pt ; margin: 0 ; text-align: center ; }
h3.seventoc { font-family: "Ogirema" ; font-size: 14pt ; margin-top: -0.5em ; color: #227722 ; text-align: right ; }
h3.seven1 { color: #770000 ; }
h3.seven2 { color: #774400 ; }
h3.seven3 { color: #777700 ; }
h3.seven4 { color: #007700 ; }
h3.seven5 { color: #007777 ; }
h3.seven6 { color: #000077 ; }
h3.seven7 { color: #770077 ; }
h3.sevena, p.sevena { font-family: "Liberation Mono" , monospace ; margin: 1em ; }
h3.sevenb, p.sevenb { font-family: "Ogirema" ;  margin: 1em ; }
h3.sevena { font-size: 12pt ; font-weight: bold ; }
h3.sevenb { font-size: 14pt ; font-weight: bold ; }
p.sevena  { font-size: 12pt ; }
p.sevenb { font-size: 14pt ; margin-top: 0 ; margin-bottom: 0 ; text-indent: 2.5em ; }

p.eighttoc { font-family: "Liberation Serif" , serif ; font-size: 42pt ; font-weight: bold ; }
a.eighttoc { font-family: "Liberation Serif" , serif ; font-size: 42pt ; font-weight: bold ; text-align: center ; }
p.eight1 { font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; margin-top: 2em ; padding-left: 4em ; text-indent: -4em ; }
p.eight2 { font-family: "CyberCaligraphic" ; font-size: 14pt ; margin-top: 1.5em ; text-align: center ; }
p.eight3 { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; margin-top: 1.5em ; }
p.eight4 { font-family: "UglyQua" ; font-size: 14pt ; padding-left: 3em ; text-indent: -3em ; }
p.eight5, p.eight5l, p.eight5r  { font-family: "Petitscript" ; font-size: 18pt ; }
p.eight5 { margin-top: 1em ; margin-bottom: 1em ; }
p.eight5l, p.eight5r { margin: 0 ; }
p.eight5l {text-align: left ; }
p.eight5r { text-align: right ; }
p.eight6 { font-family: "Delphine" ; font-size: 22pt ; margin: 5% ; margin-top: 1em ; margin-bottom: 1em ; }
p.eight7 { font-family: "HenryMorganHand" ; font-size: 36pt ; margin: 7% ; line-height: 32pt ; }
p.eight8 { font-family: "Liberation Serif" , serif ; font-size: 13pt ; }

/* Note that certain CSS elements are still unsupported by browsers,
   especially JUSTIFY - used in: 6, 34
   and FONT-STRETCH - used in: 4, 5, 6, 14, 15, 33
   and TEXT-SHADOW - used in 5
...anyway, we're adding fixes for JUSTIFY and the code for stretch in case it ever works
34 and 6 currently hacked and will give different results depending on the browser (FF only spaces expanded, IE all characters evenly spaced)
*/

p.nine0 { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; color: #FFFFFF ; }
p.nine1 { font-family: "OldNewspaperTypes" ; font-size: 14pt ; margin: 1em ; }
p.nine2 { font-family: "Liberation Serif" , serif ; font-size: 16pt ; margin: 5% ; }
p.nine3 { font-family: "BudHand" ; font-size: 18pt ; margin: 1em ; text-align: center ; }
p.nine4 { font-family: "OptimusPrinceps" ; font-size: 18pt ; margin: 0.5em ; text-align: center ; font-stretch: semi-expanded ; }
p.nine5 { font-family: "Delphine" ; font-size: 20pt ; margin: 2em ; text-align: center ; font-stretch: semi-expanded ; }
span.nine5shadow { text-shadow : 0.2em 0.2em gray ; }
p.nine6, h2.nine6, h3.nine6 { font-family: "Liberation Mono" , monospace ; margin: 1em ; text-align: center ; }
h3.nine6 { font-size: 24pt ; font-stretch: expanded ; }
h2.nine6 { font-size: 9pt ; margin-top: 40pt ; margin-bottom: 40pt ; font-stretch: semi-expanded ; }
p.nine6 {font-size: 12pt ; text-align: justify ; text-justify: distribute-all-lines ; text-justify: distribute ; text-align-last: justify ; }
p.nine6:after { content: " ____________________________________________________________" ; line-height: 0 ; visibility: hidden ; }
p.nine7 { font-family: "Liberation Sans" , sans-serif ; font-size: 14pt ; margin: 0 ;  }
p.nine8 { font-family: "UglyQua" ; font-size: 16pt ; margin: 0 ; text-indent: -1em ; padding-left: 10em ; }
p.nine9 { font-family: "BethHand" ; font-size: 20pt ; margin: 1em ; }
p.nine10 { font-family: "Petitscript" ; font-size: 18pt ; margin: 1em ; }
p.nine11 { font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; margin: 0 ; }
p.nine11a, p.nine11 sup { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; margin: 0 ; }
p.nine12 { font-family: "OldNewspaperTypes" ; font-size: 14pt ; margin-top: 2em ; margin-bottom: 2em ; text-indent: -25% ; padding-left: 30% ; }
p.nine13, p.nine13a  { font-family: "TypewriterScribbled" ; font-size: 12pt ; line-height: 1.5em ; }
p.nine13a { padding-right: 60% ; }
p.nine14 { font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; margin-top: 2.5em ; margin-bottom: 1em ; font-stretch: semi-expanded ; }
p.nine15 { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; margin: 1em ; font-stretch: semi-expanded ; line-height: 1.2em ; }
p.nine16 { font-family: "BudHand" ; font-size: 18pt ; text-indent: -30% ; padding-left: 35% ; }
p.nine17, p.nine17a { font-family: "Ogirema" ; font-size: 14pt ; padding-left: 15% ; padding-right: 15% ; margin-top: 1em ; margin-bottom: 1em ; }
p.nine17a { margin-bottom: 2em }
p.nine18 { font-family: "AquilineTwo" ; font-size: 22pt ; line-height: 30pt ; margin: 2em ; }
p.nine19 { font-family: "HenryMorganHand" ; font-size: 34pt ; line-height: 30pt ; text-indent: -15% ; padding-left: 30% ; padding-right: 30% ; }
p.nine20, p.nine20a, p.nine20b { font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; line-height: 16pt ; padding-right: 25% ; }
p.nine20 { padding-left: 25% ; }
p.nine20a { padding-left: 35% ; }
p.nine20b { padding-left: 45% ; }
p.nine21 { font-family: "Liberation Serif" , serif ; font-size: 14pt ; text-indent: -5% ; padding-left: 10% ; padding-right: 5% ; }
p.nine22, p.nine22a, p.nine22b { font-family: "Delphine" ; font-size: 20pt ; margin: 1em ; padding-left: 25% ; padding-right: 25% ; }
p.nine22 {padding-left: 30% ; }
p.nine22a { padding-right: 15% ; }
p.nine22b { padding-right: 30% ; }
p.nine23 , p.nine23a { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; margin: 1em ; line-height: 18pt ; }
p.nine23a { padding-right: 30% ; }
p.nine24 { font-family: "TypewriterScribbled" ; font-size: 14pt ; margin: 1em ; }
p.nine25 {font-family: "Liberation Serif" , serif ; font-size: 14pt ; margin: 1em ; }
p.nine26 { font-family: "OldNewspaperTypes" ; font-size: 14pt ; margin: 1em ; padding-left: 15% ; padding-right: 15% ; }
p.nine27, p.nine27a { font-family: "Ogirema" ; font-size: 14pt ; margin: 2em ; margin-bottom: 1em ; padding-left: 10% ; padding-right: 10% ; }
p.nine27a { text-align: center ; font-style: italic ; }
p.nine28 { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; font-variant: small-caps ;  line-height: 20pt ; }
p.nine29 { font-family: "BethHand" ; font-size: 20pt ; margin: 1em ; }
p.nine30 { font-family: "UglyQua" ; font-size: 14pt ; margin: 1em ; padding-right: 20% ; padding-left: 20% ; }
p.nine31, p.nine31a, p.nine31b { font-family: "Liberation Sans" , sans-serif ; font-size: 14pt ;  }
p.nine31 { padding-left: 15% ; }
p.nine31a { padding-left: 25% ; }
p.nine31b { padding-left: 35% ; }
p.nine32, p.nine32a { font-family: "BudHand" ; font-size: 18pt ; text-indent: -5% ; }
p.nine32 { padding-left: 15% ; }
p.nine32a { padding-left: 30% ; padding-right: 0 ; }
p.nine33 { font-family: "OptimusPrinceps" ; font-size: 18pt ; font-stretch: semi-expanded ; }
p.nine34 { font-family: "CyberCaligraphic" ; font-size: 20pt ; text-align: justify ; text-justify: distribute-all-lines ; text-justify: distribute ; text-align-last: justify ; padding-left: 0 ; padding-right: 0 ; line-height: 28pt ; }
p.nine34:after { content: " ____________________________________________________________" ; line-height: 0 ; visibility: hidden ; }
p.nine35, p.nine35a { font-family: "Liberation Serif" , serif ; font-size: 13pt ; }
p.nine35a { padding-left: 15% ; }
p.nine36 { font-family: "Delphine" ; font-size: 20pt ; margin: 1em ; }

h1.fnord { font-family: "Liberation Mono" , monospace ; font-size: 10pt ; }
.fnordx { font-family: "Liberation Mono" , monospace ; font-size: 6pt ; }




/* The following used as examples of base font size (edited as we go along)
font-family: "Liberation Mono" , monospace ; font-size: 12pt ; font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; font-family: "Liberation Serif" , serif ; font-size: 13pt ; font-family: "CyberCaligraphic" ; font-size: 14pt ; font-family: "DaVincyCut" ; font-size: 24pt ; font-family: "OldNewspaperTypes" ; font-size: 14pt ; font-family: "OptimusPrinceps" ; font-size: 14pt ; font-family: "TypewriterScribbled" ; font-size: 12pt ; font-family: "AquilineTwo" ; font-size: 22pt ; line-height: 30pt ; font-family: "HenryMorganHand" ; font-size: 34pt ; line-height: 30pt ; font-family: "BudHand" ; font-size: 18pt ; font-family: "BethHand" ; font-size: 20pt ; font-family: "Toms Handwriting" ; font-size: 16pt ; font-family: "Goodfish" ; font-size: 14pt ; font-family: "Joystix" ; font-size: 12pt ; font-family: "Anke Calligraphic FG" ; font-size: 16pt ; font-family: "Due Date" ; font-size: 13pt ; font-family: "Delphine" ; font-size: 20pt ; font-family: "Parchment MF" ; font-size: 20pt ;
*/

/* The following only used for fonts.html and index.html */

.Mono{ font-family: "Liberation Mono" , monospace ; font-size: 12pt ; }
.Sans{ font-family: "Liberation Sans" , sans-serif ; font-size: 13pt ; }
.Serif{ font-family: "Liberation Serif" , serif ; font-size: 14pt ; }
.Cyb { font-family: "CyberCaligraphic" ; font-size: 14pt ; }
.Ogi { font-family: "Ogirema" ; font-size: 13pt ; }
.Old { font-family: "OldNewspaperTypes" ; font-size: 13pt ; }
.Opt { font-family: "OptimusPrinceps" ; font-size: 14pt ; }
.Pet { font-family: "Petitscript" ; font-size: 16pt ; }
.Typ { font-family: "TypewriterScribbled" ; font-size: 11pt ; }
.Ugly { font-family: "UglyQua" ; font-size: 12pt ; }
.Uns  { font-family: "Unscreen" ; font-size: 12pt ; }
.Aqu { font-family: "AquilineTwo" ; font-size: 18pt ; }
.Hen { font-family: "HenryMorganHand" ; font-size: 20pt ; }
.Bud { font-family: "BudHand" ; font-size: 14pt ; }
.Beth { font-family: "BethHand" ; font-size: 16pt ; }
.Del { font-family: "Delphine" ; font-size: 20pt ; }
.Due { font-family: "Due Date" ; font-size: 13pt ; }
.note { font-family: "Liberation Mono" , monospace ; font-size: 12pt ; }

/* Now time to embed one font used in the footer */

@font-face { font-family: "OldNewspaperTypes" ; font-weight: normal ; font-style: normal ;
  src: url("../fonts/OldNewspaperTypes.eot") ;
  src: local("OldNewspaperTypes"),
  url("../fonts/OldNewspaperTypes.ttf") ; }