/* For starters, the style of this stylesheet
   was originally based on the standard default nanoc 
   project stylesheet.

   But then it went through various changes as I 
   - added features & formats.
   - converted to a much more responsive design
     for e.g. narrow & small view windows / displays.
     (The original design was largely fixed-width,
      which I don't really like.)

   Copyright 2013, 2015 by Chris Niswander and all that.
*/

* {
  margin: 0;
  padding: 0;

  font-family: Georgia, Palatino, Times, 'Times New Roman', sans-serif;
}

body {
  background-color: #fff;
}

/* Gives me opportunities to experiment. :-) */
#outer_container: {
  
  
}

p, h1, h2, h3, h4, h5, li, td { 
  color: #222;
}

h2, h3, h4, h5 { 
  margin: 1em 0 1em -1em;
}

h3 {
  font-style: italic;
  
}



hr { margin: 1em 0 1em 0; }

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #f30;
}

a:hover {
  color: #f90;
}


#top {



  margin: 0;

  width: 100%;
  
  background-color: #ddd;
}

#top p {
  margin: 0 0;
  padding: 20px 20px 20px 20px;

  font-size: 20px;

  

  text-align: center;
  color: #444;
}

#filling, #main, #sidebar {
  background-color: #fff;
}

/* The div between #top and #bottom divs, as in a sandwich. */
#filling {
  
  
}

#main {
 
  float: right;
  clear: both;
  display: inline-block;
 
  margin: 0 0 0 0;
  padding: 40px;

  /* width: 500px; */
  /* max-width: 500px; */
  <#% display: block; %>
}

#main h1, #post h1 {
  font-size: 40px;
  font-weight: normal;

  
  line-height: 50px;

  letter-spacing: -1px;
}

#main p, #post p {
  margin: 20px 0px;

  font-size: 15px;

  line-height: 20px;
}

#main ul, #main ol {
  margin: 20px;
}


#main ul ul, #main ol ol, #main ul ul, #main ol ol, #main ul ol {
  margin-top: 0;
  margin-bottom: 0;
}


#main li {
  font-size: 15px;

  line-height: 20px;
}

#main ul li {
  list-style-type: square;
}


#main ol li {
  list-style-type: decimal;
}

.prefer_center_align p {
	text-align: center;
}

.prefer_center_align iframe {
	text-align: center;
}

/* Not currently used. */
iframe {
	width: 100%;
	min-height: 320px;
	margin: .8em 0 .8em 0;
}

.prefer_center_align a img, img.prefer_center_align {
	width: 99%;
	min-height: 320px;
	margin: 0.5%;
	/* margin: .8em 1px .8em 1px; */
	/* border-width: 20px; */
	border-color: blue;
}

/* A kludge to handle ul in content/web-design-examples.html  ... well, I checked that it works in FF. :-) 
   In reality this adequately meets responsiv-bilities in a wide variety of clients.  :-) 
*/
div.no_extra_topmargin, .no_extra_topmargin div, .no_extra_topmargin ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

a.force_visible_link_border {
	border-width: 1px;
	border-color: blue;
}


pre {
  background-color: #e0e0e0;
  border: 1px solid #c0c0c0;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  font-size: 80%;
}
pre .caps {
  font-family: "Courier New", Courier, monospace;
}




blockquote {
  margin: 1em 1em 1em 1em;
  padding: .5em 1em .5em 1em;
  background-color: #ddd;
}


/* Tables (copied from cn.com.1 project)
 * --------------------------------------------------------------------- */
table {
  border-top:     1px solid #ddd;
  border-left:    1px solid #ddd;
  border-spacing: 0;
}
th,td {
  border-bottom:  1px solid #ddd;
  border-right:   1px solid #ddd;
  padding: 6px;
  font-size: 15px;
}
/* ---------------------------------------------------------------- */

#sidebar {
  
  
  
 
  margin: 0 0 0 0;

  width: 200px;
  
  display: inline-block;

  padding: 20px 20px 0 0;

  border-right: 1px solid #ddd;

  text-align: right;
}

@media only screen and (min-width: 520px) {
  #main { max-width: 500px; }
} /* @media only screen and (min-width: ... */

@media only screen and (min-width: 820px) {
  #top { min-width: 820px; }
  #filling { width: 820px; }
  #main { float: right; }
  #sidebar {  }
} /* @media only screen and (min-width: ... */

#sidebar h2 {
  text-transform: uppercase;

  font-size: 13px;

  color: #333;

  letter-spacing: 1px;

  line-height: 20px;
}

#sidebar ul {
  list-style-type: none;

  margin: 20px 0;
}

#sidebar li {
  font-size: 14px;

  line-height: 20px;
}

#sidebar ul ul {
  list-style-type: none;
  margin: 0 6px 0 0;
  padding-right: 6px;
  border-right: 1px dotted #f30;
}
#sidebar li li {
  font-size: 12px;
  line-height: 18px;
}

#bottom {
  clear: both; 
  
  

  width: 100%;
  

  background-color: #ddd;

}

#bottom p {
  margin: 0 0 0 0;
  padding: 20px 20px 20px 20px;

  font-size: 12px;

  

  text-align: center;
  color: #444;
  text-shadow: 0px 1px 0px #fff;
}

.book_title {
  text-decoration: underline;
}

.nobr-class { white-space: nowrap; }

/* Bloggy stuff ... is all removed for now. */