body {
  font-size: 85%;
  margin: .5em auto;

  width: 800px;
  border: #ddd solid 0px;

  font-family: Arial, Verdana, Sans-serif;

  /*line-height: 1.2em;*/


/*
  background-color: #0000ff;
  background-image: url("blogNNM/img/header/DSC_3841_850x200_cropped.JPG");
  background-repeat: no-repeat;
  background-position: bottom center;
*/
}

* {
  margin: 0px;
  padding: 0px;
  border: red dotted 0px;
}

h1, h2, h3, h4 {
  margin: .5em 0 .5em 0;
}

h1 {
  font-size: 1.1em;
}

h2 {
  font-size: 1.05em;
}

div {
}

div#menu, div.block, div#content, div#footer {
  /*margin: .6em;*/ /* Use this if body-border is used. */
}

div#middle {
  border: black solid 0px;
}

div#leftSide {
  float: left;
  width: 13em;
}

div#menu, div.block {
  /*border-right: #eee solid 4px;*/
  /*max-width: 180px;*/
}

div#content {
  margin-left: 15em;
}

div#menu {
  font-size: 1em;
  font-weight: bold;
  white-space: nowrap;
  text-transform: uppercase;
}

div.block {
  font-size: .9em;
  border: #ccc solid 0px;
  width: 13em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div#footer {
  border-top: #ddd solid 1px;
  margin-top: 2em;
  color: #aaa;
  font-size: .75em;
  clear: both;
}

.textLeft {
  text-align: left;
}

.floatLeft {
  float: left;
}

.textRight {
  text-align: right;
}

.floatRight {
  float: right;
}

.indent {
  margin-left: 2em;
}

a {
  color: #00c;
  text-decoration: none;
}

a:hover {
  color: #55f;
}

#menu a {
  color: #005;
  /*display: block;*/
  font-weight: bolder;
}

#menu a:hover {
  /*background: #007;*/
  color: #33f;
}

#content img {
  margin: 1em 0 1em 1em;
}

div#menu ul {
  padding-bottom: 1em;
}

div#menu li {
  list-style: none;
}

div#content li {
  list-style: square;
  margin: .4em 2em;
}

p {
  margin: .7em 0 .7em 0;
  /*line-height: 1.2em;*/
}

div.quoteContainer {
  /*width: 15em;*/
  float: left;
  padding: 0 2em 2em 0;
  /*border: 1px #ddd solid;*/
}

/*div#randomQuote*/ div.header {
  font-size: .9em;
  font-weight: bold;
  color: #030;
  text-transform: uppercase;
}

/*div#randomQuote*/ div.quote {
  font-size: .9em;
  color: #000;
}

/*div#randomQuote*/ div.speaker {
  color: #777;
  font-size: .8em;
  text-indent: 1em;
  font-style: italic;
}

.clear {
  clear: both;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

span.email span{
  /*font-family: courier, monospace;*/
  font-size: .75em;
  font-style: italic;
  margin: 0 .5em;
}

blockquote {
  padding: 0 2em;
  color: #050;
}

table {
  margin: 0em 0;
}

th, td {
  padding: 0 1em 0 0;
  text-align: left;
  vertical-align: top;  
}

th {
  font-weight: normal;
  white-space: nowrap;
}

pre {
  font-size: .9em;
}


/* The thoughts page. */
div#thoughts blockquote {
  padding: .5em 2em .5em 2em;  
}

div#thoughts blockquote p {
  margin: 0;  
}

div#thoughts blockquote blockquote {
  color: #777;
  font-size: .8em;
  padding: 0 0 0 1em;  
}

div#thoughts span.date {
  color: #777;
  font-size: .8em;
  font-style: italic;
}





/* The links page. */
div#links .menuContent .menuContent {
  margin-left: 1em;
}

div#links .menu {
  font-weight: bold;
}

div#links .link {
  font-weight: normal;
}

div#links .link a {
}

div#links .menu span.count {
  color: gray;
  font-weight: normal;
  font-size: .8em;
}

div#links span#linksShowAll, div#links span#linksHideAll {
  color: gray;
  font-weight: normal;
  font-size: .8em;
  font-style: italic;
}