/* NPBJ CSS file version 0.7 */

/* Basics */
body {
background-color: #F8F8F8;
font-family: Times, 'Times New Roman', serif;
font-size: 1em;
line-height: 1.5;
color: #000;
padding:0;
border:0;
}

#wrapper {
margin-left: 150px;
width:520px;
}

.first {
text-indent: 0px;
}

p {
text-indent: 20px;
}

a:link, a:visited {
color: #000;
text-decoration: none;
}

h1 {
letter-spacing: 4px;
text-align: center;
text-transform: uppercase;
}

h2 {
text-align: center;
font-variant: small-caps;
}

h3 {
text-align: center;
font-size: 1.5em;
font-variant: small-caps;
font-weight: normal;
}

h4 {
font-size: 1.2em;
font-weight: normal;
}

h5 {
font-size: 1.2em;
font-weight: normal;
}

.italic {
font-style: italic;
}

.sup {
vertical-align:super;
font-size:0.7em;
}

.bold {
font-weight: bold;
}

.smallcaps {
font-variant: small-caps;
}

/* Styling for pages */
.part {
border: 1px solid #000;
padding: 30px;
text-align: justify;
background-color: #fff;
-webkit-box-shadow: 3px 3px 3px #bbb;
-moz-box-shadow: 3px 3px 3px #bbb;
box-shadow: 3px 3px 3px #bbb;
}

#title-page {
text-align: center;
height:750px;
}

#title-page #header {
margin-top: 100px;
}

#title-page #byline {
margin-top: 200px;
letter-spacing: 0.2em;
}

#title-page #ucl {
margin-top: 200px;
letter-spacing: 0.1em;
text-transform: uppercase;
}

#ed-note p {
text-indent: 0px;
}

.cell1 {
width: 25%;
vertical-align: top;
}

.cell2 {
width: 75%;
}

.endnote {
margin-bottom: 1em;
}

#endnotes .number {
float: left;
vertical-align:super;
font-size:0.7em;
margin-right: 1em;
}

.page-break {
clear: both;
height:22px;
}

.tx-identifier {
position: absolute;
left: 75px;
font-size: 0.8em;
display: inline;
}

.ms-identifier {
background-color: #F8F8F8;
position: absolute;
left: 725px;
font-size: 0.8em;
}

/* Author and editor note styling */
.author-note {
background-color:#F0F0F0;
font-size:0.9em;
padding:1% 3%;
margin-bottom:10px;
border: 1px #000 solid;
}

.subnote {
background-color:#F0F0F0;
font-size:0.9em;
padding:1% 3%;
margin-bottom:10px;
border: 1px #000 solid;
}

.editor-note {
z-index: 1;
background-color:#F0F0F0;
text-indent: 0;
font-size:10pt;
padding:1%;
width: 250px;
position: absolute;
z-index:1;
border: 1px solid #000;
text-align: justify;
word-spacing: normal;
font-variant: normal;
font-style: normal;
background-color: #fff;
-webkit-box-shadow: 3px 3px 3px #bbb;
-moz-box-shadow: 3px 3px 3px #bbb;
box-shadow: 3px 3px 3px #bbb;
}

.close-editor-note {
position:absolute;
right:5px;
bottom:5px;
font-size: 0.7em;
}

.close-editor-note a {
color: red;
}

.quote {
font-size: 0.9em;
padding-left: 1.5em;
}

hr.ch-divide {
width: 50%;
border: none;
border-top: medium double #000;
}

hr.part-divide {
width: 33%;
border: none;
border-top: medium double #000;
}

/* a wild floating box appears... */

#toolbox {
z-index: 2;
left: 750px;
top: 25px;
width: 200px;
position: fixed;
font-size: 0.8em;
border: 1px solid #000;
padding: 1em;
text-align: justify;
background-color: #fff;
-webkit-box-shadow: 3px 3px 3px #bbb;
-moz-box-shadow: 3px 3px 3px #bbb;
box-shadow: 3px 3px 3px #bbb;
}

#show-toolbox {
z-index: 1;
left: 876px;
top: 25px;
width: 100px;
color: #bbb;
position: fixed;
font-size: 0.7em;
padding: 0;
border: 1px solid #E3E3E3;
text-align: justify;
background-color: #F8F8F8;
-webkit-box-shadow: 3px 3px 3px #E3E3E3;
-moz-box-shadow: 3px 3px 3px #E3E3E3;
box-shadow: 3px 3px 3px #E3E3E3;
}

#toolbox p {
text-indent:0;
}

#toolbox h1 {
font-size: 1em;
font-variant: small-caps;
letter-spacing: normal;
}

#toolbox a {
color: #00008B;
text-decoration: underline;
}