/*
 * Alastair's Place Main Stylesheet
 *
 * Copyright (c) 2006 Alastair J. Houghton
 *
 */

/* -- Basic Layout -------------------------------------------------------- */

div#page { 
  text-align: left;
  margin: 0px auto;
  width: 817px;
  height: auto;
}

div#head { 
  background-image: url("../img/titlebar.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  width: 817px;
  height: 111px;
}

div#bodyframe {
  position: relative;
  background-image: url("../img/middle.gif");
  background-repeat: repeat-y;
  background-position: top left;
  width: 797px;
  padding: 1px 10px 1px 10px;
}

div#bodycontainer { 
  position: static;
  padding: 1px 1em 1px 1em;
}

div#body {
}

div#foot { 
  background-image: url("../img/bottom.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  width: 817px;
  height: 22px;
}

div#legal { 
  text-align: center;
  margin: 0px auto;
  font-size: x-small;
  line-height: normal;
  color: #999;
  padding: 0px 120px 0px 120px;
}

div#legal a:hover { 
  background-color: #996;
}

/* -- Additional nice boxes ----------------------------------------------- */

div.boxframe { 
  background-image: url("../img/top.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  width: 797px;
  padding: 10px 10px 1px 10px;
}

div.nicebox { 
  background-image: url("../img/middle.gif");
  background-repeat: repeat-y;
  background-position: top left;
  width: 817px;
}

div.boxcontent { 
  position: static;
  padding: 1px 1em 1px 1em;
}

div.foot { 
  background-image: url("../img/bottom.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  width: 817px;
  height: 22px;
}

/* -- Basic Formatting ---------------------------------------------------- */

html { 
  background-color: #6d6d6d;
}

body { 
  background-color: #6d6d6d;
  text-align: center;
  font-family: "Georgia", "Times", serif;
  font-size: 10pt;
  line-height: 150%;
  color: #444;
}

/* IE sets its spacing up stupidly, so fix that here */
p,h1,h2,h3,h4,h5,h6,h7 { 
  margin-bottom: 1.5ex;
  padding: 0;
}
h1,h2,h3,h4,h5,h6,h7 {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  color: #000;
  margin-top: 2ex;
}

h1 {
  font-size: 14pt;
  color: #000;
}
h2 { 
  font-size: 12pt;
}
h3 { 
  font-size: 12pt;
}

h1.date-header { 
  font-family: "Georgia", "Times", serif;
  background-color: #eee;
  font-size: 10pt;
  color: #888;
  border-left: 0.2em solid #888;
  padding-left: 0.5em;
}

a:link {
  text-decoration: none;
  color: #844;
}

a:visited { 
  text-decoration: none;
  color: #633;
}

a:hover { 
  background-color: #ffc;
  border-bottom: 1px dotted #844;
  color: #844;
}

a img { 
  border: none;
}

a.commenter-profile { 
  vertical-align: middle;
}

a.plain { 
  border-bottom: none;
  text-decoration: none;
  color: inherit;
}
a.plain:hover { 
  background-color: inherit;
  color: inherit;
  text-decoration: none;
}
a.plain:visited { 
  background-color: inherit;
  color: inherit;
  text-decoration: none;
}

@media screen { 
  a.external { 
    background: url("../img/external.gif") left center no-repeat;
    padding-left: 16px;
  }
  a.external:hover { 
    background-color: #ffc;
    border-bottom: 1px dotted #844;
    color: #844;
  }
  a.mailto { 
    background: url("../img/mail.gif") left center no-repeat;
    padding-left: 16px;
  }
  a.mailto:hover { 
    background-color: #ffc;
    border-bottom: 1px dotted #844;
    color: #844;
  }
  a.home { 
    background: url("../img/home.gif") left center no-repeat;
    padding-left: 12px;
  }
  a.home:hover { 
    background-color: #ffc;
    border-bottom: 1px dotted #844;
    color: #844;
  }
  a.prev { 
    background: url("../img/left.gif") left center no-repeat;
    padding-left: 12px;
  }
  a.prev:hover { 
    background-color: #ffc;
    border-bottom: 1px dotted #844;
    color: #844;
  }
  a.next { 
    background: url("../img/right.gif") right center no-repeat;
    padding-right: 12px;
  }
  a.next:hover { 
    background-color: #ffc;
    border-bottom: 1px dotted #844;
    color: #844;
  }
}

/* -- Rightbox Layout ----------------------------------------------------- */

body#rightboxlayout div#bodycontainer {
  width: 546px;
}

div#rightboxcontainer {
  float: right;
  width: 200px;
  padding: 20px 10px 1px 10px;
}

div#rightbox { 
  position: static;
  font-size: 80%;
}

div#rightbox h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: bold;
  font-size: x-small;
  margin-bottom: 0px;
}

div.ornament {
  background: url("../img/ornament.gif") center center no-repeat;
  height: 12px;
}

div.hrule {
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  background: url("../img/grey-pixel.gif") repeat-x;
  height: 1px;
  width: 50%;
}

div#rightbox ul { 
  text-align: center;
  margin: 0;
  padding: 0;
  list-style:none;
}

div#rightbox ul li { 
  padding: 0;
  margin: 0;
  padding-left: 4px;
}

/* -- Search Box ---------------------------------------------------------- */

div#srchdiv { 
  text-align: center;
  height: 25px;
}

img#searchleftcap {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
img#searchrightcap { 
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

div#srchdiv label { 
  display: none;
}

div.sbox { 
  position: relative;
  background: url("../img/search-middle.gif") repeat-x left top;
  width: 162px;
  height: 25px;
  margin: 0 auto;
}

input.sbox {
  background: white;
  position: absolute;
  left: 22px;
  right: 12px;
  bottom: 4px;
  height: 14px;
  border: 0;
  padding: 0;
  margin: 0px;
  font-size: 10px;
}

/* -- Entry Formatting ---------------------------------------------------- */

p.entry-footer { 
  text-align: right;
  border-top: 1px solid #888;
  font-size: smaller;
  font-family: "Trebuchet MS", sans-serif;
}

span.post-footers { 
  float: left;
}

/* -- TrackBack Formatting ------------------------------------------------ */

div#trackbacks-info { 
  border: 1px solid #888;
  background-color: #eee;
  padding: 1px 1em 2px 1em;
  font-size: smaller;
  font-family: "Trebuchet MS", sans-serif;
  margin-bottom: 10px;
}

div.trackback { 
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  background-color: #ffe;
  padding: 1px 1em 1px 1em;
  margin-top: 20px;
  margin-bottom: 10px;
}

p.trackback-footer { 
  border-top: 1px solid #888;
  font-size: smaller;
  font-family: "Trebuchet MS", sans-serif;
}

/* -- Comment Formatting -------------------------------------------------- */

div.comment { 
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  background-color: #ffe;
  padding: 1px 1em 1px 1em;
  margin-top: 20px;
  margin-bottom: 10px;
}

div.live-preview { 
  display: none;
}

div.comment-content a { 
  background: url("../img/external.gif") left center no-repeat;
  padding-left: 16px;
}

p.comment-footer { 
  border-top: 1px solid #888;
  font-size: smaller;
  font-family: "Trebuchet MS", sans-serif;
}

/* -- Individual Archive Formatting --------------------------------------- */

p.content-nav { 
  text-align: center;
}

.comments-open label
{ 
  display: block;
}

#comment-author,
#comment-email,
#comment-url
{ 
  width: 480px;
}

#comment-text
{ 
  font-family: "Courier", "Courier New", monospace;
  font-size: 10pt;
  width: 770px;
}

/* -- Tables -------------------------------------------------------------- */

table {
  font-size: 9pt;
  margin-left: 2em;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-align: left;
  padding-left: 0.25em;
  padding-right: 0.25em;
  border-bottom: 1px solid #888;
}

td {
  border-top: 1px solid #ccc;
  vertical-align: top;
  text-align: left;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

td.inner {
  border-top: 1px dotted #ccc;
}

/* -- Email ----------------------------------------------------------------- */

blockquote.email {
  font-family: "Helvetica", "Arial", sans-serif;
  margin-left: 1em;
  margin-right: 0px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  border: 1px solid #eee;
  background-color: #fcfcfc;
}

blockquote.email table.headers {
  margin: 0pt;
}

blockquote.email table.headers tr th {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  border: none;
}

blockquote.email table.headers tr td {
  font-family: "Trebuchet MS", sans-serif;
  border: none;
}

/* -- Source code ----------------------------------------------------------- */

blockquote.code {
  margin-left: 1em;
  margin-right: 0px;
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid #eee;
  background-color: #fcfcfc;
  overflow: auto;
}

pre.sourcecode { 
  font: 10pt Courier, Courier New, monospaced;
  color: #444;
}

pre.sourcecode .keyword { 
  color: #a020f0;
}

pre.sourcecode .comment { 
  color: #bd2222;
}

pre.sourcecode .string { 
  color: #bc8f8f;
}

pre.sourcecode .number { 
  color: #0000ff;
}

pre.sourcecode .preprocessor { 
  color: #da70d6;
}

pre.sourcecode .type { 
  color: #228b22;
}

pre.sourcecode .function { 
  color: #0000ff;
}