/* css file for html versions of books */

h1, h2, h3, h4, h5, h6 {font-family: sans-serif; text-align:left;}
h1, h2 {clear:both;} /* This clear:both should not apply to, e.g., h1.eg, or else we get goofiness in, e.g., SN10. Cancel this below for stuff like h1.eg; 
                        also, I'm using h5 for all low-level headers, not h1 or h2. */

p {text-align: justify; line-height: 1.6; text-indent: 3em;}

p.noindent {text-align: justify; line-height: 1.6; text-indent: 0;}

p.caption {text-indent: 0; line-height: 1.2; font-family: sans-serif; text-align: justify;}

div.eg , div.egnoheader , div.selfcheck , div.optionaltopic {margin-left: 2ex; background-color: #f3f3f3;  font-family: sans-serif; line-height: 1.2; text-indent: 0; text-align: justify;}
div.eg p {margin-left: 0; background-color: #f3f3f3;  font-family: sans-serif; line-height: 1.2; text-indent: 0; text-align: justify;}

div.eg h5

div.dq {text-indent: 0; font-family: sans-serif; }

div.dq p , div.selfcheck p {text-indent: 0; font-family: sans-serif; }

div.indentedblock , div.epigraph , div.hwremark {margin-left: 2ex; text-indent: 0; text-align: justify;}

div.dialogline {margin-left: 2ex; font-family: sans-serif; line-height: 1.2; text-indent: 0; text-align: justify;}

div.important     {margin-left: 2ex; background-color: #f3f3f3;  text-indent: 0; text-align: justify;}
div.lessimportant {margin-left: 2ex; text-indent: 0; text-align: justify;}

h5.important     {font-weight: bold; font-size: 14px; clear:none;}
h5.lessimportant {font-style: italic; font-size: 14px; clear:none;}
h5.dq , h5.eg , h5.optionaltopic , h5.selfcheck  {font-style: italic; font-size: 14px; font-weight: normal; clear:none;}
h5.summary , h1.hwsection {font-size: 20px; font-weight: normal;}
h5.summarytext  {font-size: 18px; font-weight: normal;}

div.topstuff p {text-indent: 0; line-height: 1.2;}

span.monospace {
  font-family:monospace;
} 

/* 500 + 35 + 227 */
/* In the following, the html>body part is a hack to work around poor CSS support in IE 6 and earlier. In IE 6,
   the figures on the right get chopped off. Since IE only started recognizing child selectors with version 7,
   earlier versions of IE will ignore the rules for div.margin given here. */
html>body div.margin {
  float:right;
  margin-right: -262px;
  margin-left: 20px;
  text-align: justify;
  width: 227px;
}

div.container {
  width: 500px;
  text-align: justify;
}

div.equation {
  margin-left: 3em;
}

/* The following is for tables generated by tex4ht. */
table.tabular td {padding-left: 2mm; padding-right: 2mm;}
table.tabular td p {text-align:left;}
table.tabular tr.hline td {padding: 0mm; } /* tex4ht generates separate rows for hlines, and those shouldn't have padding */
table { border-collapse: collapse; }