// Based on HTML5 BOILERPLATE --------------- TO HARD

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
  margin: 0
  padding: 0
  border: 0
  font-size: 100%
  font-weight: normal
  font-style: normal
  font-family: inherit
  line-height: 1
  vertical-align: baseline
  background: transparent

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

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

audio:not([controls]), [hidden]
  display: none

svg:not(:root)
  overflow: hidden

html
  overflow-y: scroll
  -webkit-text-size-adjust: 100%
  -ms-text-size-adjust: 100%

body
  line-height: 1
  font-size: 1em
  -webkit-text-size-adjust: 100%

  -moz-font-smoothing: antialiased
  -o-font-smoothing: antialiased
  -webkit-font-smoothing: antialiased
  font-smoothing: always
  // NOT antialiased but always http://www.w3.org/TR/WD-font/#font-smooth-prop

i, em
  font-style: italic

h1, h2, h3, h4, h5, h6, p, a, i, td
  font-weight: normal
  font-size: 100%

blockquote, q
  quotes: none
  &:before, &:after
    content: ""
    content: none

ins, a, a:hover, a:active
  text-decoration: none
  outline: none

del
  text-decoration: line-through

abbr[title], dfn[title]
  border: 0
  cursor: help

table
  border-collapse: collapse
  border-spacing: 0

figure
  margin: 0

pre, code, kbd, samp
  font-family: monospace, sans-serif
  font-family: 'courier new', monospace
  font-size: 1em

ul, li, ol
  list-style: none
  list-style-image: none

small
  font-size: 0.85em

strong, th, b
  font-weight: bold

td, th
  vertical-align: top
  text-align: left

sub, sup
  font-size: 0.75em
  line-height: 0
  position: relative

sub
  bottom: -0.25em

sup
  top: -0.5em

img
  border: 0
  -ms-interpolation-mode: bicubic

pre
  white-space: pre
  white-space: pre-wrap
  word-wrap: break-word

address
  font-style: normal

// Firefox bug
caption
  text-align: left

// ----------------------------
// Inputs :

button, input
  line-height: 1
  cursor: pointer
  *overflow: visible

input, select
  vertical-align: middle

input[type="search"]::-webkit-search-decoration
  -webkit-appearance: none

input
  &[type="radio"]
    vertical-align: text-bottom
  &[type="text"]
    cursor: text
  &[type="checkbox"]
    vertical-align: bottom
  &[type="search"]
    -webkit-appearance: textfield
    -webkit-box-sizing: content-box
    -moz-box-sizing: content-box
    box-sizing: content-box

textarea
  vertical-align: top
  overflow: auto
  resize: none

input, textarea
  padding: 0
  border: 1px solid #A9A9A9
  border: 0

// Chrome blue glow :
select, option, input, textarea, button
  outline: none
  font: inherit
  font-size: 0.99em

// ----------[ IE WORLD ]-------------------
.ie6 hr, .ie7 hr
  margin-top: -0.5em

.ie6 legend, .ie7 legend
  margin-left: -7px

.ie7 input[type="checkbox"]
  vertical-align: baseline

.ie6 input
  vertical-align: text-bottom