// # Normalize

// ## HTML5 display definitions

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

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

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


// ## Base

// 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
// 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

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

html
button
input
select
textarea
  font-family sans-serif
  color #222

body
  margin 0
  font-size 1em
  line-height 1.4

// Remove text-shadow in selection highlight: <http://h5bp.com/i>
// These selection declarations have to be separate
// Also: hot pink! (or customize the background color to match your design)

::-moz-selection
  background #fe57a1
  color #fff
  text-shadow none

::selection
  background #fe57a1
  color #fff
  text-shadow none


// ## Links

a
  color #00e
  &:visited
    color #551a8b
  &:hover
    color #06e
  &:focus
    outline thin dotted
  // Improve readability when focused and hovered in all browsers: <http://h5bp.com/h>
  &:hover
  &:active
    outline 0


// ## Typography

abbr[title]
  border-bottom 1px dotted

b
strong
  font-weight bold

blockquote
  margin 1em 40px

dfn
  font-style italic

hr
  display block
  height 1px
  border 0
  border-top 1px solid #ccc
  margin 1em 0
  padding 0

ins
  background #ff9
  color #000
  text-decoration none

mark
  background #ff0
  color #000
  font-style italic
  font-weight bold

// Redeclare monospace font family: <http://h5bp.com/j>
pre
code
kbd
samp
  font-family monospace, serif
  _font-family 'courier new', monospace
  font-size 1em

// Improve readability of pre-formatted text in all browsers
pre
  white-space pre
  white-space pre-wrap
  word-wrap break-word

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

small
  font-size 85%

// Position subscript and superscript content without affecting line-height: <http://h5bp.com/k>
sub
sup
  font-size 75%
  line-height 0
  position relative
  vertical-align baseline

sup
  top -0.5em
sub
  bottom -0.25em


// ## Lists

ul
ol
  margin 1em 0
  padding 0 0 0 40px
dd
  margin 0 0 0 40px
nav
  ul
  ol
    list-style none
    list-style-image none
    margin 0
    padding 0


// ## Embedded content

// 1. Improve image quality when scaled in IE7: h5bp.com/d
// 2. Remove the gap between images and borders on image containers: h5bp.com/i/440

img
  border 0
  -ms-interpolation-mode bicubic
  vertical-align middle

// Correct overflow not hidden in IE9

svg:not(:root)
  overflow hidden


// ## Figures

figure
  margin 0


// ## Forms

form
  margin 0
fieldset
  border 0
  margin 0
  padding 0

// Indicate that 'label' will shift focus to the associated form element
label
  cursor pointer

// 1. Correct color not inheriting in IE6/7/8/9
// 2. Correct alignment displayed oddly in IE6/7

legend
  border 0
  *margin-left -7px
  padding 0
  white-space normal

// 1. Correct font-size not inheriting in all browsers
// 2. Remove margins in FF3/4 S5 Chrome
// 3. Define consistent vertical alignment display in all browsers

button
input
select
textarea
  font-size 100%
  margin 0
  vertical-align baseline
  *vertical-align middle

// 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)

button
input
  line-height normal

// 1. Display hand cursor for clickable form elements
// 2. Allow styling of clickable form elements in iOS
// 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)

button
input[type="button"]
input[type="reset"]
input[type="submit"]
  cursor pointer
  -webkit-appearance button
  *overflow visible

// Re-set default cursor for disabled elements

button[disabled]
input[disabled]
  cursor default

// Consistent box sizing and appearance

input[type="checkbox"]
input[type="radio"]
  box-sizing border-box
  padding 0
  *width 13px
  *height 13px
input[type="search"]
  -webkit-appearance textfield
  -moz-box-sizing content-box
  -webkit-box-sizing content-box
  box-sizing content-box
  &::-webkit-search-decoration
  &::-webkit-search-cancel-button
    -webkit-appearance none

// Remove inner padding and border in FF3/4: h5bp.com/l

button::-moz-focus-inner
input::-moz-focus-inner
  border 0
  padding 0

// 1. Remove default vertical scrollbar in IE6/7/8/9
// 2. Allow only vertical resizing

textarea
  overflow auto
  vertical-align top
  resize vertical

// Colors for form validity

// input:valid
// textarea:valid
// TODO: Uncomment and add styling

input:invalid
textarea:invalid
  background-color #f0dddd


// ## Tables

table
  border-collapse collapse
  border-spacing 0
td
  vertical-align top


// ## Chrome Frame Prompt

.chromeframe
  margin 0.2em 0
  background #ccc
  color black
  padding 0.2em 0


// ## Primary Styles
// Author: Nick Baugh <niftylettuce@gmail.com>

//@import 'nib'
//@import '_colors'
//@import '_fonts'
//@import '_layout'
@import '_no-js'