//
// Reset CSS
// Adapted from http://github.com/necolas/normalize.css
// --------------------------------------------------

// Display in IE6-9 and FF3
// -------------------------

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section
  display: block

// Display block in IE6-9 and FF3
// -------------------------

audio,
canvas,
video
  display: inline-block
  *display: inline
  *zoom: 1

// Prevents modern browsers from displaying 'audio' without controls
// -------------------------

audio:not([controls])
  display: none

// Base settings
// -------------------------

html
  font-size: 100%
  -webkit-text-size-adjust: 100%
  -ms-text-size-adjust: 100%

// Focus states
a:focus
  +ctb-tab-focus

// Hover & Active

a:hover,
a:active
  outline: 0

// Prevents sub and sup affecting line-height in all browsers
// -------------------------

sub,
sup
  position: relative
  font-size: 75%
  line-height: 0
  vertical-align: baseline

sup
  top: -0.5em

sub
  bottom: -0.25em

// Img border in a's and image quality
// -------------------------

img
  /* Responsive images (ensure images don't scale beyond their parents)
  max-width: 100%
  /* Part 1: Set a maxium relative to the parent
  width: auto\9
  /* IE7-8 need help adjusting responsive images
  height: auto
  /* Part 2: Scale the height according to the width, otherwise you get stretching
  vertical-align: middle
  border: 0
  -ms-interpolation-mode: bicubic

// Prevent max-width from affecting Google Maps

#map_canvas img,
.google-maps img
  max-width: none

// Forms
// -------------------------

// Font size in all browsers, margin changes, misc consistency

button,
input,
select,
textarea
  margin: 0
  font-size: 100%
  vertical-align: middle

button,
input
  *overflow: visible
  // Inner spacing ie IE6/7
  line-height: normal
  // FF3/4 have !important on line-height in UA stylesheet

button::-moz-focus-inner,
input::-moz-focus-inner
  // Inner padding and border oddities in FF3/4
  padding: 0
  border: 0

button,
html input[type="button"], 
input[type="reset"],
input[type="submit"]
  -webkit-appearance: button
  // Corrects inability to style clickable `input` types in iOS.
  cursor: pointer
  // Improves usability and consistency of cursor style between image-type `input` and others.

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"]
  cursor: pointer
  // Improves usability and consistency of cursor style between image-type `input` and others.

input[type="search"]
  // Appearance in Safari/Chrome
  +ctb-box-sizing(content-box)
  -webkit-appearance: textfield

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button
  -webkit-appearance: none
  // Inner-padding issues in Chrome OSX, Safari 5

textarea
  overflow: auto
  // Remove vertical scrollbar in IE6-9
  vertical-align: top
  // Readability and alignment cross-browser

// Printing
// -------------------------
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css

@media print
  *
    text-shadow: none !important
    color: #000 !important
    // Black prints faster: h5bp.com/s
    background: transparent !important
    box-shadow: none !important
  a,
  a:visited
    text-decoration: underline
  a[href]:after
    content: " (" attr(href) ")"
  abbr[title]:after
    content: " (" attr(title) ")"
  // Don't show links for images, or javascript/internal links
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after
    content: ""
  pre,
  blockquote
    border: 1px solid #999
    page-break-inside: avoid
  thead
    display: table-header-group
    // h5bp.com/t
  tr,
  img
    page-break-inside: avoid
  img
    max-width: 100% !important
  @page
    margin: 0.5cm

  p,
  h2,
  h3
    orphans: 3
    widows: 3
  h2,
  h3
    page-break-after: avoid