/* bits.scss */
/* special Luxi font */
@font-face {
  font-family: 'LuxiSerifRegular';
  src: url("../fonts/luxirr-webfont.eot");
  src: url("../fonts/luxirr-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/luxirr-webfont.woff") format("woff"), url("../fonts/luxirr-webfont.ttf") format("truetype"), url("../fonts/luxirr-webfont.svg#LuxiSerifRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LuxiSerifOblique';
  src: url("../fonts/luxirri-webfont.eot");
  src: url("../fonts/luxirri-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/luxirri-webfont.woff") format("woff"), url("../fonts/luxirri-webfont.ttf") format("truetype"), url("../fonts/luxirri-webfont.svg#LuxiSerifOblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LuxiSerifBold';
  src: url("../fonts/luxirb-webfont.eot");
  src: url("../fonts/luxirb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/luxirb-webfont.woff") format("woff"), url("../fonts/luxirb-webfont.ttf") format("truetype"), url("../fonts/luxirb-webfont.svg#LuxiSerifBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'LuxiSerifBoldOblique';
  src: url("../fonts/luxirbi-webfont.eot");
  src: url("../fonts/luxirbi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/luxirbi-webfont.woff") format("woff"), url("../fonts/luxirbi-webfont.ttf") format("truetype"), url("../fonts/luxirbi-webfont.svg#LuxiSerifBoldOblique") format("svg");
  font-weight: normal;
  font-style: normal; }

/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */
/* BASE TYPOGRPHY */
body {
  font-size: 1em;
  line-height: 1.618em;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  /* this removes the underline from all links */ }
  body a {
    text-decoration: none; }

/* HEADERS */
.typography {
    overflow: hidden;
  /* PARAGRAGHS */ }
  .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    font-family: "LuxiSerifRegular", Georgia, "Times New Roman", Times, serif;
    /* This references one of the custom @font-face fonts - the other fonts that are referenced are fallbacks for browsers that don't support @fontface */
    font-weight: normal;
    margin-bottom: 0.809em;
    line-height: 1em;
    color: #43650c; }
  .typography h1 {
    font-size: 4.236em;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px; }
  .typography h2 {
    font-size: 2.618em;
    margin-bottom: 15px; }
  .typography h3 {
    font-size: 1.618em;
    margin-bottom: 10px; }
  .typography h4 {
    font-size: 1em;
    margin-bottom: 5px; }
  .typography h5 {
    font-size: 1em;
    margin-bottom: 5px; }
  .typography h6 {
    font-size: 0.618em;
    font-weight: bold;
    margin-bottom: 5px; }
  .typography p, .typography ul, .typography ol, .typography dl, .typography blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin: 0 0 1.618em;
    max-width: 30em;
    /* optimal width for long-form text */ }
  .typography .intro {
    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px; }
  .typography b, .typography strong {
    font-weight: bold; }
  .typography i, .typography em {
    font-style: italic; }
  .typography small {
    font-size: 80%; }

::selection,
::-moz-selection {
  /* Applies style to highlighted portion of a page */
  background: #b80000;
  color: #fff;
  text-shadow: none; }

/* LINKS */
a:-webkit-any-link {
  color: -webkit-link; }

.typography a, .typography a:visited {
  outline: none;
  color: #619212;
  text-decoration: none; }
.typography a:hover {
  text-decoration: underline;
  outline: none; }
.typography a:focus {
  outline: none; }

/* LIST STYLES
-------------------------------------------- */
.typography ul {
  list-style-type: disc;
  margin-left: 1.618em; }
.typography ol {
  list-style-type: decimal;
  margin-left: 1.618em; }

/* TABLE STYLES
-------------------------------------------- */
.typography table {
  border-collapse: collapse;
  /* borders are collapsed into a single border when possible */
  border: 1px solid #d4d4d4;
  border-spacing: 0;
  /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
  margin: 0 0 10px;
  text-align: left; }

.typography table tr:nth-child(even) {
  background-color: #ededed; }

.typography table tr.even,
.typography table th,
.typography thead td {
  background-color: #ededed; }

.typography table td,
.typography table th {
  padding: 2px 5px;
  border: 1px solid #d4d4d4;
  vertical-align: top; }

.typography table th {
  font-weight: bold; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
  text-align: left; }
.typography .center {
  text-align: center; }
.typography .right {
  text-align: right; }

/* IMAGES 
-------------------------------------------- */
.typography img {
  border: 5px solid #d7d7d7;
  height: auto;
  /* resets the image height so that it maintains its aspect ratio when width is set */ }

.typography img.left {
  float: left;
  max-width: 50%;
  margin: 5px 20px 10px 0; }

.typography img.right {
  float: right;
  max-width: 50%;
  /* Responsive width */
  margin: 5px 0 10px 20px; }

.typography img.leftAlone {
  float: left;
  margin-right: 100%;
  margin-bottom: 10px;
  clear: both; }

.typography img.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
  clear: both; }

.typography .captionImage {
  width: 100%;
  margin-top: 5px; }

.typography .captionImage img {
  margin: 0; }

.typography .captionImage.left {
  float: left;
  margin: 5px 30px 20px 0px; }

.typography .captionImage.right {
  float: right;
  margin: 5px 0 20px 30px; }

.typography .captionImage.left[style],
.typography .captionImage.right[style] {
  max-width: 50%;
  /* Overides core width to make responsive */ }

.typography .captionImage.left img,
.typography .captionImage.right img {
  float: none;
  max-width: none;
  width: 100%; }

.typography .captionImage.left img {
  margin-right: -10px; }

.typography .captionImage.right img {
  margin-left: -10px; }

.typography .captionImage.right p {
  margin-left: -10px;
  text-align: left;
  margin-left: -10px; }

.typography .captionImage.leftAlone {
  float: none;
  margin: 0 20px 20px 0px; }

.typography .captionImage.center {
  margin: 0 auto 20px; }

.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888; }

/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
  background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
  font-family: "LuxiSerifRegular", serif;
  color: #777;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  text-indent: 30px;
  width: 50%;
  margin-left: 5%;
  clear: both; }

.typography blockquote p {
  font-size: 17px;
  line-height: 25px; }

.typography pre {
  background: #619212;
  border: 1px solid #E4E4E4;
  font-family: Courier, monospace;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both; }

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px; }