{style}

body{counter-reset: section}
h2{counter-reset: sub-section}
h3{counter-reset: composite}
h4{counter-reset: detail}

h2:before{
counter-increment: section;
content: "Chapter " counter(section) ": ";
}
h3:before{
counter-increment: sub-section;
content: counter(section) "." counter(sub-section) " ";
}
h4:before{
counter-increment: composite;
content: counter(section) "." counter(sub-section) "." counter(composite) " ";
}
h5:before{
counter-increment: detail;
content: counter(section) "." counter(sub-section) "." counter(composite) "."
counter(detail) " ";
}
{style}

html {
margin: 0;
font: 12pt/1.26 "Gentium Plus", serif;
}

body {
margin: 0 0 0 0;
}

h2, h3, h4, h5, h6 {

color:#1f497d;
margin: 2em 0 0.5em 0;
line-height:1.1em;
page-break-after: avoid;
}

@media print
{
h1, h2 {page-break-before:always}
}

h1.doctitle{background:#eee;font-size:14px;font-weight:bold;color:#333;line-
height:28px;margin:0;padding:0 10px;border-bottom:solid 1px #aaa;white-
space:nowrap}

blockquote {
width: 90%;
margin-left: 10px;
padding: 10px;
border-left: 5px solid #ccc;
 }

#contentdiv
img{max-width:60%;margin-left:15px}
dt{font-weight:bold}
dd{margin-bottom:1em}@media

q::before {
content: "\201C";
}

q::after {
content: "\201D";
}

p{margin:0 0 1.5em 0}
p.sidenote + p, p.caption, p.art { text-indent: 0 }

p.author {
margin-top: 2em;
text-indent: 0;
text-align: right;
}

pre { margin: 1em 1.3em; }

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

/* cross-references */

a.pageref::after { content: " on page " target-counter(attr(href), page); }

a.chapref::before { content: " Chapter " target-counter(attr(href), chapter) ",
"; }
a.figref { content: " Figure " target-counter(attr(href), figure); }
a.tableref { content: " Table " target-counter(attr(href), figure); }

/* sidenotes */

.sidenote {
float: left;
clear: left;
margin: 0 0 1em -41%;
width: 1%;
font-size: 0.9em;
font-style: normal;
text-indent: 0;
text-align: right;
page-break-inside: avoid;
}

/* sidebars */

div.sidebar {
float: top-next;
margin: 1.2em 0 1.2em 0;
border: thin solid;
background: #CCC;
 padding: 0.5em 1em;
page-break-inside: avoid;
column-count: 2;
column-gap: 1.5em;
}

div.sidebar h2 {
margin-top: 0;
}

/* figures and tables*/

div.figure {
margin: 1em 0;
counter-increment: figure;
}

div.figure .caption, div.table .caption {

float: left;
clear: left;
width: 1%;
text-align: right;
font-size: 0.9em;
margin: 0 0 1.2em -40%;
}

div.figure .caption::before {
content: "Figure " counter(figure) ": ";
font-weight: bold;
}

div.table .caption::before {
content: "Table " counter(table) ": ";
font-weight: bold;
}

div.table {
margin: 1em 0;
counter-increment: table;
}

div.table th {
text-align: left;
}

table {
border-width: 1px;
border-spacing: 0px;
border-style: none;
border-color: #ccc;
border-collapse: collapse;
background-color: #fff;
margin-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
}
table th {
border-width: 1px;
padding: 3px;
 border-style: inset;
border-color: #ccc;
background-color: #eee;
-moz-border-radius: ;
}
table td {
border-width: 1px;
padding: 3px;
border-style: inset;
border-color: #ccc;
background-color: #fafafa;
-moz-border-radius: ;
}

@page {
margin: 27mm 16mm 27mm 16mm;
size: 210mm 297mm;

@footnotes {
border-top: thin solid black;
padding-top: 0.3em;
margin-top: 0.6em;
margin-left: 30%;
}
}

/* define default page and names pages: cover, blank, frontmatter */

@page :left {
@top-left {
font: 10pt "Gill Sans", san-serif;
content: "The Future of Thermal Comfort in an Energy-Constrained World";
vertical-align: bottom;
padding-bottom: 2em;
}

@bottom-left {
font: 10pt "Gill Sans", serif;
content: counter(page);
padding-top: 2em;
vertical-align: top;
}
}

@page :right {
@top-right {
font: 10pt "Gill Sans", serif;
content: string(chaptertitle);
vertical-align: bottom;
padding-bottom: 2em;
}

@bottom-right {
font: 10pt "Gill Sans", serif;
content: counter(page);
text-align: right;
 vertical-align: top;
padding-top: 2em;
}
}

h2 { string-set: chaptertitle content() }

@page frontmatter :left {

@top-left {
font: 11pt "Gentium Plus", serif;
content: string(title);
vertical-align: bottom;
padding-bottom: 2em;
}

@bottom-left {
font: 11pt "Gentium Plus", serif;
content: counter(page, lower-roman);
padding-top: 2em;
vertical-align: top;
}
}

@page cover { margin: 0; }

@page frontmatter :right {

@top-right {
font: 11pt "Gentium Plus", serif;
content: string(header, first);
vertical-align: bottom;
padding-bottom: 2em;
}

@bottom-right {
font: 11pt "Gentium Plus", serif;
content: counter(page, lower-roman);
text-align: right;
vertical-align: top;
padding-top: 2em;
}
}

@page blank :left {

@top-left { content: normal }
@bottom-left { content: normal }
}

@page blank :right {

@top-right { content: normal }
@bottom-right { content: normal }
}

/* footnotes */

.footnote {
display: none; /* default rule */

display: prince-footnote; /* prince-specific rules */

position: footnote;
 footnote-style-position: inside;

counter-increment: footnote;
margin-left: 1.4em;
font-size: 90%;
line-height: 1.4;
}

.footnote::footnote-call {
vertical-align: super;
font-size: 80%;
}

.footnote::footnote-marker {
vertical-align: super;
color: green;
padding-right: 0.4em;
}

/*
A book consists of different types of sections. We propose to use
DIV elements with these class names:

frontcover
halftitlepage: contains the title of the book
titlepage: contains the title of the book, name of author(s) and publisher
imprint: left page with copyright, publisher, library printing information
dedication: right page with short dedication
foreword: written by someone other than the author(s)
toc: table of contents
preface: preface, including acknowledgements
chapter: each chapter is given its own DIV element
references: contains list of references
appendix: each appendix is given its own
bibliography
glossary
index
colophon: describes how the book was produced
backcover

A book will use several of the types listed above, but few books
will use all of them.
*/

/* which section uses which named page */

div.halftitlepage, div.titlepage, div.imprint, div.dedication { page: blank }

div.foreword, div.toc, div.preface { page: frontmatter }

/* page breaks */

div.frontcover, div.halftitlepage, div.titlepage { page-break-before: right }

div.imprint { page-break-before: always }
div.dedication, div.foreword, div.toc, div.preface, div.chapter, div.reference,
div.appendix, div.bibliography, div.glossary, div.index, div.colophon {
page-break-before: always
}
div.backcover { page-break-before: left }

/* the front cover; this code is probably not very reusable by other books */

div.frontcover { page: cover; }

div.frontcover img {
position: absolute;
width: 7in; height: 9.25in;
left: 0; top: 0;
z-index: -1;
}

div.frontcover h1 {
position: absolute;
left: 2cm; top: 1cm;
color: white;
font-size: 44pt;
font-weight: normal;
}

div.frontcover h2 {
position: absolute;
right: 0; top: 5cm;
color: black;
background: white;
font-size: 16pt;
font-weight: normal;
padding: 0.2em 5em 0.2em 1em;
letter-spacing: 0.15em;
}

div.frontcover h3 {
position: absolute;
left: 2cm; top: 7cm;
color: white;
font-size: 24pt;
font-weight: normal;
}

div.frontcover p {
position: absolute;
left: 2cm; bottom: 1.5cm;
font-size: 24pt;
color: black;
font-weight: bold;
text-transform: uppercase;
}

/* titlepage, halftitlepage */

div.titlepage h1, div.halftitlepage h1 { margin-bottom: 2em; }

div.titlepage h2, div.halftitlepage h2 { font-size: 1.2em; margin-bottom: 3em; }
div.titlepage h3, div.halftitlepage h3 { font-size: 1em; margin-bottom: 3em; }
div.titlepage p, div.halftitlepage p {
font-size: 1.4em;
font-weight: bold;
margin: 0; padding: 0;
}

/* TOC */

ul.toc, ul.toc ul {
list-style-type: none;
margin: 0; padding: 0;
}
ul.toc ul {
margin-left: 1em;
font-weight: normal;
}
ul.toc > li {
font-weight: bold;
margin-bottom: 0.5em;
}
ul.toc a::after {
content: leader('.') target-counter(attr(href), page);
font-style: normal;
}
ul.toc > li.frontmatter a::after {
content: leader('.') target-counter(attr(href), page, lower-roman);
font-style: normal;
}
ul.toc > li.endmatter a::after {
content: leader('.') target-counter(attr(href), page);
font-style: normal;
}
ul.toc > li.chapter::before {
content: "Chapter " counter(toc-chapter, decimal);
display: block;
margin: 1em 0 0.1em -2.5cm;
font-weight: normal;
counter-increment: toc-chapter;
page-break-after: avoid;
}

/* chapter numbers */

div.chapter { counter-increment: chapter; }

h1::before {
white-space: pre;
margin-left: -2.5cm;
font-size: 50%;
content: "\B0 \B0 \B0 \B0 \B0 \A"; /* ornaments */
}

div.chapter h1::before { content: "Chapter " counter(chapter) " \A"; }

div.frontcover h1::before, div.titlepage h1::before, div.halftitlepage h1::before {

content: normal; /* that is, none */
}

h1 { string-set: header content();}

div.chapter h1 { string-set: header "Chapter " counter(chapter) ": " content(); }

/* index */
ul.index {
list-style-type: none;
margin: 0; padding: 0;
column-count: 2;
column-gap: 1em;
}

ul.index a::after { content: ", " target-counter(attr(href), page); }

span.element, span.attribute {
text-transform: uppercase;
font-weight: bold;
font-size: 80%;
}
span.property { font-weight: bold }
code, span.css, span.value, span.declaration {
font: 90% "Lucida Console", "Lucida Sans Typewriter", monospace;
}

@media screen, handheld {

html { margin: 1em; font: 14px "Gentium Plus", sans-serif; }
h1 { margin-bottom: 0.5em }
div.frontcover, div.halftitlepage, div.titlepage, div.imprint,
div.dedication, div.foreword, div.toc, div.index { display: none }
}

</style>