/*Style Sheet for Kira Reoutt's Technical Pages
Author: Kira Reoutt
Date: Summer 2004
*/

html {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt;
   margin: 0; padding: 0;
   background: rgb(100%,100%,100%); color: black;}
h1 {font-size: 200%; text-transform: lowercase; letter-spacing: 3px;
   margin: 0 0 0 3%; padding: 0.66em 0 0 0;}
h2 {font-size: 1.33em; margin: 0.66em 0 0 3%; padding: 0 0 0 0; 
   border-bottom: 1px solid black;}
h2.first {margin: 0 0 0 0; padding:0;}   
h3 {font-size: 1em; margin: .33em 0 0 3%; padding: 0; color: rgb(0,0,0); }   
h4 {font-size: 1em; margin: 0 0 0 3%; padding: 0.33em 0 0 0; background-color:#CCFF99; 
   border-bottom: 1px solid #CCFF99;}
h5{margin: .33em 0 0 3%; font-size: 10pt; padding: 0; color: rgb(0,0,0) }   
h1, h2, h4 {line-height: 1em;}
p {margin: 0 0 0 3%; padding: 0; font-size:10pt;}
.tag {font-size: 8pt; margin: 0 0 0 3%; padding: 0 0 0 0;}
.quote {margin-top: 28px; margin-left: 5px; margin-right: 2%; 
        font-size: 8pt; font-style: italic;}
.hang {text-indent: -20px ;	margin-left: 20px;}
span.emph {font-weight: bold; color: black; } 
ul {margin-top: 0; margin-bottom: 2px; padding:0; font-size:10pt;}
div.note {background-color: #93AD66; margin: 0; padding: 0.33em;}
div#entry {margin: 2em 10% 1em 30%; padding: 0;}
div#entry li {margin-left: 2em;}
div#billb {margin: 2.33em 0 0 3%; padding: 2em; font-size:10pt; border: 2px solid #CCFF99;}
div#sidebar {float: left; align:top; background-color:#FF6666; padding: 0 0 5px; font-size:10pt;}
#sidebar ul {list-style: none; margin: 0; padding: 0 0 10px; text-align: right;}
//#sidebar h4, #sidebar ul {margin: 0 6px 0 0; padding: 0 0 0 2px;}
#sidebar li {padding-left:0; padding-right:0; padding-top:0.5em; padding-bottom:0.25em;
             /*border-bottom: 1px solid rgb(84%,84%,69%); */
              } 
#sidebar a {text-decoration: none; padding: 0 0 0 0; margin-left: 15px; border-bottom: 1px solid #FF6666;}
//padding: 0 0.5em 0 0 ;
#sidebar a:link {color: rgb(0,0,0);}
#sidebar a:hover {color: #FFFF00; border-color: #FFFF00; 
background: url('dot_black2.gif') no-repeat 0 100%; padding-left: 15px; margin-left: 0;}
// background: url('../tech/arrow2.gif') no-repeat 0 100%; padding-left: 15px; margin-left: 0;}
#sidebar a:active {color: #FFFF00; border-color: #FFFF00;}
#sidebar a:visited {color: rgb(33%,33%,33%);}
h3 a {text-decoration: none}
h3 a:link {color: rgb(20%,40%,0%);}
h3 a:hover {color: rgb(10%,20%,0%);  border-bottom: 1px solid rgb(98%,48%,40%); 
                 background: url('../tech/arrow2.gif') no-repeat right 100%; padding-right: 15px; margin-left: 0px;}
h3 a:visited {color: rgb(58%,68%,40%);}
a:link {color: rgb(20%,40%,0%);}
a:hover {color: rgb(10%,20%,0%); border-color: rgb(98%,48%,40%);}
a:visited {color: rgb(58%,68%,40%);}
td {vertical-align: top;}
td ul {margin-left: 30px;}
td li {margin: 0px 0px 0px 5px; padding:0; font-size:10pt;}
.small {font-size: 8pt;}
.megafurther {margin-top: 40px;}
.further {margin-top: 20px;}
.zeroTop {margin-top:0;}
.ericPhoto {padding: 4px; border: 1px solid #999;}