/* a very simple css stylesheet */

body { 
 margin: 0;
 padding: 0;

 background: white;
 color: #222;
}

#content p {
/* line-height: 145%; */
}


li { margin-bottom: 0.5em; }

/* for bootstrap nav */
.nav li { margin-bottom: 0; }
.nav-pills li a:visited  { color: #392444; }
.nav-pills li a:link  { 
  color: #392444; 
}
.nav-pills li.active a       { 
  color: #ffffff; 
  background-color: #8d68a2; }
.nav-pills li.active a:hover { background-color: #392444; }


ul li { list-style-type: circle; }

#content { 
 padding: 1em 8% 2em 8%;
}

.desc {
 margin-left: 3em;
 margin-bottom: 2em;

 border-left:   1px solid #ccc;
 border-bottom: 1px solid #ccc;

 padding: 0px 0px 0.7em 1em;
}



#header  {
 margin: 0;
 background: #663;
}

#header p {
 margin:0;
 padding: 0px 20px 2px 10px;
 vertical-align: baseline; 
}

#header a:link,
#header a:visited {
 margin-right: 20px;
 text-decoration: none;
 font-size: 20px;
 color: rgb(221,221,200);
}

#header a:hover {
 color: rgb(241,241,220);
}

h1 {
 color: #663; 
 margin-bottom: 1.7em;
}

h2 {
 color: #551;
}


#notes { 
 margin: 5%; 
 margin-top: 1em;
 margin-bottom: 1em;
 
/* border-top: 1px dashed green; */

 padding-top: 1em;
 padding-bottom: 1em;
}

#footer {
 margin-top: .7em;

 border-top: 1px dotted #999;

 padding-top: 0.5em;
 padding-left:  8%;
 padding-right: 8%;
 padding-bottom: 1em;
 font-size: 90%;
}

#footer,
#footer a,
#footer a:link {
 color: #666;
}

#footer a:visited {
 color: #888;
}

#footer .bright {
 color: #788;
}


/*  entry style: */

div.entry {
 margin-top: 7em;
 margin-bottom: 3em;
 clear: left;
}

body.entry div.entry {
 margin-bottom: 0;
}

.entry p.datetime { 
 color: #666;
 font-size: smaller;
 margin-bottom: 1ex;
}

.entry .entryfooter {
 /*
 clear: both;
 */
 padding: 2px 0 2px 0;
 color: #999;
 text-align: right;
}

ins { color: #933; text-decoration: none; }

.purl,
.purl a,
.purl a:link {
 color: #aaa;
 font-weight: normal;
}

.purl a:visited {
 color: #888;
 font-weight: normal;
}

/* general utility styles */

p.div { 
 text-align: center; 
 margin: 1.2em 0 0.7em 0;
}

.center {
 text-align: center;
}

.textright {
 text-align: right;
}

.clear-left { clear: left; }
.left  { float: left;  }
.right { float: right; }



address {
 font-style: normal;
 font-family: Times New Roman, Times, serif;
}

address a:link, 
address a:visited {
 font-weight: normal;
 text-decoration: none;
}

a.picture {
 float: left;
 margin: 0 .5em 10px 0;
 border: 0;
}

a.picture img { border: 0; }

p.picture img { padding: 1px; border: 1px solid #666; }


/***  headers  ***/

h1.float { float: left;  clear: left; }

.invisible {
 color: #e6e6e6;
 color: rgb(221,221,200);
}

h1.invisible {
 margin-top: 4px;
 margin-bottom: 2em;
}

h1.not-so-invisible {
 color: #666;
}


/***  additional navigation box  ***/

.rightHangBox {
 float: right;
 padding-top: 12px;
 margin: 12px 0 3em 1em;
 width: auto;

 vertical-align: top; 
}

.rightHangBox p {
 margin: 0 0 .5em 0;
 padding: 0;
}

.framedGrayBox {
 background: #f4f4f4;
 border: 1px solid #ccc;
 border-color: rgb(221,221,200);

 padding: .75em 1em .45em 1em;
 font-size: 95%;
}

.unframedBox {
  margin-top: .5em;
  padding: .75em 0 2em 1em;
  text-align: right;
  font-size: 80%;
}


/***  banner  ***/

#header .banner a:link,
#header .banner a:visited { 
 color: #fff;
 text-decoration: none;
}


#header .banner {
 position: absolute;
 top:  18px; 
 right:  8%;
 right: 10px;
 margin:  0;
 padding: 0;
 background: transparent;
 width: auto;
 border:  0; 
 color: #f4f4f4;
 line-height: 100%;
/*
*/
}



img.illustration {
 float: right;
 margin-left: 1em;
 margin-bottom: 5px;
 margin-right: 0px;
 padding: 1px;
 border: 1px solid #ccc;
}

.other {
 margin-left: 4em;
 color: #999;
}

.note {
 color: #999;
 font-style: italic;
}


/***  blog title page: further-listing  ***/

.further-listing li p {
 margin-bottom: 0px;
 margin-top: 0px;
}

.further-listing li {
 margin-bottom: 5px;	
 list-style-type: square;
}

blockquote, .quote {
  font-family: palatino, georgia, times new roman, serif;
}





table.framed {
 border: 1px solid #666;
}

table.framed caption {
 font-style: italic;
}

table.framed tr th {
 font-weight: normal;
 border-bottom: 1px solid #ccc;
}

table.framed tr th,
table.framed tr td {
 margin: 1px;
 padding: 3px;
}


p.crumbs {
 font-size:  80%;
 margin-left: -30px;
 margin-top:  -7px;
 font-variant: small-caps;
}

h1, h2, h3 { 
 font-weight: normal; 
 font-family: Verdana, sans serif;
}

.olderitems p.item { margin-top: 0; margin-bottom: 1ex; }

.olderitems p.year {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em; 
}


.hiread {
 color: #441;

 margin: 0 0 6em 1em;
 padding: 2ex;

 border: 1px solid #663;
 background: #ffd;
}

.hiread big {
 color: #000;
}

div.goad {
 margin-top: 3em;
 margin-bottom: 3em;
}


div.nav {
  clear: both;
  margin-top: 2em;
  margin-left:  1em;
  margin-right: 1em;
  color: #666;
  font-size: 90%;
}

p.purl {
  font-size: 80%;
  text-align: center;
}


p.sep {
  color: #aaa;
  font-size: 80%;
  margin: 2em;
  letter-spacing: 20px;
  clear: both;
}

.commentform {
  clear: both;
}

#talk {
  background: #e4ffe4;
  background: #f4f4f4;
  padding: 2ex 4ex 2ex 4ex;
}

#talk label { 
  font-size: 90%;
}

#talk input, 
#talk textarea { 
  font-size: 110%;
}


.commentform form {
  padding-top:    5ex;
  padding-bottom: 1ex;
}
.commentform h3 {
  margin-top:    .5ex;
  margin-bottom: .5ex;
}


.hangingBox {
  float: right; 
  clear: right; 
  margin: 0px 0 1em 1em;

  padding: 2ex 1em 2ex 2em;
  padding-top:    1ex;
  padding-bottom: 2ex;
  width: 20ex;
  font-size: 90%;
  
  background: white;
}

#delicious-posts-iku h2 {
  margin-top: 3em;
}

#delicious-posts-iku ul li {
  list-style: none;
  margin: 2ex 0 2ex 0;
  padding: 0px;
}

#delicious-posts-iku ul {
  padding: 0;
  margin:  0;
}

#delicious-posts-iku a:link,
#delicious-posts-iku a:visited {
  text-decoration: none;
}


.step {
  margin-left: 4em;
}


.epigraph {
  margin-left: 50%;
}

.foot {
  margin-top: 2.6em;
  font-size: 90%;
  font-style: italic;
}


/****************  comments  ****************/

.comment .body { 
   padding-left: 3em; 
   margin-bottom: 2em;
}

.comment .link { float: left; }
.comment .link a:link {
 text-decoration: none;
 color: #996;
 font-size: 115%; 
}

.comment .sign { 
   font-size: 85%; 
   color: #494;
}

.comment .sign .stamp,
.comment .sign a:link,
.comment .sign a:visited { 
   text-decoration: none; 
   color: #666; 
}

.comment .sign span.poster { 
   font-weight: bold;
}

.comment .sign a.poster{
   font-weight: bold;
   text-decoration: underline; 
   color: #494;
}


/* left and right double quotes, angle, surrounding
   blockquotes in BQ tables */

td.BQaquo {  
 font-size: 200%;
 color: #999; 
 font-family: palatino, georgia, times new roman, serif;
}


.codeblock { margin-left: 3em; font-family: monospace; }
.codeblock pre b { color: #339933; }

blockquote .codeblock { 
/*  overflow: scroll; */
}


p.metadata { margin-top: 2em; font-size: 80%; }