article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html {
	cursor: default;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body, form, input, button, select, textarea{ font-size: 100%; margin: 0; }
body { color:$font-color; margin: 0; font: $font-size $font-family; line-height: $line-height; }

a{ color:$link-color; 
	&:active{ color:$link-active-color; }
	&:hover{ color:$link-hover-color; }
	&:visited{ color:$link-visited-color; }
	&:active, &:hover{ outline:none; }
	&:focus{ outline:none; }
}


/* =============================================================================
   Selection
   ========================================================================== */

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 */

::-moz-selection { background: $selection-background-color; color: $selection-color; text-shadow: none; }
::selection { background: $selection-background-color; color: $selection-color; text-shadow: none; }


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Corrects styling not present in IE6/7/8/9 S5 C10
 */

abbr { _border-bottom: expression(this.title ? '1px dotted' : 'none'); }
abbr[title] { border-bottom: 1px dotted; }

/*
 * Corrects style set incorrectly as 'bolder' in FF3/4 S4/5 C10
*/

b, strong{ font-weight: bold; }

/*
 * Corrects styling not present in S5 C10
 */

dfn{ font-style: italic; }

/*
 * Corrects styling not present in IE6/7/8/9
 */

mark{ background: #FF0; color: #000; }

hr{ 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: $horizontal-rule-size solid $horizontal-rule-color; 
	margin: 1em 0; 
	padding: 0; 
}


/*
 * Corrects font family displayed oddly in IE6 S5 C10
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre, code, kbd, samp{ font-family: $fixed-font-family; _font-family: 'courier new', monospace; font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7
 */

q{ quotes: none; }

/*
 * Addresses quote property not supported in S4
 */

q:before, q:after{ content: ''; content: none; }

/*
 * Improves appearance in all browsers
 */

small, sub, sup{ font-size: 75%; }

/*
 * Improves appearance in all browsers
 * gist.github.com/413930
 */

sub,sup { line-height: 0; position: relative; vertical-align: baseline; }
sup{ top: -0.5em; }
sub{ bottom: -0.25em; }

small { font-size: 85%; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Corrects display not defined in IE6/7/8/9 & FF3
 */


audio { display: none; _display: expression(this.controls ? 'inline' : 'none'); *zoom: 1; }
audio[controls] { display: inline-block; }

/*
 * 1. Improves readability when inside 'a' in all browsers
 * 2. Improves visual appearance when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
	border: 0; /* 1 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Improves visual appearance in all browsers
 */

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

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

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

legend { border: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 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; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal;  }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

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

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"]{ 
	-moz-box-sizing:content-box; 
	-webkit-box-sizing:content-box; 
	box-sizing: content-box; 
}

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
}