/* RESET. Combination of Eric Meyer and Normalize
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126  License: none (public domain)
normalize.css v3.0.2 | MIT License | git.io/normalize
*/

/* REMOVE DEFAULT MARGINS, PADDING, ETC. */
/* ===================================== */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body,
canvas, caption, cite, center, code, dd, del, details, dfn, div, dl, dt, em, embed, 
fieldset, figure, figcaption, footer, form, header, h1, h2, h3, h4, h5, h6, hgroup, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, 
p, pre, q, ruby,  s, samp, section, small, span, strike, strong, sub, summary, sup, 
table, tbody, td, tfoot, th, thead, time, tr, tt, var, u,  ul, video {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   vertical-align: baseline;
}

/* Remove border when inside `a` element in IE 8/9.
-------------------------------------------------------------------------- */
a img {border:none;}

* {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing:border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:link, a:visited, a:hover, a:active { text-decoration:none;}

/* --- Set default font family to sans-serif. Prevent iOS text size adjust 
after orientation change, without disabling user zoom. 
--- */

/* --- Remove border when inside `a` element in IE 8/9/10.  */
img { border: 0; }

ul, ol {list-style-position: inside;}
ul {list-style: none;}

/* --- Address differences between Firefox and other browsers.  */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome.
-------------------------------------------------------------------------- */
abbr[title] {border-bottom: 1px dotted;}

/* Address styling not present in Safari 5 and Chrome.
-------------------------------------------------------------------------- */
dfn {font-style: italic;}

/* Improve readability of pre-formatted text in all browsers.
-------------------------------------------------------------------------- */
pre {white-space: pre-wrap;}

/* Set consistent quote types.
-------------------------------------------------------------------------- */
q {quotes: "\201C" "\201D" "\2018" "\2019";}

/* --- Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; }

/* SPECIAL BROWSER CORRECTIONS */
/* =========================== */

/* --- Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong {font-weight: bold;}

/* --- Correct `block` display not defined for any HTML5 element in IE 8/9, 
for `details` or `summary` in IE 10/11 and Firefox, and for `main` in IE 11.
--- */
article, aside, details, 
figcaption, figure, 
footer, header, hgroup, 
main, menu, nav, section, 
summary { display: block; }

/* --- remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/* --- improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {outline: 0;}

/* --- Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* --- Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* --- Known limitation: by default, Chrome and Safari on OS X allow very limited
Correct color not being inherited. Known issue: affects color of disabled elements.
Correct font properties not being inherited.
Address margins set differently in Firefox 4+, Safari, and Chrome.
--- 
button, input, optgroup, select, textarea {
   color: inherit;
   font: inherit;
   margin: 0;
}
*/

/* --- Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/* --- Address inconsistent `text-transform` inheritance for `button` and `select`.
All other form control elements do not inherit `text-transform` values.
Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
Correct `select` style inheritance in Firefox.
--- */
button, select { text-transform: none; }

/* --- Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/* --- Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
and `video` controls.
Correct inability to style clickable `input` types in iOS.
Improve usability and consistency of cursor style between image-type `input` and others.

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
--- */

/* --- Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/* --- Remove inner padding and border in Firefox 4+. 
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
*/

/* --- Address `appearance` set to `searchfield` in Safari and Chrome.
Address `box-sizing` set to `border-box` in Safari and Chrome
(include `-moz` to future-proof).

input[type="search"] {
   -webkit-appearance: textfield;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}
--- */

/* --- Remove inner padding and search cancel button in Safari and Chrome on OS X.
Safari (but not Chrome) clips the cancel button when the search input has
padding (and `textfield` appearance).

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
--- */

/* --- Contain overflow in all browsers.  */
pre { overflow: auto; }

/* --- address `[hidden]` styling not present in IE 8/9/10.
Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
--- */
[hidden], template { display: none; }

/* --- correct `inline-block` display not defined in IE 8/9.
Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
--- */
audio, canvas, progress, video {
   display: inline-block;
   vertical-align: baseline;
}

/* --- Prevent modern browsers from displaying `audio` without controls.
Remove excess height in iOS 5 devices.
--- */
audio:not([controls]) { display: none; height: 0; }

/* --- Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* --- Correct overflow not hidden in IE 9/10/11.  */
svg:not(:root) { overflow: hidden; }


/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Table of contents
-----------------------------
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Grid
----------------------------- */
.container, .row, .columns {
      box-sizing: border-box;
      /* add vendor prefixes for box-sizing */
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }

.container {
  position: relative;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  }

.columns {
  width: 100%;
  float: left;
  }
  
.row {width:100%;}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 95%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .columns {
    margin-left: .8%
    }
  .columns:first-child {margin-left: 0; }

  /* Total width: 1000 pixels. Column width: 76 pixels. Gutter width: 8 pixels. */
  .row .one.columns  { width: 7.6%; } /* (76/1000) x 100 */
  .row .two.columns            { width: 16%; } /* ((76 x 2) + (8 x 1)) / 1000) x 100 */
  .row .three.columns          { width: 24.4%; } /* ((76 x 3) + (8 x 2)) / 1000) x 100 */
  .row .four.columns           { width: 32.8%; } /* ((76 x 4) + (8 x 3)) / 1000) x 100 */
  .row .five.columns           { width: 41.2%; } /* ((76 x 5) + (8 x 4)) / 1000) x 100 */
  .row .six.columns            { width: 49.6%; } /* ((76 x 6) + (8 x 5)) / 1000) x 100 */
  .row .seven.columns          { width: 58%; } /* ((76 x 7) + (8 x 6)) / 1000) x 100 */
  .row .eight.columns          { width: 66.4%; } /* ((76 x 8) + (8 x 7)) / 1000) x 100 */
  .row .nine.columns           { width: 74.8%; } /* ((76 x 9) + (8 x 8)) / 1000) x 100 */
  .row .ten.columns            { width: 83.2%; } /* ((76 x 10) + (8 x 9)) / 1000) x 100 */
  .row .eleven.columns         { width: 91.6%; } /* ((76 x 11) + (8 x 10)) / 1000) x 100 */
  .row .twelve.columns         { width: 100%; margin-left: 0; } /* ((76 x 12) / 1000) x 100 */

  .row .one-third.columns       { width: 32.8%; }
  .row .two-thirds.columns      { width: 66.4%; }
  .row .one-half.columns        { width: 49.6%; }

  /* Offsets */
  .row .offset-by-one.columns      { margin-left: 8.4%;} /* ((76*1) + (8*1) /1000) *100 */
  .row .offset-by-two.columns      { margin-left: 16.8%;} /* (((76*2) + (8*2)) /1000) *100 */
  .row .offset-by-three.columns    { margin-left: 25.2%;} /* (((76*3) + (8*3)) /1000) *100 */
  .row .offset-by-four.columns     { margin-left: 33.6%;} /* (((76*4) + (8*4)) /1000) *100 */
  .row .offset-by-five.columns     { margin-left: 42%;} /* (((76*5) + (8*5)) /1000) *100 */
  .row .offset-by-six.columns      { margin-left: 50.4%;} /* (((76*6) + (8*6)) /1000) *100 */
  .row .offset-by-seven.columns    { margin-left: 58.8%;} /* (((76*7) + (8*7)) /1000) *100 */
  .row .offset-by-eight.columns    { margin-left: 67.2%;} /* (((76*8) + (8*8)) /1000) *100 */
  .row .offset-by-nine.columns     { margin-left: 75.6%;} /* (((76*9) + (8*9)) /1000) *100 */
  .row .offset-by-ten.columns      { margin-left: 84%;} /* (((76*10) + (8*10)) /1000) *100 */
  .row .offset-by-eleven.columns   { margin-left: 92.4%;} /* (((76*11) + (8*11)) /1000) *100 */

  .row .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .row .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
  .row .offset-by-one-half.columns     { margin-left: 52%; }
}

/* main two-column framework */

.row .main-column {
  float: left;
  width: 66.4%;  
}

.row .right-column {
  float: right;
  padding-left: 18px;
  width: 32.8%
}

.row .main-listings-column {
  float: left;
  width: 74.8%;  
}

.row .right-listings-column {
  float: right;
  padding-left: 18px;
  width: 24.4%
}

.row .main-column-six {
  float: left;
  width: 49%;  
}

.row .right-column-six {
  float: right;
  width: 49%
}

@media (max-width: 800px) {
  .row .main-column,
  .row .right-column,
  .row .main-column-six,
  .row .right-column-six,
  .row .main-listings-column,
  .row .right-listings-column  {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: 100%;    
  }
  .row .right-column,
  .row .right-column-six,
  .row .right-listings-column {
    margin-top: 20px;    
  }
}

/* Typography
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
----------------------------- */
/* Larger than phablet
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}
----------------------------- */

/* Utilities
----------------------------- */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* Clearing
----------------------------- */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Media Queries
----------------------------- */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}