/* 3 column layout strategy due to Petr Stanicek 
   http://www.pixy.cz/blogg/clanky/css-3col-layout/
 */

body {
  margin:0; 
  padding:0;
  background-color: #fafaca;
  font-family: serif
}

#header {
  margin:0; padding:0;
  background:#fafaca;
  text-align: center;
}

#main1 {
  margin:0;
  padding:0;
  background:#fafaca;
}

#main2 {
  margin:0;
  padding:0;
  background:#fafaca;
}

#left {
  float:left;
  width:15%
  margin:0; padding:0;
  font-size:80%;
}

#right {
  float:right;
  width:15%
  margin:0; padding:0;
  font-size:80%;
}

#middle {
  margin: 0 25%;
  padding: 0 0;
  background:#fafaca;
  font-size:100%;
}

.column-in {
  margin:0;
  padding:0.5em 1em;
}
.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}

h1,h2,h3,h4 { margin: 0.2em 0 }
p { margin: 0.5em 0 }
a { color:black }

.copy { text-align:center; font-size:80% }






div.headbody {
  margin: 0 30%;
  text-align: center
}
div.mainbody {
  margin: 0 30%;
  text-align: left
}
div.entry {
  text-align: left
}
div.entrydetails {
  padding: 0.25em 1em;
  font-size: .8em;
  text-align: left
}
div.footbody {
  margin: 0 30%;
  text-align: center
}
div.footlicense {
  margin: 0 30%;
  text-align: center;
  font-size: .5em
}
div.indexbody {
  text-align: center
}

div.interj {
  margin-left: 1em;
  margin-right: 1em;
 font-size: .9em;
 text-align: center
}
div.gloss {
  margin-left: 0.0em;
  margin-right: 0.25em;
 font-size: .9em;
 text-align: left
}

div.writeback-form {
  margin: 0 0%;
  text-align: left
}

h1 {

}

a.bare{
  text-decoration:none
}
a.bare:hover{
  text-decoration:underline
}

 /*--------CUT HERE--------*/

 /* CSS tooltip hack from
    http://www.madaboutstyle.com/tooltip2.html */

 a.floater{
   position: relative;
   z-index:24;
   background-color:#fff;
   color:#003;
   text-decoration:none
 }
 a.floater:hover{
   z-index: 25;
   background-color: #ddf;
   height:auto/* workaround IE bug? from
                 http://www.webmasterworld.com/forum83/1189.htm */
 }
 a.floater span{display: none}
 a.floater:hover span{     /* Appearance of the floater */
   display:block;
   position:absolute;
   top:1.5em;    /* Customizable: Floater distance below anchor */
   left:1em;     /* Customizable: Floater distance right of anchor beginning */
   width:13em;   /* Customizable: Floater width */
   border:1px solid #0cf;
   background-color:#eaeada;
   color:#000;
   text-align: center
 }

 /*now let's go to print the stuff: this will not work in ie: would be
   better make two style sheets and link them with the media attribute*/
 @media print{
   body{font-size: 10pt}
   div#main{margin: 0 0.5cm}
   a.floater{background-color: #fff; color: 000}
   a.floater span{display: inline;font-style: italic}
   a.floater span:before{content: " ["} /*for a better print, even if... */
   a.floater span:after{content: "] "}  /* ...will not work in ie*/
 }
 /*--------CUT HERE--------*/