* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%; /* Make IE not go too extreme with the em-based font-sizes. */
}

body {
  font-family: Verdana, DejaVu Sans, Bitstream Vera Sans, Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-size-adjust: 0.54;
}

#main {
  clear: left;
  margin-top: 0;
  padding: 0.25em 0;
}

#mainnav {
  float: left;
  width: 10.9375em;
  margin-top: 1em;
}

#mainnav h3 {
  padding: 0 0.125em;
  text-align: center;
  font-size: 1em;
  font-variant: small-caps;
}

#mainnav h4 {
  margin-top: 0.5em;
  padding: 0 1em;
  text-align: center;
  font-size: 0.875em;
  font-weight: normal;
  font-variant: small-caps;
}

#mainnav ul {
  margin: 0.25em 0 0 0.25em;
  padding: 0 0.25em 1em 0.25em;
}

#mainnav li {
  padding: 0.0625em 0;
  list-style: none;
}

#mainnav :link, #mainnav :visited {
  padding: 0.0625em 0.1875em 0.1875em 0.1875em ;
  display: block;
  text-decoration: none;
  line-height: 0.875em;
  -moz-border-radius: 0 2em 2em 0;
}

#mainnav :link span, #mainnav :visited span {
  font-size: 0.8125em;
}

#maincontent {
  margin-top: 1em;
  margin-left: 11.4375em;
}

.tools {
  float: right;
  border-width: 0.1875em 0 0.1875em 0.125em;
  border-style: solid; 
  border-right-width: 0; 
  padding: 0.25em; 
  margin: -0.25em 0 1em -1.5em;
  -moz-border-radius: 0.875em 0 0 0.875em;
}

.tools * { /* For some reason this totally messes up Opera 7.11 and 7.23 - investigate (check 7.5 or newer - Opera 6 works fine) */
  float: left;
}

.tools form {
}

.tools .textinput {
  margin: 0.125em;
  width: 7.75em;
}

.tools .button {
}

.tools :link, .tools :visited, .tools h3, .tools label {
  font-size: 0.75em;
  padding-top: 0.3333em;
}

.tools :link, .tools :visited {
  display: block;
  padding-bottom: 0.4167em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-decoration: none;
  font-weight: bold;
}

.tools :link:first-child, .tools :visited:first-child {
  -moz-border-radius: 0.75em 0 0 0.75em;
}

.tools :link:hover, .tools :visited:hover {
}

.tools .divider {
  font-size: 1.0625em;
}

.tools h3, .tools label {
  margin-left: 0.5em;
}

.tools .comparison {
  font-weight: normal;
  font-variant: small-caps;
}

.entries {
  clear: right;
}

.otherstuff {
  float: right;
}

.alsotonotice {
  width: 15em;
  clear: right;
  margin: 0 0 0.5em 0.75em;
  padding: 0.5em 0.625em;
  border-width: 0.125em;
  border-style: solid none solid solid;
  -moz-border-radius: 1em 0 0 1em;
}

.alsotonotice h3 {
  font-size: 0.925em;
}

.alsotonotice ul, .alsotonotice ol {
  list-style-type: none;
  font-size: 0.8125em;
}

.alsotonotice p {
  font-size: 0.8125em;
  margin-bottom: 1em;
}

.externalarticles ul {
  margin-right: 1.0625em; /* Equal to how far externalarticle links have been shifted to the right. */
}

.externalarticles li:before {
  content: "- "
}

.alsotonotice :link, .alsotonotice :visited, .alsotonotice .important:link:hover, .alsotonotice .important:visited:hover {
  text-decoration: none;
}
.recentcomments :link, .recentcomments :visited {
  margin-left: 3.75em;
  display: block;
  position: relative;
  top: -1.25em;
}
.externalarticles :link, .externalarticles :visited {
  position: relative;
  left: 1.0625em;
  margin-left: -0.875em;
}
.alsotonotice :link:hover, .alsotonotice :visited:hover, .alsotonotice .important:link, .alsotonotice .important:visited {
  text-decoration: underline;
}

.entry, .subentries {
  max-width: 52em;
}

.entry, .content {
  margin: 0 1em 1.25em 0;
  padding: 0.25em 0.75em 0.75em 0.75em;
  border-width: 0.125em;
  border-style: solid;
  -moz-border-radius: 0.875em;
  line-height: 1.25em;
}
div[class="content"] { /* *sighs* - could someone PLEASE put IE out of its misery? */
  max-width: 42em;
  min-width: 16em;
  float: left;
}

.subentries {
  margin: 0 1em 1.25em 5%;
  padding: 0.25em 0.5em 0.75em 0.5em;
  border-width: 0.125em;
  border-style: solid;
  -moz-border-radius: 0.875em;
  line-height: 1.125em;
}

.asubentry {
  font-size: 0.875em;
}

.subentries .preview {
  padding: 0 0.1429em 1em 0.1429em;
  margin-bottom: 0.75em;
  border-width: 2px;
  border-style: dashed;
}

.subentries .preview h5 {
  margin-top: 0.75em;
}

.entry :link, .entry :visited, .subentries :link, .subentries :visited {
  /*/*/ padding: 0.0625em 0; /* No matter how ugly, things should at least remain readable for N4.x */
  font-weight: bold;
  text-decoration: none;
}

.entry :link:hover, .entry :visited:hover, .subentries :link:hover, .subentries :visited:hover {
}

.entry :link[rel="bookmark"], .entry :visited[rel="bookmark"] { /* oh well, whatever... */
  display: block;
  float: right;
  font-size: 0.8em;
  line-height: 2em;
  text-decoration: none;
  font-weight: bold;
  margin-top: 0.1875em;
  margin-left: 2em;
  margin-right: 0.75em;
}

.subentries :link[rel="bookmark"], .subentries :visited[rel="bookmark"] {
}

.entry h3, .subentries h4 {
  font-size: 1.125em;
  margin-top: 0.25em;
  margin-bottom: 0.5em;
  font-family: DejaVu Sans, Bitstream Vera Serif, Book Antiqua, Times New Roman, serif;
  font-size-adjust: 0.52;
}

.subentries h5 {
  font-size: 1.0714em;
  margin: 1.7333em 0 0.1333em 0;
}

.entry p, .subentries p {
  margin: 1em 0;
}

.entry .comments {
  margin: 0.125em 0.375em 0 0.375em;
  text-align: right;
}

.entry .comments :link, .entry .comments :visited {
  font-size: 0.8125em;
}

.entry blockquote, .subentries blockquote {
  margin: 0.125em 0.25em 1em 2em;
  border-width: 0.0625em;
  border-style: solid;
  padding: 0.125em 0.1875em;
}

.entry code, .subentries code {
  margin: 0.125em 0.25em 1em 2.5em;
  border-width: 0.0625em;
  border-style: solid;
  padding: 0.125em 0.1875em;
  display: block;
  font-size: 0.9em; /* Gecko, for some unfathomable reason, has code font-size set to 13px in such a way that this is relative to that - while Opera and IE apply this simply to the default 1em. This is some middle-ground that has them both not quite right, but okay-ish. */ 
  white-space: pre;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

/* For the stupid browser which doesn't know to fall back to the earlier declared value when it doesn't understand the current property. 
   Oh, and apparently we suffer from a form of peekaboo, too. \*/
* html .entry code, * html .subentries code { 
  white-space: pre;
}
*+html .entry code, *+html .subentries code {
  white-space: pre;
}
* html .entry, * html .subentries {
  position: relative;
  z-index: 0;
}
* html .otherstuff, * html .entry * {
  position: relative;
  z-index: 1;
}
/* */

.entry .quote, .subentries .quote {
  font-size: 80%;
  margin-left: 2.5em;
}

.entry q, .subentries q {
  font-style: italic;
}

.entry .picture *, .entry .picture, .subentries .picture *, .subentries .picture {
  display: block; 
  float: left;
}

.entry .picture, .subentries .picture {
  margin: 0 0.375em 0 0.375em;
  background-image: url('../images/dropshadow_e.gif');
  background-repeat: repeat-y;
  background-position: right;
}

.entry .picture .shadow1, .subentries .picture .shadow1 {
  background-image: url('../images/dropshadow_s.gif');
  background-repeat: repeat-x;
  background-position: bottom;
}

.entry .picture .shadow2, .subentries .picture .shadow2 {
  background-image: url('../images/dropshadow_ne.gif');
  background-repeat: no-repeat;
  background-position: top right;
}

.entry .picture .shadow3, .subentries .picture .shadow3 {
  background-image: url('../images/dropshadow_se.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
}

.entry .picture .shadow4, .subentries .picture .shadow4 {
  padding: 25px 31px 34px 25px;
  background-image: url('../images/dropshadow_sw.gif');
  background-repeat: no-repeat;
  background-position: bottom left;
}

.entry .picture :link, .entry .picture :visited, .subentries .picture :link, .subentries .picture :visited {
  margin: 0; 
  padding: 0;
}

.entry img, .subentries img {
  margin: 0.125em;
}

.entry :link img, .entry :visited img, .subentries :link img, .subentries :visited img {
  border-width: 0.125em;
  border-style: solid;
}

.entry .picture img, .subentries .picture img {
  border-width: 0.0625em;
  border-style: solid;
  margin: 0;
}

.entry .picture :link:hover img, .entry .picture :visited:hover img, .subentries :link:hover img, .subentries :visited:hover img {
}

.entry .endpicture, .subentries .endpicture {
  padding-right: 99.99%;
  padding-bottom: 0.5em;
}

.entry .endpicture:after, .subentries .endpicture:after {
  display: block;
  content: ".";
  line-height: 1px;
  visibility: hidden;
}

/* \*/
* html .entry .endpicture, * html .subentries .endpicture {
  float: left;
  font-size: 1px;
  visibility: hidden;
}
*+html .entry .endpicture, *+html .subentries .endpicture {
  float: left;
  font-size: 1px;
  visibility: hidden;
}
/* */

.addsubentry {
  font-size: 0.875em; 
}

.addsubentry .extra {
  font-size: 85%;
  font-style: italic;
} 

.addsubentry dl, .addsubentry dt, .addsubentry dd {
  display: block;
}

.addsubentry dl {
}

.addsubentry dt {
  float: left;
}

.addsubentry dd {
  margin-left: 11em;
}

.addsubentry dd .info {
  float: left;
  width: 11em;
  margin-left: -11em;
  margin-top: 2em;
  line-height: 1.2em;
}

.addsubentry label {
  font-weight: bold;
}

.addsubentry .textinput, .addsubentry textarea {
  border-width: 1px;
  border-style: solid;
  margin: 0.1429em;
}

.addsubentry textarea {
  margin-top: 0.2857em;
  width: 30em;
  height: 11em;
  font-family: Verdana, DejaVu Sans, Bitstream Vera Sans, Helvetica, Arial, sans-serif;
  font-size: 0.875em;
}

.addsubentry h5 {
  margin-top: 0.25em;
}

.addsubentry .options {
  font-size: 0.7857em;
}

.addsubentry .buttons {
  margin-left: 11em;
}

.addsubentry .button {
  margin: 0.375em 0.5em 0 0;
}