@font-face {
  font-family: 'iAWriterQuattro';
  src: url('fonts/iAWriterQuattroS-Regular.eot'); /* IE9 compat modes */
  src: url('fonts/iAWriterQuattroS-Regular-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/iAWriterQuattroS-Regular.woff2') format('woff2'), /* Super modern browsers */
       url('fonts/iAWriterQuattroS-Regular.woff') format('woff'), /* Pretty modern browsers */
       url('fonts/iAWriterQuattroS-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/iAWriterQuattroS-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'iAWriterQuattro';
  src: url('fonts/iAWriterQuattroS-Italic.eot'); /* IE9 compat modes */
  src: url('fonts/iAWriterQuattroS-Italic-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/iAWriterQuattroS-Italic.woff2') format('woff2'), /* Super modern browsers */
       url('fonts/iAWriterQuattroS-Italic.woff') format('woff'), /* Pretty modern browsers */
       url('fonts/iAWriterQuattroS-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/iAWriterQuattroS-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: italic;
}


@font-face {
  font-family: 'iAWriterQuattro';
  src: url('fonts/iAWriterQuattroS-Bold.eot'); /* IE9 compat modes */
  src: url('fonts/iAWriterQuattroS-Bold-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/iAWriterQuattroS-Bold.woff2') format('woff2'), /* Super modern browsers */
       url('fonts/iAWriterQuattroS-Bold.woff') format('woff'), /* Pretty modern browsers */
       url('fonts/iAWriterQuattroS-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/iAWriterQuattroS-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'iAWriterQuattro';
  src: url('fonts/iAWriterQuattroS-BoldItalic.eot'); /* IE9 compat modes */
  src: url('fonts/iAWriterQuattroS-BoldItalic-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/iAWriterQuattroS-BoldItalic.woff2') format('woff2'), /* Super modern browsers */
       url('fonts/iAWriterQuattroS-BoldItalic.woff') format('woff'), /* Pretty modern browsers */
       url('fonts/iAWriterQuattroS-BoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/iAWriterQuattroS-BoldItalic.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: bold;
  font-style: italic;
}

* {
    margin: 0;
    padding: 0;
}
body {
    background: none repeat scroll 0 0 #fff;
    /* font-family: Verdana,sans-serif; */
    /* font-size: 10px; */
    font-family: 'iAWriterQuattro', sans-serif;
    font-size: 0.80em;
	line-height: 1.35;
    letter-spacing: 0.01em;
	font-feature-settings: 'zero' 1;
}
#pre-nav {
    /* font-size: 20px; */
    text-transform: uppercase;
}
a {
    color: #000;
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    /* color: #999;*/
    /* text-decoration: none; */
	text-decoration: underline; 
}
a img {
    border: medium none;
}
#menu {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    /* left: 0; */
	left: 1em;
    overflow: auto;
    position: fixed;
    /* top: 0; */
    /* width: 215px; */
	top: 0;
	width: 350px;
}
#menu ul {
    list-style: outside none none;
    /* margin: 0 0 12px; */
	margin: 1.5em 0 1.5em;
}
#menu ul li.section-title {
    font-weight: bold;
    text-transform: uppercase;
}

.active {
    font-weight: bold;
}
#content {
    height: 100%;
    /* margin: 0 0 0 215px; */
    margin: 0 0 0 350px;
    top: 0;
}

/* ------------------------------
/* Mobile device tap-to-zoom hack
/* ------------------------------ 
/* float content over left navigation bar
/* last modification: 2018.03.29

/*#s1 {*/
div#content {
    position:relative
}

div#content > div.container, .section-2 div.container {
    z-index: 1;
    position: absolute;
    background-color: white;
}

div#content > div.container:first-child, .section-2 div.container {
    display: block
}

div#content > div.container {
    display: none;
}
/* End of hack */

.container {
    padding: 5px 5px 25px;
}
#content p {
    /* margin-bottom: 9px; */
    /* width: 400px; */
	width: 600px;
}
p {
	/* margin: 0 0 9px; */
	margin: 1.5em 0 1.5em;
}

h1 {
    font-size: 32px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 12px;
}
#img-container {
    margin: 0;
    padding: 0;
}
#img-container p {
    margin: 0;
    padding: 0 0 12px;
    width: 400px;
}
#once {
    clear: left;
}

/* --- Plugin CSS, original code in HTML, home (No thumbs, no captions) --- */
.nothumb { 
	margin-top: 1em !important;
	/* border: 1px solid red !important; */
}

/* --- Plugin CSS, original code in HTML, Regarding the Pain of Others (Grow, no title) --- */
.thumb {
	padding-top: 0.65em !important;
    /* border: 1px solid red !important; */
}