/*
  Ems with Percents - CSS-Discuss Community
  http://css-discuss.incutio.com/?page=UsingEms
*/

html {
  font-size:   75%; /* 12px relative to 16px */
  line-height: 18px;
}

html,
button, input, select, textarea {
  font-family: Arial, Helvetica, Verdana, Tahoma, "Bitstream Vera Sans", sans-serif;
}

html {
  color: rgb(79,79,79); /* darkest gray */
  background-color: rgb(0,0,0); /* black */
}

/* Spacing */

figure, header,
p, li, dl dd,
table {
  margin-bottom: 10px;
}

/* Headings */

.h1 { font-size: 22px; line-height: 26px; }
.h2 { font-size: 20px; line-height: 26px; }
.h3 { font-size: 18px; line-height: 22px; }
.h4 { font-size: 16px; line-height: 22px; }
.h5 { font-size: 14px; line-height: 18px; }
.h6 { font-size: 12px; line-height: 18px; }

/* Links */

a:link,
a:visited {
  color: rgb(3,78,66); /* teal */
}

a:focus,
a:hover,
a:active {
  color: black;
}

a.faux-link:link,
a.faux-link:visited,
a.faux-link:focus,
a.faux-link:hover,
a.faux-link:active {
  cursor: default;
  color: rgb(51,51,51); /* darkest gray */
  text-decoration: none;
}

@media print {
  a:link,
  a:visited,
  a:focus,
  a:hover,
  a:active {
    color: black;
    text-decoration: underline;
  }
}

/* Inline */
th,
em {
  font-style: normal;
  font-weight: bold;
}

.user-content em {
  font-style: italic;
  font-weight: normal;
}

strong {
  color: rgb(214,21,5); /* dark red */
}

.entry strong {color:#333;}

.user-content strong {
  color: rgb(51,51,51); /* darkest gray */
}

/* Lists */

.user-content ul { padding-left: 1em; *padding-left: 1.5em; }
.user-content ol { padding-left: 2em; *padding-left: 2.5em; } /* accomodate double digits */

.user-content ul li {
  display: list-item;
  list-style-type: disc;
}

/* Media */

img { display: block; }

figure dd {
  *display: inline; /* for IE 7- */
}

/* Tables */

/*
  Printing Tables
  http://css-discuss.incutio.com/?page=PrintingTables
*/

thead { display: table-header-group; } /* for IE 5.5+ */
tr { page-break-inside: avoid; }

/* Forms */

.js input.input-placeholder {
  color: rgb(102,102,102); /* mid gray */
}

/* for IE, does not inherit color */
legend {
  color: rgb(51,51,51); /* darkest gray */
}
