/* SCSS */
$corp-color: #a25678;
$base-font-color: inherit;
$container-width: 660px;

body {
  max-width: $container-width;
  font-family: sans-serif;
  color: $base-font-color;
  line-height: inherit;
}

h1 {
   font-size:1em;
   line-height: 120%;
   padding: 0;
   font-weight: bold;
   margin-bottom: 0.4em;
}

h2 {
  display: inline-block;
  min-width: 300px;
  padding-right: 100px;
  font-size:1em;
  font-weight: bold;
  padding-bottom: 0.2em;
  margin-top: 5px;
  margin-left: 0;
  margin-bottom: 0.4em;
  border-bottom: solid 2px $corp-color;
}

h3 {
  display: inline-block;
  min-width: 300px;
  font-size:1em;
  padding-bottom: 0.2em;
  border-bottom: solid 2px #ddd;
  margin-bottom: 0.4em;
  margin-top: 0;
  margin-left: 0;
}

h4, h5, h6 {
   font-size: 1em;
   padding-left: 0;
}

p {
  padding: 0.5em 8px;
  margin: 0 2px;
}

a:visited {
   color: rgb(50%, 0%, 50%);
}

pre, img {
   max-width: 100%;
}
img {
   display: block;
   margin: 10px auto;
}

/* Code */

tt, code, pre {
   font-family: 'DejaVu Sans Mono', 'Droid Sans Mono', 'Lucida Console', Consolas, Monaco, monospace;
}

pre {
  font-size: 13px;
  overflow-x: auto;
  margin: 15px 10px;
  padding: 5px;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #F5F5F5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
   display: block;
   padding: 0 8px;
}

/* table */

table {
   border-collapse: collapse;
   margin: 0.4em auto 0.4em 0.2em;
}

th, td {
    border: solid 1px;
    padding: 7px;
}

/* lists */

ul, ol {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left: 10px;
}

li {
   line-height: 150%;
   padding: 0;
   margin: 0;
}


/* Other styles */
blockquote {
   color:#666666;
   border-left: 0.5em #EEE solid;
   padding: 7px;
   margin: 10px 2em;
}

blockquote p {
   font-size: 1.1em;
   font-style: italic;
   font-size: 14px;
   padding: 0;
   margin: 0;
}

hr {
   height: 0px;
   border-bottom: none;
   border-top-width: thin;
   border-top-style: dotted;
   border-top-color: #999999;
}

.math {
  text-align: center;
}

* > :first-child { margin-top: 0 !important; }
