// // Reset CSS // Adapted from 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() {

display: none;

}

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

html {

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

} // Focus states a:focus {

.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, // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. input, input {

-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, input, input, input, input {

cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.

} input { // Appearance in Safari/Chrome

.box-sizing(content-box);
-webkit-appearance: textfield;

} input::-webkit-search-decoration, input::-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: 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;
}

}