/*This is the main style sheet for the "Kant Iconography" website*/

/* navigation on the left hand side (“IconX” pages) */
nav.header{
box-sizing: border-box;
text-align:left;
margin:-10px 0px 0px -10px; 
padding:2px; 
}
nav.link{
text-align:left;
border:none;
margin:-10px 5px 0px -5px; 
padding:2px; 
}
nav.body{
text-align:left;
border-left:1px solid black;
margin:0px 0px 0px 0px; 
padding:2px; 
}
nav a{ 
background-color:none;
color:none;
margin:0;
padding:0;
border-radius:3px;
line-height:10px;
vertical-align:middle;
}
nav a:hover,nav a:active{  
 background-color:#D7E3E3;
}
/* <article> tag is the 'content area' */
article{ 
width:100%;
padding:10px; 
}
article.notes{
width:100%;
}


p.quote	{ 
font-weight: normal; 
font-size: 14px; 
margin-left: 20px; 
margin-right: 20px;
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px
}
p.quoteG {
font-size: 13px;
color: #568383; 
margin-left:20px; 
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px;
}

p.index {text-indent: -20px; margin-left: 20px; font-size: 13px; line-height: 100%; margin-top: 0; margin-bottom: 0}
p.indexL {text-indent: -20px; margin-left: 20px; font-size: 15px; line-height: 100%; margin-top: 0; margin-bottom: 0}

p.indexTitle a:link {text-decoration: none; background-color: transparent; color: black;}
p.indexTitle a:visited {text-decoration: none; background-color: transparent; color: black;}
p.indexTitle a:hover {text-decoration: none; background-color: yellow; color: black;}

p.indexTitle {
font-size: 1rem;
text-align: center;
font-weight: bold;
color: black;
margin: 10px 0px;
padding: 0px;
}

p.p1 {
font-size: 14px; 
font-weight: bold; 
text-decoration: none;
text-align: center;
margin: 2px;
}
p.p1 a:link {font-size: 14px; font-weight: bold; text-decoration: none}
p.p1 a:visited {font-size: 14px; font-weight: bold; text-decoration: none}



/*"span.noteRef" is for footnote references, and "p.note" is for the corresponding note, which should follow the paragraph or section. These are used in the "Bio" pages, as well as the "Accts. of Kant's Lectures" and elsewhere; separate them from the text with the red "hr.note".  The "div.fNote" are for true footnotes linked to their footnote numbers in the text, where "span.fNr" controls the footnote number in the text.*/
p.note {
font-size: 13px; 
line-height: 100%;
text-indent: -10px;
margin-left: 20px; 
margin-top: 3px; 
margin-bottom: 5px;
}
span.noteRef {
font-size: 11px; 
font-weight: normal; 
color: red;
}
hr.note {
height:1px; 
margin: 5px 0px 0px 10px;
width:20%; 
border:none;
background-color:red; 
color:red;
}

span.green {color: #568383}
span.red {color: red}

span.title1 {
font-size: 28px; 
line-height: 30px;
color: black; 
font-weight: bold; 
text-decoration: none;
vertical-align: middle;
}
span.title2 {
font-size: 16px; 
line-height: normal;
color: #385656; 
font-weight: bold; 
text-decoration: none;
vertical-align: middle;
}


hr.h4 {
width: 50%; 
height: 2px;
border: none;
margin: 20px 0px 20px 200px;
background-color:#568383;
color:#568383;
}

hr.green {
margin: 0px;
padding: 0px;
width: 100%; 
height: 1px;
border: none;
background-color:#568383;
color:#568383;
}

hr.greenThick {
margin: 0px;
padding: 0px;
width: 100%; 
height: 2px;
border: none;
background-color:#568383;
color:#568383;
}

a:link {text-decoration: none; color: blue}
a:visited {text-decoration: none; color: blue}
a:hover {text-decoration: none; background: yellow}
a:active {text-decoration: none; color: red}