/*html { height: 100%; margin-bottom: 1px; }*/

html {
  overflow: -moz-scrollbars-vertical !important;
}

body {
  background: #fff;
  color: #000;
  padding: 0;
  margin: 0;
  font-family: "Arial", sans-serif;
  font-size: 80%;
}

* { line-height: 1.33em }
img { border: 0 }
a { color: #0000a0 }
a:visited { color: #500070 }
a:hover { color: #a00000 }
a.js { text-decoration: none; border-bottom: #0000a0 1px dashed }
a.js:hover { border-color: #a00000 }
a.dim { color: #999 }
table { font-size: 100% }
.just-hover { border-bottom: #4040ff 1px dashed }

h1, h2, h3 {
  font-size: 100%;
  margin: 0;
}

h1 { font-size: 120% }

.black-title { background: #000; margin-top: -0.67em; padding-top: 0.67em }
.black-title * { color: #fff }

h2 { font-weight: bold; margin: 1.33em 0 0 0 }
h2.first { margin: 0 }
h2 a:link, h2 a:visited { color: #000 }
h2 a:hover, h2 a:visited:hover { color: #a00000 }


sup, sub { position: relative; vertical-align: middle; font-size: 75%; font-weight: normal; }
  sup { bottom: 0.5em; }
  sub { top: 0.5em; }
span.tsp { margin-right: -.167em }
span.hsp { margin-right: -.25em }

.small-caps { font-size: 90%; letter-spacing: 1px; margin-right: -1px }
.small-cap-glued { letter-spacing: 0px; }
.nou { text-decoration: none }

.wrong { color: #c00; text-decoration: line-through; }
.wrong * { color: #000 }

div.sub-h1 { font-size: 90% }

tt { font-family: "Consolas" }

p, ul, ol { margin: 0 0 .5em 0; padding: 0 }
p.before-ul { margin: 0; }
ol { padding: 0 0 0 3.33em }
li { margin: 0 0 .33em 0; }

p.down { margin-top: 1em }

.main-link { font-size: 150% }

ul.no-bullets { list-style-type: none; padding: 0 0 0 1.67em }
ul.no-bullets li { text-indent: 0em; }

ul.flat { padding: 0 }

ul.dashed li {
list-style-type: none;
text-indent: -1.5em;
behavior: expression(!this.before? this.before = this.innerHTML = '&mdash;<span class="ensp"></span>' + this.innerHTML : '');
}

ul.dashed li:before {
content: '\2014';
margin-right: 0.5em;
}

.vc { vertical-align: middle }
.minus-q { text-indent: -.57em; margin-left: -.57em; padding-left: .57em }

.current { padding: .12em .67em; margin: -.12em -.67em; background: #eec }

.rel {
  position: relative; 
}
.superline {
  position: relative; 
  width: 100%;
}
.superline div {
  position: absolute; 
  width: 1px; height: 1px;
  overflow: hidden;
  background: #c00;
  opacity: .25;
 -moz-opacity: .25;
  filter: alpha(opacity=25);
}

.side { font-size: 90%; margin-top: .2em }
/*small { font-size: 85%; color: #999; }*/
small { font-size: 75%; }

.layout {
  width: 100%;
  font-size: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.layout td {
  padding: 0;
}

.right-pad, td.right-pad {
  padding-right: 1.67em;
}

.earicon {
  position: relative;
  margin: 25px 0 0 0;
  height: 160px;
}

.group-menu {
  margin: 40px 0 0 0;
  padding: 0;
  list-style: none;
}

.group-menu li {
  height: 25px;
}

.group-menu a {
  font-weight: bold;
}

.group-menu .current {
  font-weight: bold;
  color: #999;
}

.year {
  position: relative;
  width: 0;
  height: .5em;
  margin-top: -.5em;
}

.year small {
  position: absolute;
  right: 1em;
  top: 0;
}

.page-title { position: relative; left: 8%; width: 91%; margin-bottom: 40px }

.take-two-cols { position: relative; left: 16%; width: 39% }
.take-three-cols { position: relative; left: 16%; width: 59% }
.take-four-cols { position: relative; left: 16%; width: 79% }
.take-four-cols-plus { position: relative; left: 16%; width: 84% }

.site-icon {
position: relative;
margin-left: -24px;
margin-right: 8px;
width: 16px;
height: 16px;
z-index: 100;
vertical-align: middle
}


#top-stripe {
  position: relative;
  left: 16%;
  width: 79%;
  height: 5px;
  background: #000;
  overflow: hidden;
}

/*
#title-bar {
  position: relative;
  left: 0; width: 100%;
  height: 60px;
}

#logo {
  position: absolute;
  left: 2%; top: 20px;
  margin: -2px;
}

#title {
  position: absolute;
  left: 8%; top: 20px;
}

#sidelinks {
  position: absolute;
  right: 4%; top: 20px;
}

#title a, #title b,
#sidelinks a, #sidelinks b {
  padding: 1em 0;
}
*/

.title-bar a, .title-bar b {
  padding: 1em 0;
}

#footnotes {
  position: relative;
  margin: 40px 0;
  left: 0; width: 100%;
  height: 100px;
}

#copyrights {
  position: absolute;
  left: 8%; top: 20px;
  width: 43%;
}

#kiwi {
  position: absolute;
  left: 46%; bottom: 20px;
  margin: 0 -16px;
}


#lang {
  position: absolute;
  left: 84%; top: 20px;
  width: 12%;
}

.debug-info {
  float: right;
  background: #ffe0e0;
  white-space: pre;
  padding: 1em;
  font-family: "Lucida Console";
  font-size: 80%;
}

.city {
  padding: 0 .17em;
  margin-right: .11em;
  border: 1px #ccc solid;
  letter-spacing: 1px;
}

.quality {
  position: absolute;
  left: 46%;
  top: 20px;
  margin: -6px -16px;
}

.mail-me {
  position: absolute;
  left: 66%;
  width: 26%;
  top: 20px;
}

.bureau {
  padding: 0 .83em .11em .22em;
  margin: 0 -.11em 0 -.04em;
  background: #f8f1d1 url('/$/images/bureau-corner.gif') right center no-repeat;
  background: #f0e0b0 url('/$/images/bureau-corner.gif') right center no-repeat;
}

.bureau a { color: #000; }
.bureau a:hover { color: #a00000; }