/* the pre markup was derived from rubyStyle.css, the rest is from previous
iterations of my website http://repose.cx/. help yourself to bits you like. */

body {
 font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
 background:#fff;
 padding:5%;
 padding-top:2%;
 margin:0px;
}
 
a {
 text-decoration:none;
 font-weight:bold;
 color:#006699;
}

h1 a {
 color:#666;
}

h2 a {
 color:#666;
}

h3 a {
 color:#666;
}

h4 a {
 color:#666;
}

h1 { 
 font-size: 24px;
 color:#666;
 border-bottom: 5px solid #000;
 padding: 2px;
 margin: 0px;
 margin-bottom: 8px;
 text-align:right;
}

h2 { 
 color:#666;
 font-size: 16px;
 padding: 2px;
 margin-top: 5px;
 border-bottom: 2px solid #000000;
}

h3 { 
 color:#666;
 font-size: 14px;
 padding: 2px;
 margin-top: 5px;
 border-bottom: 1px dashed #000;
}

h4 { 
 color:#666;
 font-size: 14px;
 padding: 2px;
 margin-top: 5px;
}

img {
    float: right;
    margin: 10px;
    border-style:none; /*solid; border-width:2px; */
}

#im { 
    clear: right;
}

pre {
    border: #777777 1px solid;
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 2em;
    white-space: pre;
    background-color: #e6e6e6;
    color: black;
}

.verse {
    white-space: pre;
    margin-left: 1em;
}

dt { 
     font-weight: bold;
}

li {
     margin-bottom: 0.9ex;
}

div.menu { 
 position: absolute;
 width: 12%;
 left: 2%;
 top: 12%;
 border: none;
 padding: 0;
}

div.menuitem {
 margin-bottom: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}

div.page {
 position: relative;
 left: 10%;
 width: 85%;
}

#tooltipbox {
  position: absolute;
  top: 1%;
  left: 1%;
}

/*Fix IE bug ...*/
/*body>#left-menu { position: fixed;}*/