/***** GENERIC ELEMENTS *****/

* { font-family: sans-serif; }
body { background: #fff; color: #000; }
code { font-family: monospace; }
small { font-size: 80%; }

/***** HEADINGS *****/

h2, h2 *, h3, h3 *, dt, dt * { 
  font-family: serif; 
}

h1 { 
  font-size: 200%; 
}

h2 {
  font-size: 150%; border-bottom: 2px solid; 
  margin-left: -0.6em; margin-right: -0.6em; padding: 0px 0.6em;
}

h3 {
  font-size: 120%; border-bottom: 1px solid #ddd; color: #888; 
  margin-left: -0.75em; margin-right: -0.75em; padding: 0px 0.75em;
}

dt, div.warning, div.postctrl {
  margin-left: -0.9em; margin-right: -0.9em; padding: 0px 0.9em;
}

h2[id]:hover:after,
h3[id]:hover:after {
  color: #ccc; content: '\B6';
  font-size: 80%; font-weight: normal;
  text-decoration: none;
}

/***** HYPER-LINKS *****/

:link, :visited { text-decoration: none; }
:link:hover, :visited:hover { text-decoration: underline; }

:link, dl.comments dt :link { color: #009; }
:visited, dl.comments dt :visited { color: #669; }

h2 :link, h2 :visited,
h3 :link, h3 :visited,
dt :link, dt :visited { color: inherit; }

/***** WARNINGS *****/

div.warning {
  border-bottom: 1px solid; border-top: 1px solid;
  padding-top: 0.1em; padding-bottom: 0.1em;
  margin-top: 0.3em; margin-bottom: 0.3em;
  background: #fd9; color: #800;
}

div.warning:before {
  font-weight: bold; content: 'Warning:\A0';
}

form div.warning {
  margin-left: 0px; margin-right: 0px;
}

div.warning ul.errorlist,
div.warning ul.errorlist li {
  display: inline; padding: 0px; margin: 0px;
}

/***** PAGE LAYOUT *****/

#container {
  width: 60em !important;
  max-width: 60em;

  margin: 1.5em auto;
  padding: 1.5em;

  background: #fff;
  color: #000;

  border: 1px solid #669;
  border-bottom: none;
}

#heading {
  background: url(/media/heading.png) repeat-x bottom #87d;
  border: 1px solid #fff; border-bottom: none;

  margin: -1.5em; margin-bottom: 0em; padding: 0em 1.5em;
}

#heading h1 {
  background: url(/media/heading-center.png) no-repeat center bottom;
  text-align: center; padding: 0.4em 0em; margin: 0em; color: #fff;
}

/***** ACTION AREA *****/

#actions {
  border: 1px solid #fff; border-top: none;
  margin: 0em -1.5em; padding: 0px;
  background: #cdd;
}

#actions :link, #actions :visited {
  font-weight: bold; color: #000;
  color: #000;
}

#actions :link:hover, #actions :visited:hover {
  margin: 0px -0.2em; padding: 0px 0.2em; 
  background: #666; color: #fff;
}

ul#navbar, ul.flat {
  padding: 0px; margin: 0px;
  display: inline;
}
ul#navbar:after {
  content: '\BB';
}
ul#navbar li, ul.flat li {
  padding: 0px; margin: 0px;
  display: inline;
}
ul#navbar li:before, ul.flat li:before {
  content: '\BB\A0';
}

ul#profile { 
  padding: 0px; margin: 0px;
  display: inline;
  float: right; 
}
ul#profile:before {
  content: '\AB';
}
ul#profile li {
  padding: 0px; margin: 0px;
  display: inline;
}
ul#profile li:after {
  content: '\A0\AB';
}

#actions div {
  clear: right;
}

/***** SIDEBOX *****/

#sidebox {
  background: #fff url(/media/sidebox.png) right repeat-y;
  width: 20% !important;
  max-width: 20%;

  margin: 1.5em -1em 1.5em 0em;
  padding: 0em 0em 0em 1em;

  float: right;
}

#sidebox div.top {
  background: url(/media/sidebox-top.png) right bottom no-repeat;
  font-size: 1px; height: 10px; margin-bottom: -10px;
}

#sidebox div.bottom {
  background: url(/media/sidebox-bottom.png) right top no-repeat;
  font-size: 1px; height: 11px; margin-top: -11px; padding: 0px;
}

#sidebox dl {
  margin: 0.25em 0.8em 1.0em 0.8em;
  padding: 0em;
}

#sidebox dt,
#sidebox dd {
  margin: 0px;
  padding: 0px;
  text-align: right;
}

#sidebox dt {
  margin: 0px -0.4em 0.4em -0.4em;
  padding: 0px 0.4em;
  border-bottom: 1px solid;
  font-weight: bold;
}

#sidebox :link:before,
#sidebox :visited:before {
  content: '\00BB\00A0';
}

#content {
  padding: 0em 1em;
  margin-bottom: 1.5em;
}

#footer {
  clear: both;
  background: url(/media/footer.png) repeat-x center bottom;
  margin: 0em -1.5em -1.5em -1.5em;
  padding: 0px;
}

#footer div.l {
  background: url(/media/footer-l.png) no-repeat bottom left;
  margin-left: -1px;
}

#footer div.r {
  background: url(/media/footer-r.png) no-repeat bottom right;
  margin-right: -1px;
}

#footer div.c {
  border-top: 1px solid #ddd;
  padding: 0.75em 1em 1em 1em;
  margin: 0em 1.5em;
  text-align: right;
  font-size: 8pt;
  color: #445;
}

img.postimg {
  margin: 0em 1em 1em 0em;
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding: 2px;
  float: left;
}

div.postctrl {
  border-top: 1px solid #ddd; color: #888;
  margin-bottom: 1.5em;
  clear: left;
}

pre {
  border: 1px solid #ddd; background: #f4f8ff;
  padding: 0.5em; margin-left: 1em;
  overflow: auto;
}

table.results { 
  border: 1px solid #ddd; background: #f4f8ff;
  border-collapse: collapse;
  font-size: 95%;
}

table.results th { 
   padding: 0.1em 0.4em;
   text-align: center;
}

table.results td {
   padding: 0.1em 0.4em;
   text-align: center;
}

table.results .group {
   border-left: 1px solid #ddd;
}

table.results tr.group td,
table.results tr.group th {
  border-top: 1px solid #ddd;
}

table.results th:first-child {
  border-right: 1px solid #ddd;
}

table.results i {
  color: #555;
}

table.results tr.separator td {
  background: white;
}

/***** FORMS *****/

form table {
  border: 1px solid #ddd;
}

form table td {
  vertical-align: top;
  padding: 5px;
}

form table th {
  font-weight: bold; padding: 0.3em 0.8em;
  white-space: nowrap;
  vertical-align: top;
  text-align: left;
}

input, textarea, button {
  color: #888; background: #f8f8f8;
  border: 1px solid #ddd;
  margin-top: -2px;
  padding: 1px 4px;
}

input:hover, textarea:hover, button:hover,
input:focus, textarea:focus, button:focus {
  background: #f8f8d8;
}

input:focus, textarea:focus, button:focus {
  border-color: #aaa; color: #555;
}

tr.buttons td {
  text-align: right;
}

tr.buttons input {
  font-weight: bold;
}

dl.comments dt {
  border-bottom: 1px solid #ddd;
}

/***** GALLERY *****/

table#gallery {
  margin: 0px; padding: 0px;
  border-collapse: collapse;
  border: none;
}

table#gallery td {
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

table#gallery td.sidebar {
  padding-right: 1em;
  padding-top: 3.0em;
}

table#gallery td.sidebar p {
  margin: 0em 0em 1em 0em;
}

table#gallery td.sidebar ul {
  padding-left: 0em;
}

table#gallery td.sidebar ul ul {
  padding-left: 0.25em;
}

table#gallery img {
  border: none;
}

table#gallery div.image {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
  padding: 1px;
}

table#gallery div.image a {
  background-image: url(/media/patterns/45d-5px-eee.png);
  display: block;
  padding: 1px;
}

table#gallery :link:hover img {
  border-color: #009;
}

table#gallery :visited:hover img {
  border-color: #669;
}

table#gallery tr.first h3 {
  margin-top: 0px;
}

div#gallery-details {
  border-top: 1px solid #ddd;
  padding: 0.5em 0em 0.5em 1.0em;
  margin-left: -1em;
  min-width: 10em;
  min-height: 12em;
  overflow: auto;
}

table#gallery table.contents td {
  text-align: center; color: #aaa;
}

table#gallery table.contents td.full {
  text-align: left;
}

table#gallery iframe {
  background: #fff url(/media/wheel-throbber.gif) no-repeat center;
  border: 1px solid; margin-top: -2px;
}

ul#timenav {
  display: block; float: right;
  padding: 0em; margin: 1.6em 0.5em 0.2em 0.5em;
  text-align: center; line-height: 1.5em;
  color: #555;
}
ul#timenav li {
  padding: 0px; margin: 0px;
  display: block;
}
ul#timenav li.prev:before {
  content: '\AB\A0';
}
ul#timenav li.prev:after {
  content: '\A0\AB';
}
ul#timenav li.next:before {
  content: '\BB\A0';
}
ul#timenav li.next:after {
  content: '\A0\BB';
}

img.face {
  margin: 0px; margin-top: -0.75em;
  padding: 0.2em; float: right;
}

:link.active, :visited.active {
  font-weight: bold;
}

.overlay-item {
  position: absolute;
  display: block;
}

blockquote {
  border-left: 0.5em #e2e6ee solid;
  border-bottom: 1px #e2e6ee dashed;
  padding-left: 0.9em;
  margin-left: 0.1em;
}

/* vim: set sw=2 sta et: */