/**
 * @file
 * Typography styles.
 */

/* General */

body,
input,
textarea,
select {
  font-family: Arial, sans-serif;
  line-height: 1.4;
  font-size: 100%;
}

#page {
  font-size: 75%;
}

em, i {
  font-style: italic;
}

strong, b,
label {
  font-weight: bold;
}

p {
  margin-bottom: 1.5em;
}

a {
  text-decoration: none;
}

address {
  font-style: normal;
  margin-bottom: 1.5em;
}

blockquote {
  margin-bottom: 1.5em;
  padding-left: 20px;
  font-style: italic;
  border-left: 5px solid #E6E6E6;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.1;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.6em;
}

h2.block-title {
  font-size: 1.2em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1.2em;
  font-weight: bold;
}

/* Lists */

ul, ol,
.item-list ul {
  padding-left: 20px;
  margin-bottom: 1.5em;
}

ul.inline,
ul.tabs {
  padding-left: 0;
}

ul ul,
ol ol {
  margin-bottom: 0;
}

li,
.item-list ul li,
ul.menu li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

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

ul li {
  list-style-type: disc;
}

ul.vertical-tabs-list li {
  list-style-type: none;
}

/* Tables */

table {
  width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
}

th, td {
  padding: 5px 10px;
}

thead {
  background-color: #777;
  color: #fff;
}

thead th {
  border-bottom: none;
}

/* Code */

code, pre {
  font-family: Monaco, "Lucida Console", monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  margin-bottom: 1.5em;
}