/* CSS Stylesheet for Harper's Magazine web site,
 * http://harpers.org. Derived from the http://ftrain.com
 * Stylesheets.  */

/* These initial styles are for Netscape 4.x, but are inherited by
 * other browsers. */

body {
    padding:20px; 
    background:#eee;

}

a:link, a:visited, a:active { 
    text-decoration: none; 
}

a:link { 
    color:#229; 
}

a:visited { 
    color:#44A; 
}

div.p {
    margin-top:1em;
    margin-bottom:1em;
}
div.contentbox { 
    margin-top:10px;
    width:360px;
    border:1px solid black;
    background:#fff;
    padding:8px;
}

div.metatext { 
    font-size:80%;
    margin-top:20px;
    display:block;
    clear:none;
}

div.relationships {
    display:block;
    font-size:75%;
    position:absolute;
    top:130px;
    left:410px;
    width:180px;
    padding:4px;
    padding-right:15px;
    clear:left;  
}

div.ads {
    position:absolute;
    left:620px;
    font-size:80%;
    margin-top:90px;
    top:130px;
    width:150px;
    padding:4px;
    padding-right:15px;
    clear:left;
}

div.navhead {
    font-size:130%;
    text-align:right;
}

div.subnav {
    margin-top:30px;
    text-align:center;
    border:1px solid black;
}

div.adcontent {
    text-align:center;
}

div.notes {
    display: none;
}
span.footnote {  
    background:#ccd; 
}
p.slug { 
    font-weight:bold;
}

span.permanent-link {
    font-size:70%;
}

.lineabove {
    border-top:1px solid #666;
    padding-top:12px;
}

.navtitle { 
    font-variant:small-caps; 
    font-weight:bold; 
}
.subnavtitle { 
    display:inline;
    padding-left:10px;
    font-size:85%; 
}

td { 
   vertical-align:top;
}

td.subnav  {
    text-align:right;
    font-size:75%;
    width:30%;
}

td.tocday {
    border-top:1px solid black;
    text-align:right;
    width:18px;
}
td.toctext {
    border-top:1px solid black;
}

td.time {
    background:#CCC;
}

td.timeline {
    background:#EEE;
}

.byline { font-style: Italic; margin-bottom:20px; }

#calendar {
    display:none;
}

/* The following styles are hidden from Netscape 4.X, in the brutal,
 * unforgivable, and arbitrary logic of CSS implementations. */
/*/*/

#calendar { 
    display:block;
}

body { 
    background:#99A;
    font-family:"Times Roman", "Times", "Serif";
    font-size: 12pt;
    background:#d7d6d0;
}

p.slug {  
   text-decoration:none;
   font-variant:small-caps;
   margin-top:10px;
}

div.masthead {
    position:absolute;
    align:center;
    font-family:verdana;
    top:20px; 
    left:20px; 
    width:800px;
    height:175px;
    background:#fff;
    padding-left:0px;
    padding-bottom:0px;
    border:1px solid #888;
    border-right:2px solid #444;
    border-bottom:2px solid #444;
}

img.masthead {
    margin:0px;
    border:none;
}

div.contentbox { 
    position:absolute;
    margin-top:180px;
    left:220px;
    top:20px;
    width:600;
    border:1px solid #888;
    border-right:2px solid #444;
    border-bottom:2px solid #444;
    text-align:left;
    background:#fff;
    padding:0px;
}

div.content {padding:15px;font-size:12pt;}

div.relationships { 
    font-size:80%;
    position:absolute; 
    top:190px; 
    left:20px;
    padding:0px;
    margin-right:10px;
    width:195px;
}

div.nav {
    margin-top:10px;
    background:#fff;
    padding:6px;
    border:1px solid #888;
    border-right:2px solid #444;
    border-bottom:2px solid #444;
}

.navbody, .navhead {  
    padding-left:4px;
    padding-right:2px; 
}

.navhead { 
    background:#fff; 
    padding-top:1px; 
    padding-bottom:0px; 
    border-bottom:1px solid #000;
    font-size:90%;  
}

.navbody {
    margin-top:0px;
}

h3.roletitle { 
    margin-top:0px;
    font-size:90%;
    text-align:left;
    margin-bottom:4px;
}
h4 { 
    font-size: 90%;
    font-weight:bold;
    line-height:100%;
    margin-top:6px;
    margin-bottom:6px; 
}

.navhead { 
    background:#fff; 
    padding-top:1px; 
    padding-bottom:2px; 
    border-bottom:1px solid #000;
    font-size:120%;
}


pre {  
    font-size:70%; 
    background-color:#EEEEEE;
    border:1px solid black;
} 

table.clean {
  border-collapse:collapse;
  width:100%;
}

td.clean {
  background:#eee;
  border:1px solid black;
  width:33%;
}

table.timeline,table.toc {
  border-collapse:collapse;
  width:100%;
}


table.tiny {
    width:90%;
    border-top:solid 1px black; 
    background#fff;
}

td.tiny,th.tiny {  
    font-size:70%;  
    vertical-align:top;
    text-align:right; 
}

td.tinyshaded {  
    font-weight:bold; 
    background:#fff;  
    font-size:70%;
    vertical-align:top;  
    text-align:right; 
}

caption {  
    text-align:right;
    margin-top:8px;
    margin-left:-2px;  
    font-variant:small-caps;
    font-weight:bold;
    font-size:80%;
    padding:2px;  
    color:#000; 
}

td { 
    padding:4px;
    background:#fff;
    vertical-align:top; 
}

td.year,td.time,td.timeline { 
   padding:6px; 
   padding-bottom:18px;
   border-top:1px solid #000;
}

td.timelinespread { 
   padding-top:6px; 
   padding-bottom:5px;
   padding-left:0px;
   border-top:1px solid black;
}

td.yearblank { 
    border:none; 
}

td.timeblank { 
    background:#d7d6d0;
    border:none; 
}

td.year { 
    font-weight:Bold;
    border-top:1px solid #000; 
}

td.time { 
    width:60px;
    text-align:right; 
    font-weight:Bold; 
    background:#d7d6d0;
    border-top:1px solid #000; 
}

td.timeline {
    text-align:left;
    padding-left:10px;
    padding-bottom:7px;
    border-top:1px solid #000;
    align:top;
}

div.ads {
    display:none;
    position:absolute;
    top:110px;
    left:624px;
    font-size:100%;
    margin-top:0px;
    width:160px;
    padding:4px;
    text-align:center;
}

div.adcontent { 
    padding:5px;
}

div.subnav { 
    margin-top:10px;
    font-size:80%;
    width:150px;
    border:1px solid #888;
    border-right:2px solid #444;
    border-bottom:2px solid #444;
    background:#fff;
}

td.subnav {
    font-size:75%;
    padding:0px;
    padding-right:5px;
}
img.bannerad {
    border:none;
}

img.cover {
    border:1px solid black;
}
td.timeline {
    background:#fff;
}
div.metatext { 
    border-top:1px solid black;
    font-style: Normal; 
    font-size:80%;
    padding-top:12px;
}

span.permanent-link {
    font-size:100%;
}

h1 {  
    padding:0px;
    margin:0px;
}
h2 {
    font-size: 180%;
    line-height: 120%;
    font-weight: bold;
    font-variant:small-caps;
    text-decoration: none;
    text-align:left;
    margin-top:0px;
    margin-bottom:15px;
}

h2 { 
    padding-top:0px;
}

h3 {
    font-size: 100%;
    font-weight:bold;
    line-height:129%;
    margin-bottom:0px;
    font-variant:small-caps;
} 
h3.roletitle { 
    margin-top:0px;
    font-size:90%;
    margin-left:-4px;
    margin-bottom:1px;
    font-variant:small-caps;
}
h4 { 
    font-size: 90%;
    font-weight:bold;
    line-height:100%;
    margin-top:6px;
    margin-bottom:6px;
}
img {  
    margin:0px;
    padding:0px;
}
input{
    font-size:8pt;
}
li {
    padding-top:8px;
} 
option {  
    margin: 0px;
}

select {  
    font-family: 'Trebuchet MS', 'Helvetica', 'Arial';
    font-size: 8pt; 
}

p.cut {  
    text-align:center; 
}


.roletitle { margin-top:4px; font-weight:bold;font-variant:small-caps;  }  

h3.subhed {margin-top:6px; margin-bottom:12px;font-variant:none;}
h3.news {padding-bottom:12px;}

div.newstoc {
    padding-left:25px;
    padding-right:20px;
    margin-bottom:8px;
}

.newstitle {
    font-variant:small-caps;
    font-weight:bold;
}

.newsauthor {
    display:block;
    font-style:Italic;
}

.newssubhed {
    display:block;
}

div.notes {
    display:block;
    position:absolute;
    top:10px;right:0px;
    font-variant:small-caps; 
}
a#footnote {  
    border:solid;
    padding-left:3px;
    padding:2px;
    border-width:2px;
    border-left-color:#fff;  
    border-top:none;
    border-right:none;  
    border-bottom-color:#fff;
    text-decoration:none; 
    color:#000;
    background:#fff;
    font-size:70%;
}

h3.notes { 
    margin-top:4px; 
    border-top:1px solid black; 
}

i.byline { 
    font-weight:bold;
}

.error {  
    color:#F00;  font-weight:bold; 
}

.blocksection>div {
    margin-bottom:0px; 
}

.piecetitle {  
    font-variant:small-caps;  
    font-weight:bold; 
}

.roletitle { 
    margin-top:4px;
    font-weight:bold;
    font-variant:small-caps;
}  

span.footnote {  
    display:none;
    background:#ccd; 
}

.searchword {
    background-color: #ff8;
}

span.footref {
    vertical-align:super;
    font-size:60%;
}

span.b {font-weight:bold;  }
ol.listing {padding-bottom:10px; }
ol {margin-top:10px;}
ol.toc {list-style-type:upper-roman;}
ol.toc>ol.toc {padding-left:25px;list-style-type:upper-alpha;}
ol.toc>ol.toc>ol.toc {padding-left:25px;list-style-type:decimal;}
ol.toc>ol.toc>ol.toc>ol.toc {padding-left:25px;list-style-type:lower-alpha;}
ol.toc>ol.toc>ol.toc>ol.toc>ol.toc {padding-left:25px;list-style-type:decimal;}
a.outlink:link,a.outlink:visited,a.outlink:active { text-decoration:underline;  }

p.caption {
  font-size:80%;
  font-style:Italic;
  margin-top:-10px;
  text-align:right;
}