/*----------------------------+
 |    CSS for Woodturning     |
 +----------------------------*/
body {
   background:#ffffe0;
   color:#800040;
   font-family:"Bookman Old Style";
}
h1 {
  font-size:120%;
  font-family:"Comic Sans MS";
  text-align:center;
}
.top {
  width:100%;
  margin:0 auto;
  text-align:center;
  height:150px;
  background-image:url("../img/lathe.jpg");
  background-repeat:no-repeat;
  background-position:5px 5px;
}

.top h1 {
  font-size:140%;
}

.menu {
   width:20%;
   font-size:80%;
   margin:0 0 0 20px;
   }
.left {
   float:left;
}
.menu a {
   display:block;
   margin:0;
   text-decoration:none;
   text-indent:-15px;
   color:blue;
}
.menu a:hover {
   cursor:pointer;
   color:red;
}
.menu p {
   display:block;
   margin:0;
   text-decoration:none;
   color:blue;
}

.menu p:hover {
   cursor:pointer;
   color:red;
}
.menu a.e {padding-left:15px;}
.menu a.t {padding-left:30px;}
.menu a.d {padding-left:45px;}
.menu p.e {padding-left:15px;}
.menu p.t {padding-left:30px;}
.menu p.d {padding-left:45px;}

.txt {
   width:60%;
   margin-left:30%;
   font-size:1.2em;
   text-align:justify;
}

.txt p {
   padding:0.2em;
}
p.lnk  {
  color:blue;
}
p.lnk:hover {
  color:red;
  cursor:pointer;
}
p.fig {
   text-align:center;
   font-size:75%;
   font-style:italic;
}
.inv {
   display:none;
}
.vis {
   display:block;
}
img {
  max-width:90%;
  display:block;
  margin:0 auto;
  }

b {
  font-weight:normal;
  letter-spacing:2px;
}

  
/** page number **/
s {color:magenta;
   padding:0;
   font-style:italic;
   font-size:90%;
   text-decoration:none;
   }

.ce {text-align:center;}
.sm {font-size:80%;}
.it {font-style:italic;}
.bo {font-weight:bold;}
.pa {padding:0 2.5em;}
p.pic {
   text-align:center;
   font-size:80%;
}
/* footnotes */
i {
  position: relative;
  display: inline-block;
  font-style:normal;
  color: red;
}

i s {
  visibility: hidden;
  width: 300px;
  text-decoration:none;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  background-color:#ffffd0;
  color: #800040;
  text-align:justify;
  padding: 10px;
  font-style:normal;
  border:1px dotted #800040;
  border-radius: 6px;
  font-size:70%;
}
/* Show the text by hovering over tooltip */
i:hover s {
  visibility: visible;
}
i img {display:none;}
i:hover img {
  display: block;
  position: absolute;
    z-index: 2;
}