@charset "UTF-8";

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
tt, var, b, i, center, dl, dt, dd, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* end reset */

/* fonts */
@font-face
{
 font-style: normal;
 font-family: NotoSerif;
 src:  url(../Fonts/NotoSerif-Regular.ttf) ;
 font-weight: normal;}

@font-face
{
 font-style: normal;
 font-family: NotoSerif;
 src:  url(../Fonts/NotoSerif-Bold.ttf) ;
 font-weight: bold;}
@font-face
{
 font-style: italic;
 font-family: NotoSerif;
 src:  url(../Fonts/NotoSerif-Italic.ttf) ;
 font-weight: normal;}

@font-face
{
 font-style: normal;
 font-family: Philosopher;
 src:  url(../Fonts/Philosopher-Bold.ttf) ;
 font-weight: bold;
}
@font-face
{
 font-style: italic;
 font-family: Philosopher;
 src:  url(../Fonts/Philosopher-Italic.ttf) ;
 font-weight: normal;
}

/* cover, body */
.cover_img { 
	height: 100%; 
	max-width: 100%;
   margin: auto;
}
div.sgc-toc-level-1 {
    margin-left: 0em;
}

div.sgc-toc-level-2 {
    margin-left: 2em;
}

body {
	font-family: "NotoSerif", serif;
}
/* text */
p {
	text-indent: 2em; 
	text-align:justify;
	margin: 0.1em 0 0.1em 0;
	font-family: "NotoSerif", serif;
}
ul, ol {
	margin: 0.5em 0 0.5em 0;
}
li {
	margin: 0 0  0 2em;
	text-align:justify;
}
sup {
	text-size:0.8em;
	text-decoration:none;
}
.center  {
	text-align: center; 
	margin: 1em 0 2em 0;
}
.centersmall  {
	text-align: center; 
	margin: 1em 0 1.2em 0;
	font-size: 0.8em;
}
.small {
	font-size: 0.8em;
}
a {
		color: #4f81bd;
}

sub {
	font-size: 0.75em;
	line-height: normal;
	vertical-align: sub
}
/* headings */
h1 {
  font-size:  1.7em;
	font-weight: bold;
	font-family: "Philosopher", sans-serif;
	margin: 0.5em 0.1em 0.5em .1em;
	text-align: center;
}
h2 {
  font-size:  1.3em;
	font-weight: bold;
	font-family: "Philosopher", sans-serif;
	margin: 1em 0.1em 0.1em .1em;
	text-align: center;
}
h3 {
  font-size:  2em;
	font-weight: normal;
	font-style: normal;
	font-family: "Philosopher", sans-serif;
  margin: 0.6em 0em 0.1em 0em;
	text-align: center;
	font-weight: bold;
}
h4 {
  font-size:  1.2em;
	font-weight: normal;
	font-style: normal;
	font-family: "Philosopher", sans-serif;
  margin: 0.6em 0em 0.1em 0em;
	text-align: center;
}
h5 {
  font-size:  1.2em;
	font-weight: bold;
	font-style: italic;
	font-family: "Philosopher", sans-serif;
  margin: 0.5em 0.1em 0.5em 0.1em;
	text-align: center;
}
h6 {
  font-size:  0.95em;
	font-weight: bold;
	font-style: normal;
	font-family: "Philosopher", sans-serif;
  margin: 0;
	text-indent: 2em; 
	text-align:justify;
}
div.epigraph { float: right; 
	font-size: 0.9em;		
	text-indent:0em;
	font-weight: normal;
	margin: 10px 0 20px 60px;
}
div.clear {
	clear: both;
}
.drop-cap {
	font-weight: normal;
	float: left;
	margin-top: -0.15em;
	font-size: 3em;
	margin-right: 0.07em;	
	font-family: "Philosopher";
}
.author {
	text-align: right; 
}
p.dropcap { 
	text-indent: 0em; 
	text-align:justify;	
}
.spaced {
	margin-top:1em;
}
/* images, ads  */
img {
   	max-width: 100%;
   	padding: 0 !important;
}

img.illustr {
	width: 100% !important;
	vertical-align: text-top;
	margin-left: auto;
	margin-right: auto;
}
table {
	width:100%;
}

td {
	font-size:85%;
	vertical-align: top !important;
}
td.pic {
	width:30%;	
}