/*------------------------------------------------------------------------------
  main.css - Formatting for all documents

  Brian B. McGuinness
------------------------------------------------------------------------------*/
a {
  font-weight:     bold;
  text-decoration: none;
}

code {
  font-size: 105%;
}

dd {
  margin-bottom: 1ex;
}

h1 {
  font-size: 200%;
  margin-top: 2ch;
  margin-bottom: 1ch;
}

h2 {
  font-size: 170%;
  margin-top: 2ch;
  margin-bottom: 1ch;
}

h3 {
  font-size: 150%;
  margin-top: 2ch;
  margin-bottom: 1ch;
}

h4 {
  font-size: 135%;
  margin-top: 2ch;
  margin-bottom: 1ch;
}

h5 {
  font-size: 125%;
  margin-top: 2ch;
  margin-bottom: 1ch;
}

h6 {
  font-size: 115%;
  margin-top: 2ch;
  margin-bottom: 1ch;
}

input {
  margin: 0.5ex;
}

label.left {
  padding-right: 1ex;
}

/* Set the 'quotes' property on Q elements according to the language of the parent */
:lang(en)>q    { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(en-us)>q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(en-gb)>q { quotes: "\2018" "\2019" "\201c" "\201d"; }
:lang(fr)>q    { quotes: '&laquo; ' ' &raquo;'; }
:lang(de)>q    { quotes: '&raquo;' '&laquo;' '\2039' '\203A'; }

li.spaced, ul.spaced li {
  margin-top: 1ex;
  margin-bottom: 1ex;
}

select {
  margin-top: 1ex;
}

table.centering td {
  text-align: center;
}

table.lefthdr th {
  text-align: left;
}

td, th {
  padding-left:  1ex;
  padding-right: 1ex;
}

td.center {
  text-align: center;
}

td.right {
  text-align: right;
}

th.lefthdr {
  text-align: left;
}

tr.separator > td {
  font-weight: bold;
}

table.smallprint td, table.smallprint th {
  font-size: 80%;
}

.footnote {
  font-size: 0.75em;
}

.sidenote {
  font-size: small;
}

.transparent {  /* as per Chris Coyier, 2011 */
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.centered {
  text-align: center;
}

article.centered, div.centered, section.centered, table.centered {
  display:      table;
  margin-left:  auto;        
  margin-right: auto;
  text-align:   inherit;
}

/* ----- */

.indent {
  padding-left: 2em;
}

/* Left and right float boxes */

div.left {
  float: left;
  margin: 1ex 2em 1ex 0;
}

div.leftbox {
  float: left;
  font-size: small;
  margin: 1ex 2em 1ex 0;
}

div.right {
  float: right;
  margin: 1ex 0 1ex 2em;
}

div.rightbox {
  float: right;
  font-size: small;
  margin: 1ex 0 1ex 2em;
}

div.rightlistbox {
  float: right;
  font-size: small;
  border:  solid 1px;
  margin:  1ex 0 1ex 2em;
  padding: 0.5ex 1em 0.5ex 1ex;
}

/* Note boxes */

.notebox {
  border:  solid 1px;
  display: table;
  padding: 0 1em;
}

.warningbox {
  border:  solid 1px;
  display: table;
  padding: 0 1em;
}


