/* Screen layout stylesheet
   Copyright 2003- Laura Frasca */

html,body {
  margin: 0;
  padding: 0;
}

/* top title banner */
div#banner, div#banner-pop {
  /* padding: .5em;
  padding-left: 1em; */
  padding: 5px;
  padding-left: 15px;
  border-bottom-style: solid;
  border-bottom-width: 2px; }
div#banner a, div#banner a:link, div#banner a:visited, div#banner a:active, div#banner a:hover,
div#banner-pop a, div#banner-pop a:link, div#banner-pop a:visited, div#banner-pop a:active, div#banner-pop a:hover {
  text-decoration: none; }
div#banner h1, div#banner-pop h1 {
  margin: 0;
  padding: 0;
  text-transform: lowercase; }
div#banner h1 {
  font-size: 30px; }
div#banner-pop h1 {
  font-size: 1.25em; }
div#banner p { /* blog description */
  margin: 0;
  padding: 0;
  text-indent: 0;
  font-size: 15px; }

/* navigation menu on archive pages */
ul#menu {
  margin: 0px;
  padding: 2px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: center;
  font-size: 15px; }
ul#menu li {
  display: inline; }
ul#menu li#prev:before {
  content: "\00AB \0020"; }
ul#menu li#next:after {
  content: "\0020 \00BB"; }
ul#menu li#prev:after, ul#menu li#next:before {
  content: "\0020 \007C \0020"; }

/* blog-content goes in wide column on right */
div#content {
  margin-left:11em; }

/* fix position of first text box */
div#content div:first-child {
  margin-top: 23px; }

/* content on first page, container on others */
/* each entry gets its own white box */
div#container, div.container, div.blogentry {
  padding: .5em;
  margin: 1em;
  border-style: solid;
  border-width: 1px;
  max-width: 40em; }
div#container h2, div.container h2, div.blogentry h2 {
  font-size: 1.25em; }
/* title and date level, left and right at the top of the box */
div.blogentry h2 {
  float: left;
  max-width: 66%;
  margin: 0px;
  margin-bottom: .5em;
  padding: 0px; }
div.blogentry h2 a {
  text-decoration: none; }
div.blogentry div.date {
  float: right;
  font-size: 1.25em; }

div.entrybody {
  clear: both; /* don't want this sliding up */ }
div.entrybody div.update {
	margin-top: .5em;
	margin-bottom: .5em;
}
div.container > p, div.entrybody > p, div.entrybody div.update p {
  text-indent: 1.5em;
  text-align: justify;
  line-height: 150%;
  margin-top: .5em;
  margin-bottom: .5em; }
div.container > p.noindent, div.entrybody > p.noindent {
  text-indent: 0; }
/* "Read more of..." (extended entry) -- now moved to div.morelink */
/*p.extended {
  text-indent: 0;
} */

div.entrybody div.update {
  border-style: dashed;
  border-width: 1px;
  margin-left: .5em;
  margin-right: .5em;
  padding-left: .5em;
  padding-right: .5em;
}
div.entrybody div.update h3 {
  font-size: 1em;
  padding: 0;
  margin: 0;
}
div.entrybody div.update p {
  line-height: 100%;
}

div.morelink p {
  width: 100%;
  text-align: center;
}
div.morelink a {
  font-weight: bold;
}

div.entrybody pre {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin-left: .5em;
  margin-right: .5em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .9em;
}

blockquote {
  margin-left: 3em;
  margin-right: 3em;
  font-size: .9em; }
blockquote p {
  clear: both;
  text-align: justify;
  margin-top: .5em;
  margin-bottom: .5em; }
blockquote.monospace, p.monospace {
  text-align: left;
}
blockquote.dialogue p {
  margin-left: .5em;
  text-indent: -.5em; }

p.citation {
  margin-left: 1em;
  text-indent: -1em; }

dd p { text-align: justify; }

dl.interview dt {
  min-height: 19px; /* img-height */
  padding-left: 18px; /* img-height + 3 */
  padding-top: 0px;
  vertical-align: middle;
  background: url("/images/q.png") no-repeat top left;
  margin-left: 0em; }

dl.interview dd {
  min-height: 15px; /* img-height */
  padding-left: 17px; /* img-height + 3 */
  padding-top: 0px;
  vertical-align: middle;
  background: url("/images/a.png") no-repeat top left;
  margin-left: 1.5em; }

ul.posted { /* "posted at..." */
  font-family: "dejavu sans", verdana, arial, sans-serif; 
  font-size: smaller;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 1em;
  list-style: none;
  clear: both; }
ul.posted:before {
  content: "\005B \0020"; }
ul.posted:after {
  content: "\0020 \005D"; }
ul.posted li, ul.post-categories li {
  display: inline; }
ul.posted li:before {
  content: "\007C \0020"; }
ul.posted li:first-child:before {
  content: ""; }
ul.post-categories li:before {
  content: ", \0020"; }
ul.post-categories li:first-child:before {
  content: ""; }

/* comments */
div.comments-body {
  border-style: solid;
  border-width: 1px;
  border-left-style: solid;
  border-left-width: 3px;
  margin-top: .5em;
  padding: .5em; }
div.comments-body h3 {
  font-size: 1em;
  padding: 0;
  margin: 0; }
div.comments-body p, div.comments-body li {
  font-size: .8em;
  line-height: 140%;  }
div.comments-body p p, div.comments-body li li, div.comments-body li p, div.comments-body p li {
  font-size: 100%; } /* don't want the font size decreased twice if p's or li's are nested! */
div.comments-body ul.posted { /* posted [at]... */
  font-size: .7em;
  text-align: right;
  margin-bottom: .5em; }

div.commentformhead {
  width:180px;
  padding-right:15px;
  margin-right:15px;
  padding-bottom: 3em;
  float:left;
  text-align:left;
  border-right-width:1px;
  border-right-style: dotted; }

/* left sidebar */
div#links {
  position: absolute;
  /* top: 5.75em; */
  /* top: 100px; */
  top: 93px;
  left: 0.5em;
/*  width: 10.5em; */
  width: 10.2em;
  padding: 2px; }
div#links h4 {
  margin-top: .5em;
  margin-bottom: 0; }
div#links h4:first-child {
  margin-top: 0;
  margin-bottom: 0; }
div#links h4.search a {
  cursor: help;
  text-decoration: none; }
div#links ul, div#links div, div#links table {
  font-family: "dejavu sans", verdana, arial, sans-serif;
  font-size: smaller;
  margin-top: 0; }
div#links ul {
  list-style-type: none;
  text-indent: -.5em;
  padding-left: .5em;
  margin-left: 0; }
div#links ul ul {
  font-size: 100%;
}

/* search box in left sidebar */
div#links input {
  max-width: 10.5em;
}
div#links input#search {
  width: 10.5em;
}

/* XML Friends Network label */
a[rel~="friend"],a[rel~="acquaintance"],a[rel~="contact"],
 a[rel~="met"],
 a[rel~="co-worker"],a[rel~="colleague"],
 a[rel~="co-resident"],a[rel~="neighbor"],
 a[rel~="child"],a[rel~="parent"],a[rel~="sibling"],a[rel~="spouse"],a[rel~="kin"],
 a[rel~="muse"],a[rel~="crush"],a[rel~="date"],a[rel~="sweetheart"],
 a[rel~="me"] {
/* a[rel] { */
  background: url("/images/xfn-mini.gif") no-repeat bottom right;
  padding-right: 26px;
  min-height: 11px;
}

/* Calendar tables */
table.calendar-year {
  margin-left: auto;
  margin-right: auto;
}
table.calendar-year > tr > td {
  padding: .75em;
  margin: 0em;
  vertical-align: top;
}
table.calendar-year > caption {
  font-size: 1.25em;
  font-weight: bold;
}
table.calendar caption {
  font-weight: bold;
}
table.calendar td {
  width: 1.3em;
  padding: 0;
  margin: 1px;
  text-align: center;
  vertical-align: middle;
}
table.calendar td.ifentries {
  font-weight: bold;
}

div#links img {
  border: 0; }
div#links li img {
  padding-top: 2px; }

/* spell-check */
table.spelling td {
  padding: 1px;
  margin: 1px; }

div#footer {
  clear: both; }

div#footer p {
  padding: 3px;
  margin: 0;
  text-align: center; }