/* Fonts */

@font-face {
    font-family: 'TributeRoman';
    src: url('fonts/TributeRoman.woff') format('woff'), /* Modern Browsers */
         url('fonts/TributeRoman.ttf') format('truetype'), /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'TributeItalic';
    src: url('fonts/TributeItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/TributeItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'TributeRomanSmallCaps';
    src: url('fonts/TributeRomanSmallCaps.woff') format('woff'), /* Modern Browsers */
         url('fonts/TributeRomanSmallCaps.ttf') format('truetype'), /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'TributeItalicLigOne';
    src: url('fonts/TributeItalicLigOne.woff') format('woff'), /* Modern Browsers */
         url('fonts/TributeItalicLigOne.ttf') format('truetype'), /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'TributeItalicLigTwo';
    src: url('fonts/TributeItalicLigTwo.woff') format('woff'), /* Modern Browsers */
         url('fonts/TributeItalicLigTwo.ttf') format('truetype'), /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'TributeRomanLigatures';
    src: url('fonts/TributeRomanLigatures.woff') format('woff'), /* Modern Browsers */
         url('fonts/TributeRomanLigatures.ttf') format('truetype'), /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Font Handling */

em {
    font-family: TributeItalic;
    font-style: normal;
}

h1 {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    hyphens: none;
}

h2 {
    font-family: 'TributeRomanSmallCaps', 'Georgia', serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    line-height: 1.2em;
    margin: 1em 1em 2em;
    hyphens: none;
}

h3 {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-weight: normal;
    text-align: center;
    margin: 1em 2em .8em;
    font-size: 1.6em;
    line-height: 1.3em;
}

h4 {
	font-family: 'TributeRoman', 'Georgia', serif;
	font-size: .9em;
	font-weight: bold;
	display: inline;
	line-height: 1.4em;
	text-align: left;
	text-transform: uppercase;
	color: black;
}

h5 {
    font-family: 'TributeRoman', 'Georgia', Serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: left;
    margin-left: 7%;
    margin-right: 7%;
    color: black;
}

.catalog {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	line-height: 1.3em;
}

.nonitalic {
    font-style: normal;
}

.italic {
    font-family: TributeItalic;
}

.tilt {
    font-style: oblique 14deg;
}

.caps {
    font-family: 'TributeRomanSmallCaps';
    font-style: normal;
    text-transform: lowercase;
    color: inherit;
}

.titlecap {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 85%;
}

.en1 {
    margin-left:.2em;
}

.en2 {
    margin: 0 .2em 0;
}

.degrade {
    font-family: Georgia, Times, serif;
}

.ligital {
    font-family: 'TributeItalicLigOne';
}

/* Image Handling */

.responsive {
    max-width: 100%;
    height: auto;
}

.frontding {
    max-width: 188px;
    height: auto;
}

.centered {
    display: flex;
    justify-content: center;
}

.glamour {
    width: 98vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -49vw;
    margin-right: -49vw;
}

.zinedisplay {
    display: flex;
    flex-flow: row nowrap;
}

.zinecover {
    max-width: 45%;
    margin: 0 .5em .5em 0;
}

.zinelisting {
    max-width: 55%;
}

.bookcover {
    max-width: 47%;
    float: left;
    margin-right: 10px;
}

/* Link Handling */

a {
	color: #EE2200;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: none;
}

h1 a, h1 a:hover, h1 a:visited, h2 a, h2 a:hover, h2 a:visited {
        color: black;
	border: 0px;
}

h3 a, h3 a:hover, h3 a:visited {
	border: 0px;
	color: black;
	font-weight: normal;
}

h4 a, h4 a:hover, h4 a:visited {
	border: 0px;
	color: #7D1C50;
	font-weight: bold;
}

#thecontents a {
    color: black;
    text-decoration: none;
}

#thecontents a:hover {
    color: #EE2200;
    text-decoration: none;
}

.dek a, .dek a:hover, .blurb a, .blurb a:hover {
    color: black;
    text-decoration: none;
}

/* Site Blocs */

body {
    background-color: #fff;
}

#sitetitle {
    max-width: 275px;
    margin: auto;
    padding: 1em;
}

#slogan {
    max-width: 245px;
    margin: auto;
    padding: 1.2em;
}

#byline {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 2em;
    line-height: 2em;
    text-align: center;
    max-width: 28em;
    margin: 0 auto 30px;
}

#available {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 1em;
    line-height: 1.2em;
    text-align: center;
    max-width: 28em;
    margin: 0 auto 30px;
}

#news {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 1.1em;
    line-height: 1.6em;
    text-align: left;
    max-width: 28em;
    margin: auto;
    padding: 30px 10px 0;
}

#thecontents {
    font-family: 'TributeRomanSmallCaps', 'Georgia', serif;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    max-width: 36em;
    margin: auto;
    hyphens: none;

}

#bookblock {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 1.3em;
    line-height: 1.7em;
    text-align: left;
    max-width: 28em;
    margin: auto;
    padding: 30px 10px 0;
}

#foot {
	clear: both;
	margin-top: 15px;
	text-align: center;
}

p.book {
    margin: 0;
    text-indent: 1.2em;
}

p.firstgraf {
    margin: 0;
}

#archivetop {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

#archivetop > div {
    text-align: center;
}

#frontpage {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
    max-width: 1100px;
    margin: auto;
}

.frontitem {
    max-width: 32em;
    min-width: 18em;
    flex: 1;
}

#footernav {
    clear: both;
}

ul#footernav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: small;
}

ul#footernav .navleft {
    float: left;
    width: 40%;
    text-align: left;
}

ul#footernav .navright {
    float: right;
    width: 40%;
    text-align: right;
}

#chapbooks {
    max-width: 600px;
    margin: auto;
}

.content {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 1.2em;
    line-height: 1.7em;
    text-align: left;
    max-width: 30em;
    margin: auto;
    padding: 30px 10px 0;
}

.dek {
    font-family: 'TributeItalic', 'Georgia', serif;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    max-width: 24em;
    margin: 2em auto;
    hyphens: none;
}

.blurb {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: center;
    max-width: 24em;
    margin: 2em auto;
    hyphens: none;
}

.zinevolumes {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    gap: 12px;
}

.volumelist {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    gap: 12px;
    max-width: 600px;
    margin: auto;
}

.footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.footer > div {
    width: 54px;
    margin: 26px;
    text-align: center;
}   

.whosis {
    margin-right: 0%;
    margin-left: 25%;
    font-size: 80%;
    text-align: right;
    line-height: 1.2;
}

.posted {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-style: italic;
    margin-right: 15%;
    margin-left: 25%;
    font-size: 72%;
    text-align: right;
    line-height: 1.2;
}

.caption {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 80%;
    line-height: 1.2;
    margin: .6em 4em 2.5em;
    text-align: center;
}

.endnote {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: small;
    line-height: 1.5em;
    margin: 0 10%;
}

.zine {
    display: flex;
    flex-flow: column;
    max-width: 112px;
}

.zine p {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: small;
    line-height: 1.5em;
    margin-top: auto;
    text-align: center;
}

.volume {
    display: flex;
    flex-flow: column;
    max-width: 200px;
}

.volume p {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: small;
    line-height: 1.5em;
    margin-top: auto;
    text-align: center;
}

.floppy {
    font-family: 'TributeRoman', 'Georgia', serif;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: left;
    max-width: 30em;
    margin: auto;
    padding: 0 10px;
}

h6 {
    background: url(/images/2.png) no-repeat 50%;
    padding: 35px 0 0 0;
    height: 0;
    margin: 1em;
    overflow: hidden;
}

blockquote {
    margin-left: 7%;
    margin-right: 7%;
    font-size: 1em;
    line-height: 1.4em;
}

/* Cruft */

#head
{
	text-align: center;
	height: 136px;
}

#table
{
	text-align: center;
	height: 50px;
        padding-top: 0px;
}

#board
{
	text-align: center;
	height: 20px;
        margin: 0;
        padding: 0;
}

#headboard
{
        text-align: center;
        padding: 0;
        margin: 0;
}

#headboard li
{
        display: inline;
        list-style-type: none;
        padding: 0 3px;
        margin: 0;
}

#footboard
{
        text-align: center;
        padding: 10px 0 0;
        margin: 10px 0 0;
}

#footboard li
{
        display: inline;
        list-style-type: none;
        padding: 0 3px;
        margin: 10px 0 0;
}

#container
{
	width: 95%;
	max-width: 950px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
}

#container1
{
	width: 95%;
	max-width: 1200px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
}

#sidebar-1
{
	float: left;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
	margin-right: 5px;
	padding-top: 100px;
}

#sidebar-2
{
	float: right;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
	margin-left: 5px;
	padding-top: 100px;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}

#sidebar-2 a, #sidebar-1 a
{
	border: 0px;
	color: #7D1C50;
}

#content hr
{
	color: #ccc;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;
}

img.divider
{
	align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

.comments_error
{ 
	background-color: #ffa 
}

div.comments_error
{
	border: 1px solid #cc8;
	padding : 0.3em;
}

.center
{
	text-align: center;
}

.squish
{
	margin-left: 20%;
	margin-right: 20%;
}

img
{
	border: 0;
}

.imageright
{
	float: right;
	margin: 0 0 .5em .5em;
}

.imageleft
{
	float: left;
	margin: 0 .5em .5em 0;
}

.imagehardright
{
	float: right;
	margin: 0 -8em .5em .5em;
}

.license
{
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: x-small;
	line-height: 1.2em;
	margin-left: 30%;
	margin-right: 30%;
        padding: 20px 0 0;
}

.clearleft
{
        clear: left;
}

.LTwrapper
{
        text-align: right;
        margin: 5em 0;
}

.LTitem, .LTprovided
{
        display: block;
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height: 15px;
	font-size: x-small;
        margin: 2em 0;
}

.LTitem img
{
        display: block;
        text-align: right;
        margin-left: auto;
        padding: 2em 0 1em;
        border: 1px;
}

.footerad
{
    margin-left: auto;
    margin-right: auto;
    width: 234px;
}

.tweet
{
    display: inline-block;
}

.code
{
    font-family: "Lucida Console", "Courier New", monospace;
}