/* colors:
 *
 * title 100,100,100
 * metadata 150,150,150
 * text 20,20,20
 * border 100,100,100
 *
 * pale blue (for links when not hovering) 180,200,255
 */

html {
  font-family: georgia, serif;
  color: rgb(20,20,20);
  line-height: 1.6;
/*  background: url('grid.png');*/
}

a {
  color: rgb(100,100,255);
  text-decoration: none;
}

a:hover, a:hover:visited, a:visited:hover {
  color: rgb(0,0,255);
  text-decoration: underline;
}

a:visited {
  color: rgb(100,100,200);
}

hr {
  border: none;
  border-top: 1px solid rgb(100,100,100);
}

.warning {
  color: red;
  border: 1px solid #777;
  background-color: #ddd;
  font-family: helvetica, sans-serif;
  padding: 5px 5px 5px 5px;
}

.header {
  vertical-align: bottom;
  min-height: 55px;
/*  -height: 55px; IE hack, ignore for now... */
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
}

a.header span { display: none; }

.breadcrumbs {
  position: relative;
  color: white;
  padding: 1ex 0.5em 1ex 0.5em;
}

.main { margin-top: 1em; }

.content-block {
  width: 100%;
/*  max-width: 60em;*/
  margin-right: -10em;
  float: left;
}

h1 {
  border-top: 1px solid rgb(200,200,200);
  font-size: 120%;
  color: rgb(100,100,100);
  margin: 0 0 1ex 0;
  font-weight: normal;
}

h2 {
  font-size: 100%;
  font-weight: bold;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
}

.content-inner-block {
  margin-right: 10em;
}

.content-metadata {
  font-size: 60%;
  float: left;
  width: 15em;
  overflow: hidden;
  text-align: left;
}
.content-metadata dl { 
  display: block;
  padding-left: 0;
  padding-right: 0.5em;
  margin-left: 0;
  margin-top: 0;
}
.content-metadata dl dt { display: block; margin: 0; padding: 0; color: rgb(150,150,150); }
.content-metadata dl dt:after { content: ":"; }
.content-metadata dl dd { display: block; margin: 0; padding-left: 0.5em; color: rgb(150,150,150); }
.content-metadata dl dd a { display: block; }

.content-metadata ul {
  list-style: none outside;
  padding: 0;
  margin: 0 0 1ex 0;
} 

.content-body dl[title] {
  border-bottom: 1px solid black;
}

.content-body dl[title]:before {
  border-bottom: 1px solid black;
  content: attr(title);
  display: block;
  padding-left: 2em;
  font-weight: bold;
}

.content-body ol[title], .content-body ul[title] {
  border-bottom: 1px solid black;
}

.content-body ol[title]:before, .content-body ul[title]:before {
  content: attr(title);
  border-bottom: 1px solid black;
  margin-left: -2em;
  display: block;
  font-weight: bold;
}

.content-body ol, .content-body ul {
  padding-left: 2em;
}
.content-body dt {
/*
  clear: both;
  float: left;
*/
  font-weight: bold;
  min-width: 6em;
  padding-left: 2em;
}

.content-body dd {
/*
  float: left;
*/
  margin-left: 6em;
}

.content-body dl:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
}

.content-body {
  width: 100%;
  float: right;
  padding: 0;
/*  margin-left: -9em;*/
}
/*.content-inner-body { margin-left: 9em; }*/
.content-body p { margin-top: 0; margin-bottom: 1em; }

.content-image {
  float: right;
  text-align: center;
  border: 1px solid rgb(100,100,100);
/*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  */
  margin: 0.5ex 0.5em 1ex 0.5em;
  padding: 0;
}
.image-left {
  float: left;
}
.image-caption {
  position: relative;
  top: 1ex;
  text-align: center;
  font-size: 80%;
  margin: 0;
  padding: 0;
}
.image-caption span {
  text-align: center;
  background-color: white;
  padding: 0 0.5em 0 0.5em;
}
.image-image {
  padding: 10px 10px 0 10px;
}
.menu-block {
  width: 10em;
  float: right;
}
.menu, #technorati, .badge {
/*  border: 1px solid rgb(100,100,100);*/
  border-top: 1px solid rgb(100, 100, 100);
  font-size: 60%;
  /*
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  */
  margin-bottom: 2ex;
  margin-left: 1em;
  padding: 0.2ex 0.5em 0.2ex 0.5em;
}
.menu-title {
  color: rgb(100,100,100);
  font-weight: bold;
}
ul.menu-body, ol.menu-body, ul.badge-list {
  list-style: none outside;
  padding: 0;
  margin: 0 0 1ex 0;
}
ul.menu-body:before, ol.menu-body:before, ul.badge-list:before {
  content: attr(title);
  font-weight: bold;
  color: rgb(100, 100, 100);
  display: block;
  margin-bottom: 1.5ex;
}
li.menu-item {
  padding: 0;
  margin: 0;
  color: rgb(150,150,150);
}

.search-box {
  border-bottom: 1px solid rgb(200,200,200);
  padding: 1em 0 1em 0;
  margin: 0 0 2em 0;
}

.search-box p { margin: 1em 0 0 0; }
.search-box input { margin: 0 1em 0 1em; }

.menu-item a {
  margin: 0;
  padding: 0;
}
.menu-more { text-align: right; }
.menu-more a:after { content: "..."; }
.content-body p + ul.inline-metadata {
  margin-top: -1em; /* undo the 1em margin-bottom on .content-body P */
}
ul.inline-metadata {
  clear: both;
  text-align: center;
  border-bottom: 1px solid rgb(200,200,200);
  font-style: normal;
  font-variant: normal;
  list-style: none outside;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul.inline-metadata li {
  display: inline;
  position: relative;
  top: 1.4ex;
  background-color: white;
  font-size: 60%;
  color: rgb(200,200,200);
  padding: 0 0.2em 0 0.2em;
}
ul.inline-tags { 
  display: inline;
  list-style: none outside;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul.inline-tags li {
  position: static;
  font-size: 100%;
  top: 0;
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0.2em;
}
ul.inline-tags li + li:before {
  content: ", ";
}
.footer {
  clear: both;
  text-align: center;
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  border-bottom: 1px solid rgb(150,150,150);
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
}
ul.footer {
  display: block;
}
address {
  display: inline; 
}
ul.footer li {
  display: inline;
  position: relative;
  top: 1.4ex;
  background-color: white;
  padding: 0 0.5em 0 0.5em;
  font-size: 60%;
  color: rgb(150,150,150);
}
.copyright > a { 
  color: rgb(150,150,150);
}
/* .accessibility-link .validation-link unstyled */
/* hcard classes that should be hidden */
.url, .tel {
  display: none;
}
kbd { color: red; }
/* okay, some style rules so that old-style diary entries with quotes
 * look good
 */
.diaryquote:before {
  content: open-quote;
}
.diaryquote:after {
  content: close-quote;
}
.diaryquote {
  text-align: right;
  font-style: italic;
  font-size: 80%;
  color: rgb(150,150,150);
}
.diaryquotesource {
  text-align: right;
  font-style: italic;
  font-size: 80%;
  color: rgb(150,150,150);
}
.diaryquotesource + hr {
  border: 0;
  height: 0;
}
.diaryquote + hr {
  border: 0;
  height: 0;
}

table { 
  width: 100%;
  margin-bottom: 2em;
}
table th {
  text-align: left;
}
table th {
  border-bottom: 1px solid black;
}

blockquote,
q {
  color: rgb(0,150,100);
}
q:before {
  content: '\201c';
}
q:after {
  content: '\201d';
}
blockquote {
  padding-left: 1em;
  margin-left: 0;
  line-height: 1.5;
}
blockquote[cite]:after {
  margin-top: 1em;
  font-size: 80%;
  text-align: right;
  display: block;
  content: attr(cite);
  color: #c0c0c0;
}

/* Pygment styles */
.highlight,
.codehilite {
  padding-left: 1em;
  border-left: 1em solid #c0c0c0;
}

.c { color: #808080 } /* Comment */
.err { color: #F00000; background-color: #F0A0A0 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #303030 } /* Operator */
.cm { color: #808080 } /* Comment.Multiline */
.cp { color: #507090 } /* Comment.Preproc */
.c1 { color: #808080 } /* Comment.Single */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kp { color: #003080; font-weight: bold } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #303090; font-weight: bold } /* Keyword.Type */
.m { color: #6000E0; font-weight: bold } /* Literal.Number */
.s { background-color: #fff0f0 } /* Literal.String */
.na { color: #0000C0 } /* Name.Attribute */
.nb { color: #007020 } /* Name.Builtin */
.nc { color: #B00060; font-weight: bold } /* Name.Class */
.no { color: #003060; font-weight: bold } /* Name.Constant */
.nd { color: #505050; font-weight: bold } /* Name.Decorator */
.ni { color: #800000; font-weight: bold } /* Name.Entity */
.ne { color: #F00000; font-weight: bold } /* Name.Exception */
.nf { color: #0060B0; font-weight: bold } /* Name.Function */
.nl { color: #907000; font-weight: bold } /* Name.Label */
.nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.nt { color: #007000 } /* Name.Tag */
.nv { color: #906030 } /* Name.Variable */
.ow { color: #000000; font-weight: bold } /* Operator.Word */
.mf { color: #6000E0; font-weight: bold } /* Literal.Number.Float */
.mh { color: #005080; font-weight: bold } /* Literal.Number.Hex */
.mi { color: #0000D0; font-weight: bold } /* Literal.Number.Integer */
.mo { color: #4000E0; font-weight: bold } /* Literal.Number.Oct */
.sb { background-color: #fff0f0 } /* Literal.String.Backtick */
.sc { color: #0040D0 } /* Literal.String.Char */
.sd { color: #D04020 } /* Literal.String.Doc */
.s2 { background-color: #fff0f0 } /* Literal.String.Double */
.se { color: #606060; font-weight: bold; background-color: #fff0f0 } /* Literal.String.Escape */
.sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
.si { background-color: #e0e0e0 } /* Literal.String.Interpol */
.sx { color: #D02000; background-color: #fff0f0 } /* Literal.String.Other */
.sr { color: #000000; background-color: #fff0ff } /* Literal.String.Regex */
.s1 { background-color: #fff0f0 } /* Literal.String.Single */
.ss { color: #A06000 } /* Literal.String.Symbol */
.bp { color: #007020 } /* Name.Builtin.Pseudo */
.vc { color: #306090 } /* Name.Variable.Class */
.vg { color: #d07000; font-weight: bold } /* Name.Variable.Global */
.vi { color: #3030B0 } /* Name.Variable.Instance */
.il { color: #0000D0; font-weight: bold } /* Literal.Number.Integer.Long */