/* ----------------------------- */
/* ==reset */
/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size:62.5%;
}
body {
	background-color:#fff;
	color:#000;
	font-family:Arial, sans-serif;
	font-size:1.2em; /* equiv 12px */
	line-height:1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
	font-size:1em; /* equiv 12px */
	line-height:1.2em;
	margin:0 0 10px 0;
}
h1 {
	font-size:2.167em; /* equiv 26px */
	font-weight:normal;
	line-height:1.6154em;
	margin:.8077em 0 0 0;
}
h2 {
	font-size:2em; /* equiv 24px */
	font-weight:normal;
	line-height:1.2em;
	margin:.875em 0 0 0;
}
h3 {
	font-size:1.417em; /* equiv 17px */
	font-weight:normal;
	line-height:1.2em;
	margin:.9545em 0 0 0;
}
h4 {
	font-size:1.667em; /* equiv 20px */
	font-weight:normal;
	line-height:1.05em;
	margin: 1.05em 0 0 0;
}
h5 {
	font-size:1.500em; /* equiv 18px */
	font-weight:normal;
	line-height:1.1667em;
	margin: 1.1667em 0 0 0;
}
h6 {
	font-size:1.333em; /* equiv 16px */
	font-weight:normal;
	line-height:1.3125em;
	margin: 1.3125em 0 0 0;
}

/* soft reset */
html,
body,
textarea,
figure,
label {
	margin:0;
	padding:0;
}
ul, ol {
	margin:0;
	padding:0;
}
table { margin-bottom:1.5em; }

/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top:0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top:0;
	margin-bottom:0;
}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width:100%;
}

/* you shall not pass */
/*div, textarea, table, td, th, code, pre, samp {
	word-wrap:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto;
}*/

/* pictures */
img {
	width:auto;
	height:auto;
	vertical-align:middle;
}
a img { border:0; }

/* scripts */
body > script {display:none !important;}

/* skip-links */
.skip-links {
	position:absolute;
}
.skip-links a {
	position:absolute;
	left:-9999px;
	padding:0.5em;
	background:#000;
	color:#fff;
	text-decoration:none;
}
.skip-links a:focus {
	position:static;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}