#navbar-iframe-container {
  display: none;
}
body {
  background-color: #d6d6d6;
  margin: 0;
  padding: 0;
  font-family: bitstream vera sans, helvetica, verdana, sans-serif;
}

a, a code {
  color: #66f;
}

a:hover {
  color: #03f;
}

a:visited, a:visited code {
  color: #939;
}

form, div, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

center {
  margin: 1em;
}

h1, h2, h3, h4, h5, h6 {
  color: #990033;
  font-family: Trebuchet MS, helvetica, verdana, sans-serif;
  font-weight: bold;
}

h2, h3, h4, h5, h6 {
  margin-top: 1ex;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
  margin-top: 0;
  padding-top: 0;
}

p {
  margin-bottom: 0;
  padding-bottom: 0;
}

small {
  color: #666;
}

blockquote {
  border: solid 3px #d6f1ff;
  padding: 1em;
  margin: 1em;
  font-size: 90%;
  font-style: italic;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

blockquote cite:before {
  content: "- "
}

blockquote cite {
  margin-top: .25em;
  display: block;
  text-align: right;
}

blockquote a {
  text-decoration: none;
}

blockquote a:hover {
  text-decoration: underline;
}

code, pre {
  color: #4f4f6f;
  font-weight: 500;
}

code b, pre b{
  color: #f96;
}

code, pre, .code {
  font-weight: normal;
  font-family: Bitstream Vera Sans Mono, Lucida Mono, monospace;
}

pre.code, pre.figure {
  -moz-border-radius: .3em .3em .3em .3em;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  background-color: #eae9e8;
  white-space: pre;
  padding: .5em;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

pre.code var, code var {
  font-family: Utopia, serif;
  font-weight: bold;
  font-style: italic;
  color: #4f4f7f;
}

pre.figure {
  font-weight: normal;
  display: table;
  margin: auto;
  color: black;
}

.header {
  background-color: #370D86;
  border-bottom: 1px solid #000033;
  background-repeat: repeat-x;
  background-image: url('http://xenomachina.com/xm-top-plasma.png');
  height: 85px;
}

.header h1 {
  margin: 0;
  padding: 0;
}
.header h1 a {
  color: #ffffff;
  font-size: 32px;
  margin: 0;
  padding: 0;
}

.header h1 a img {
  width: 467px;
  height: 76px;
  border: none;
  margin: 0;
  margin-bottom: 1px;
  padding: 1px;
}

.main {
  background-color: #ffffff;
}

.sidebar {
  font-size: 75%;
  width: 200px;
  float: right;
  margin: 0px;
}

.sidebar .section {
  background-image: url("http://xenomachina.com/images/section-gradient.png");
  background-repeat: repeat-x;
  width: 200px;
  line-height: normal;
  text-align: left;
  border-color: #007;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  background-color: #fff;
  padding: 0 0 2px 0;
  margin-top: 3px;
  overflow: hidden;
}

.sidebar .section h2 {
  line-height: 1;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #370D86;
  padding:4px;
  margin-bottom: 2px;
}

.sidebar ul {
  list-style: square;
  color: #338287;
  margin: 0;
  padding-left: 1.5em;
}

.sidebar li span {
  color: #000;
}

.sidebar a {
  color: #006;
  text-decoration: none;
}

.sidebar a:hover {
  color: #00f;
  text-decoration: underline;
}

.sidebar form {
  padding-left: 4px;
  padding-right: 4px;
}

form#search {
  display: block;
  width: 100%;
  text-align: center;
}

#search input {
  display: block;
  width: 96%;
  text-align: center;
}

.sidebar #disclaimer {
  text-align: center;
  font-size: 80%;
  color: #888;
  margin: 1ex;
}

.posts {
  margin: 0;
  padding: 1em;
  margin-right: 204px;
  max-width: 50em;
}

.day {
}

.day + .day {
  margin-top: 2em;
}

.day h3, .itemCommentList h3 {
  color: #990033;
}

.item h4 {
  display: none;
}

.item, .itemComment {
  margin-left: 1em;
  line-height: normal;
}

.itemBacklinkTitle {
  font-style: italic;
}

.item + .item {
  margin-top: 1em;
}

.item .body {
}

.itemControls {
  margin-top: 4px;
  font-size: 75%;
  color: #7f7f7f;
  clear: left;
}

a.permalink {
  color: #663399;
  text-decoration: none;
}

a.permalink:hover {
  color: #0000ff;
}

a.permalink:visited {
  color: #330066;
}

.footer {
  border-top: 1px solid #000070;
  border-bottom: 1px solid #000070;
  clear: both;
  background-color: #370D86;
  background-image: url("http://xenomachina.com/xm-bottom-plasma.png");
  background-repeat: repeat-x;
  height: 36px;
}

.footer #copyright {
  padding-top: 1em;
  text-align: center;
  color: #000070;
  font-size: 75%;
}

.footer #bloggerbutton img {
  float: right;
  border: none;
  margin: 3px;
}

.itemCommentList,
.itemBacklinkList {
  margin-top: 2em;
  padding: 8px;
}

.itemCommentListControls a,
.itemBacklinkListControls a {
  font-size: 85%;
  font-weight: normal;
  margin-top: 1em;
  border: 2px outset #d6d6d6;
  background-color: #d6d6d6;
  display: table;
  padding: 4px 1em 4px 1em;
  text-decoration: none;
  color: #336;
  float: right;
}

.itemCommentListControls a:active,
.itemBacklinkListControls a:active {
  border: 2px inset #d6d6d6;
}


.itemComment {
  background-image: url("xm-opencomment.png");
}


.itemBacklink {
  background-image: url("xm-openbacklink.png");
}

.itemComment,
.itemBacklink {
  margin: 1em;
  padding-top: 8px;
  padding-left: 32px;
  background-repeat: no-repeat;
  color: #336;
}


.itemCommentBody,
.itemBacklinkSnippet {
  margin-left: 0;
  font-style: italic;
}

.itemCommentByline,
.itemBacklinkByline {
  font-variant: small-caps;
  line-height: 1;
  text-align: right;
  font-size: 85%;
  font-weight: normal;
  padding:4px;
  margin-bottom: 2px;
}

.itemCommentByline, .itemCommentByline a,
.itemBacklinkByline, .itemBacklinkByline a {
  color: #999;
}

.itemCommentByline a,
.itemBacklinkByline a {
  text-decoration: none;
}

.itemCommentByline a:hover,
.itemBacklinkByline a:hover {
  text-decoration: underline;
  color: #66f;
}

.itemCommentControls,
.itemBacklinkControls {
  color: #990033;
}

.itemCommentControls a, .itemCommentControls a:hover,
.itemBacklinkControls a, .itemBacklinkControls a:hover {
  text-decoration: none;
}

.delete-comment-icon {
  float: right;
  width: 16px;
  height: 16px;
  font-size: 16px;
  background-image: url("xm-delete.png");
  background-repeat: no-repeat;
  margin-left: 1ex;
}

/* This is to make sure that the main div is at least as tall as the
 * sidebar. This seems pretty ugly to me. If you know of a better
 * way to do this, please let me know.
 */
#hack {
  clear: both;
  height: 3px;
}

ul li + li {
  margin-top: 1em;
}

#linkblog h3,
#linkblog div.f {
  display: none;
}

.item a img {
  margin: 1ex;
  border: 1px solid #6699ff;
}

.item a img[border] {
  border: none;
}

dd + dt {
  margin-top: 1em;
}

.atsign:before {
  color: #000;
  font-size:2000%;
  content: "@";
}

.atsign {
  font-size: 5%;
}

body.thumbnail_gallery h1,
body.photo h1 {
  color: black;
}

body.thumbnail_gallery .footer,
body.photo .footer {
  margin-top: 3ex;
}

.photopanel {
  background-color: #fff;
  border: 1px solid #000;
  margin: auto;
  padding: 3ex;
  max-width: 532px;
  margin-top: 3ex;
  text-align: center;
}

.photopanel .photo {
  vertical-align: center;
  height: 508px;
  width: 508px;
}

.photopanel img {
  border: 1px solid #888;
  margin:2px; padding:0; vertical-align: bottom;
}

.photopanel a:hover img {
  border: 1px solid #44f;
}

.controls a, .controls a:visited {
  text-decoration: none;
  font-weight: bold;
  margin: auto;
  color: #407;
}

.photopanel h1 {
  height: 2em;
}

.controls a:hover {
  color: #cc8;
}

.photopanel .description {
  width: 508px;
  border: 1px inset;
  background-color: #ffd;
  margin-top: 1ex;
  padding: 1ex;
}

img.favicon {
    width: 16px;
    height: 16px;
}