@font-face { font-family: sans-serif; font-style: normal; font-weight: normal; src:url(fonts/DejaVuSans.otf); } 
@font-face { font-family: sans-serif; font-style: normal; font-weight: bold; src:url(fonts/DejaVuSans-Bold.otf); } 
@font-face { font-family: sans-serif; font-style: italic; font-weight: normal; src:url(fonts/DejaVuSans-Oblique.otf); } 
@font-face { font-family: sans-serif; font-style: italic; font-weight: bold; src:url(fonts/DejaVuSans-BoldOblique.otf); } 
@font-face { font-family: serif; font-style: normal; font-weight: normal; src:url(fonts/DejaVuSerif.otf); } 
@font-face { font-family: serif; font-style: normal; font-weight: bold; src:url(fonts/DejaVuSerif-Bold.otf); } 
@font-face { font-family: serif; font-style: italic; font-weight: normal; src:url(fonts/DejaVuSerif-Italic.otf); } 
@font-face { font-family: serif; font-style: italic; font-weight: bold; src:url(fonts/DejaVuSerif-BoldItalic.otf); } 

@font-face { font-family: port; font-style: normal; font-weight: normal; src:url(fonts/port.otf); } 


body { font-family:serif; line-height:1.3; background-color:#fff; padding:0; margin-left:5%; margin-right:5%; }
a { text-decoration:none; }
sup { font-size:0.75em; line-height:0.5em; }
p { font-size:0.85em; line-height:140%; text-indent:1em; margin-bottom:0; margin-top:0; text-align:left; font-family:sans-serif; }
li { font-size:0.85em; line-height:140%; }

/* --- FRONTMATTER --- */

div.title {text-align:center; }
div.image-fm1 { display:inline-block; width:20%; }
div.image-fm2 { display:inline-block; width:50%; }
div.logo , p.publisher{ text-align:center; margin-top:10em; }

p.author { text-indent:0em; text-align:center; font-size:1.3em; font-family:sans-serif; color:#d11a0b; }
p.title { text-indent:0em; text-align:center; font-size:2em; margin-top:0em; font-family:port; color:#336699; }
p.illustrator { text-indent:0em; text-align:center; font-size:1.1em; margin-top:1em; font-family:sans-serif; color:#d11a0b; }

p.impress-extra { text-indent:0; margin-top:1em; margin-left:1em; }
p.impress { text-align:left; font-size:0.9em; text-indent:0; }
p.impress-top { text-align:left; font-size:0.9em; text-indent:0; margin-top:1em; }
p.impress-top2 { text-align:left; font-size:0.9em; text-indent:0; margin-top:2em; }

p.toc-headline { text-indent:0; font-family:sans-serif; }
p.toc-h1 { text-indent:0; margin-top:1em; font-family:sans-serif; }
p.toc-h1 a { color:black; }
span.black { color:#000; }

div.dedication { margin-top:15%; }
div.quote { margin-top:15%; }

div.preface { text-align:center; width:100%; }

/* --- CONTENT --- */

h1 { text-indent:0; text-align:left; font-size:2em; font-weight:bold; margin-top:20px; margin-bottom:0; padding:0; font-family:port; color:#d11a0b;  line-height:1.3em; }
h1.blind { margin:0; padding:0; }

div.toc-image { width:100%; text-align:center; padding-top:1em; clear:both; }
div.image { width:100%; text-align:center; margin-top:1em; }
div.image-left { float:left; }
div.image-right { float:right; }
img { max-width:100%; }

img.image-right { text-align:right; }
img.image-left { text-align:left; }

div.fullimage { page-break-before:always; width:100%; text-align:center; }

p.noindent { text-indent:0em; }
p.noindent-h1 { text-indent:0em; margin-top:2em; }
p.noindent-top { text-indent:0em; margin-top:1em; }
p.center { text-indent:0em; text-align:center; }
p.marged { text-indent:0; margin-left:1em; }
p.marged-indent { text-indent:1em; margin-left:1em; }

span.initial { font-size:2.5em; font-family:sans-serif; font-weight:bold; line-height:0.5em; }
span.sans { font-family:sans-serif; }
em.thinspace { font-family:sans-serif; font-style:normal; }

div.top { margin-top:1em; }

ul { margin:0; margin-left:1em; padding: 0 0 0 1.2em; font-family:sans-serif; }
li { color:#214d96; }