/*
Theme Name: Domnit.org Style
Theme URI: http://domnit.org/colophon/
Description: Whale for front and back cover. Grid and proper typography.
Version: 2.0
Author: Lenny Domnitser
Author URI: http://domnit.org/
*/

/* --------------
   General Styles
   -------------- */

* { font-size: 1em; margin: 0; padding: 0; }

body {
  background: white;
  color: black;
  font: 12px/1.6667 verdana, sans-serif;
}

/* IE can't resize pixels, so we use a percentage of 16px, the default size */
* html body { font-size: 75%; }

/* maintain proper leading and vertical spacing */
address, dt, dd, li, p, pre, table { margin: 0.8333em 0; }
h1 { font-size: 1.6667em; line-height: 1;      margin: 3em 0 0.4545em; }
h2 { font-size: 1.5em;    line-height: 1.1111; margin: 1.1111em 0 0.5556em; }
h3 { font-size: 1.3333em; line-height: 1.25;   margin: 1.25em 0 0.625em; }
h4 { font-size: 1.1667em; line-height: 1.4286; margin: 1.4286em 0 0.7143em; }
h5 { font-size: 1.0833em; line-height: 1.5385; margin: 1.5385em 0 0.6792em; }
h6 { font-size: 1em;                           margin: 1.6667em 0 0.8333em; }

h1, h2, h3 { font-weight: normal; }

ul { list-style: square; }
ol, ul { padding-left: 0; }
ol ol, ol ul, ul ol, ul ul { padding-left: 1.1667em; }

dd { margin-left: 1em; }

blockquote {
  font-size: 0.9167em;
  line-height: 1.8182;
  margin: 0.9091em 1em;
}

th, td {
  padding: 0.5em;
  vertical-align: top;
}

sub, sup { font-size: 0.8333em; }

a {
  border-bottom: 1px dotted;
  color: #8a3b3b;
  text-decoration: none;
}
a:visited { color: #855c49; }
a:active, a:focus, a:hover { border-bottom-style: solid; }

a img { border: none; }

h1 a, h1 a:visited, h1 a:active, h1 a:focus, h1 a:hover {
  border: none;
  color: black;
}

pre, code { font-family: monospace; }
code { color: #3B76A4; }
pre { overflow: auto; }

::selection { background: #4C5D42; color: white; }
::-moz-selection { background: #4C5D42; color: white; }

/* ----------------
   Template classes
   ---------------- */

.meta {
  font-size: 0.8333em;
  list-style: none;
}

.meta li { display: inline; }
.meta li:before { content: "\b7\a0"; /* ·  */ }
.meta li:first-child:before { content: ""; }

.inline-image { vertical-align: middle; }

/* ----------------------------
   Layout and specific elements
   ---------------------------- */

#container {
  margin: auto;
  padding: 0 2.6667em; /* 1/2 unit on either side */
  width: 42.6667em; /* 8 units wide */
}

#header-right {
  margin-left: 32em;
  position: absolute;
  top: 0;
  width: 10.6667em;
}

#searchform input {
  max-width: 100%;
}

#navigation > li {
  list-style: none;
  float: left;
  padding-right: 1em;
  width: 9.6667em; /* 2 units wide */
}

#navigation > li > a {
  border-bottom: 3px solid;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

#navigation > li > a:hover {
  border-bottom-width: 4px;
  margin-bottom: -1px;
}

#navigation li ul {
  background: white;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 9.6667em;
}

#navigation li ul:hover > li {
  position: relative;
  top: -1px;
}

#navigation li:hover > ul {
  display: block;
}

#navigation li ul:hover {
  margin-top: 1px;
}

#navigation li li {
  list-style: none;
  margin: 0;
}

#navigation li li a {
  display: block;
}

.cover a { border: none; }
.cover img {
  border: 3px solid;
  height: 10.1667em;
  width: 26.1667em;
}
.cover strong { border-bottom: 1px dotted; }
.cover a:hover strong { border-bottom-style: solid; }

#nextpage {
  font-weight: bold;
  margin-top: 3em;
}

#footer {
  margin-top: 3em;
  position: absolute;
}

#footer-right {
  list-style: none;
  margin-left: 27.6667em;
  position: absolute;
  top: 0;
  width: 25.6667em;
}