/*baseline colors and margins*/
body {background-color: #FDC2E3; margin:0px;
            }
/*article layer
above this should be: div.xbar, div.ybar, and maybe
div.zbar
*/ 
/*wheat = #F5 DE B3*/
article {margin: 0% 8% 0% 8%; padding:0px 40px 20px 40px; background-color: #FFFBEF; font:11px/24px; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}

div.article {margin: 0% 8% 0% 8%; padding:0px 40px 20px 40px; background-color: #FFFBEF; font:11px/24px; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;}

/*header rules: note to self read up on hgroup in HTML 5
also note, h2 currently affected by id*/



h1 {font-size: 20px; text-align:center; margin: 5% -8% 0% -8%; border-top: groove 8px #738D8D; padding-top: 20px; letter-spacing: 5px; color: #7F0000;}

h2 {margin: 0% -8% 0% -8%; font-size: 14px; border-bottom:ridge 8px #738D8D; padding-bottom:10px; text-align:center; letter-spacing: 3px; color: #7F0000;}
abbr { border-bottom:dotted 1px darkblue; cursor:help;}

p { 
     text-indent:25px; 
     text-align: justify;
     line-height:160%; 
     letter-spacing: 2px; 
     color: black; 
     clear:left;
     }
     
p.noindent {  
     text-indent:0px;
     text-align: justify;
     line-height:160%; 
     letter-spacing: 2px; 
     color: black; 
     clear:left;
     }
     
p.fn {
     text-indent:0px;
     text-align: justify;
     line-height:100%; 
     letter-spacing: 1px; 
     color: black;
     }
 

p.summary {
     margin: 1% 12% 1% 12%;
     text-align:center; 
     color:#005656;    
     clear:none;
     }

div.summary {
     margin: 4% 5% 5% 5%;
 
     }
  
div.summary>p.summary {
     margin: 1% 30% 1% 18%;     
     text-align:justify; 
     color:#005656;    
     clear:none;
     }


blockquote {text-align: justify;}
   
div#pix {  position: absolute;

    border: 1px white;
    right: 10%;
    top: 30%;}

img.right {
      float:right; 

      border:10px  solid #333;
      clear:none;
      }
      
dd.source {text-indent:125px;font-size:70%;line-height:200%; color:gray;}
dt.quote {margin:0px 80px; text-align: justify; color: black;}

ul {list-style-type:none; letter-spacing:2px;}

.pagenum    { text-indent: 0em; position: absolute; left: .7%;
                  font-size: 60%; font-style:normal;
                  letter-spacing:1px; line-height:125%;
                  color:#608080; text-align: right;}


.sidenote   { text-indent: 0em; position: absolute; left: 93%;
                  right: 100%; width: 6%; font-size: 8pt; font-style:normal;
                  line-height:125%; letter-spacing:1px;
                  text-align: center;  color:#608080; }

.smcap {font-variant: small-caps;}
.author {font-style: italics;}
h2.author {font-style: normal;}


a {color:maroon; text-decoration:none;}
h1>sup>a {color:black;}



table {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
}

table, td, th {
    border: 1px groove brickred;
}

td {text-align: center;
    padding: 10px;
}





div.image  {
  margin: 5% 8% 0% 8%;
  padding:0px 40px 20px 40px;
  float: right;
  width: 30%;
}

#footnotes {font-size:80%;}

/* floating footnote div */

#footnotediv {
    background-color:white;     position:absolute;
    width:400px;
    overflow:visible;
    padding:3px;
    padding-left:12px;
    padding-right:12px;
    border:1px solid #CDBBB5;
    box-shadow:#555 0 0 10px;
    -webkit-box-shadow:#555 0 0 10px;
    -moz-box-shadow:0 0 10px #555;
}
#footnotediv div {
    background-color:white;
    padding:3px;
    padding-left:12px;
    padding-right:12px;
    border:1px solid #CDBBB5;
    box-shadow:#555 0 0 10px;
    -webkit-box-shadow:#555 0 0 10px;
    -moz-box-shadow:0 0 10px #555;
}