@charset "utf-8";
/**
* RESET Browsers Default Styles, slows down the rendering by 5-7%
*
* TABLE OF CONTENTS:
* Clear All Tags
* Root Elements
* HTML5 Elements Displaying
* Link
* List
* Embedded content
* Form
* Table
* Text
* Horizontal Divider
* 'hidden' attribute
*
*/
/*****************************************************************************************************
* Clear All Tags
*****************************************************************************************************/
html, body, div, span, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address,
ins, del, em, strong, i, b, small, q, mark, cite, abbr, dfn, kbd, code, samp, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label, textarea, input, button, select, optgroup, option,
table, caption, thead, tbody, tfoot, tr, th, td, /* col, colgroup, */
a,
hr,
article, aside, details, figcaption, figure, footer, header, hgroup, nav, menu, section,
audio, canvas, meter, summary, time, video
{
margin: 0;
padding: 0;
border: 0 none;
outline: 0 none;
vertical-align: baseline;
}
/*****************************************************************************************************
* Root Elements
*****************************************************************************************************/
html,
body {
width: 100%;
height: 100%;
}
body {
font-size: 62.5%;
}
/*****************************************************************************************************
* HTML5 Elements Displaying
*****************************************************************************************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { /* Corrects block display not defined in IE6/7/8/9 and FF3 */
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
.ie7 audio,
.ie7 canvas,
.ie7 video { /* Corrects inline-block display not defined in IE6/7/8/9 and FF3 */
display: inline-block;
}
audio:not([controls]) { /* Prevents modern browsers from displaying 'audio' without controls */
display: none;
}
/*****************************************************************************************************
* Link
*****************************************************************************************************/
a {
text-decoration: underline;
}
a:hover,
a:active {
text-decoration: none;
outline: 0 none; /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
}
a img {
border: 0 none;
}
:focus {
outline: 0 none;
}
/*****************************************************************************************************
* List
*****************************************************************************************************/
ul,
ol {
padding-left: 1.2em;
}
li {
display: list-item;
}
nav ul,
nav ol {
list-style: none outside none;
margin: 0;
padding: 0;
}
/*****************************************************************************************************
* Embedded content
*****************************************************************************************************/
img {
display: inline-block;
margin: 0;
padding: 0;
border: 0 none;
outline: none;
vertical-align: middle; /* Remove the gap between images and borders on image containers */
background-color: transparent;
}
.ie7 img { /* Bicubic resizing for non-native sized IMG. Improve image quality when scaled in IE7: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
-ms-interpolation-mode: bicubic;
}
svg:not(:root) { /* Correct overflow not hidden in IE9 */
overflow: hidden;
}
/*****************************************************************************************************
* Form Elements
*****************************************************************************************************/
textarea,
input,
button,
select {
display: inline-block;
}
textarea { /* Remove default vertical scrollbar in IE6/7/8/9: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
overflow: auto;
vertical-align: top;
resize: vertical; /* Allow only vertical resizing */
}
input[type=radio] { /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
vertical-align: middle;
}
input[type=checkbox] {
vertical-align: middle;
}
.ie6 input {
vertical-align: text-bottom;
}
.ie7 input[type=checkbox],
.ie7 input[type=radio],
.ie6 input.ie6-input-check,
.ie6 input.ie6-input-radio { /* extra margin fix */
width: 12px;
height: 12px;
}
input[type=button],
input[type=submit],
input[type=reset],
button {
cursor: pointer; /* Hand cursor on clickable input elements */
-webkit-appearance: button; /* Allow styling of clickable form elements in iOS */
}
/* Consistent box sizing and appearance (BEGIN) */
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/* Consistent box sizing and appearance (END) */
button::-moz-focus-inner,
input::-moz-focus-inner { /* Remove inner padding and border in FF3/4: http://www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ (BEGIN) */
border: 0;
padding: 0;
}
/* Remove inner padding and border in FF3/4 (END) */
.ie7 input,
.ie7 button { /* Correct inner spacing displayed oddly in IE6/7: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
width: auto;
overflow: visible;
}
.ie7 table input,
.ie7 table button { /* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
/* overflow: auto; */
}
label { /* Indicate that 'label' will shift focus to the associated form element */
cursor: pointer;
}
/*****************************************************************************************************
* Table
*****************************************************************************************************/
table {
display: table;
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
border: 0 none;
empty-cells: show;
}
caption {
display: table-caption;
text-align: right;
font-weight: bolder;
}
col {
display: table-column;
}
colgroup {
display: table-column-group;
}
thead {
display: table-header-group;
}
tbody {
display: table-row-group;
}
tfoot {
display: table-footer-group;
}
tr {
display: table-row;
}
td,
th {
display: table-cell
}
th {
font-weight: bolder;
text-align: left;
}
td {
vertical-align: top;
}
/*****************************************************************************************************
* Text
*****************************************************************************************************/
strong,
b,
dt {
font-weight: bolder;
}
cite,
em,
var,
address,
i {
font-style: italic;
}
pre,
code,
kbd,
samp { /* Redeclare monospace font family: http://en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
font-family: monospace, sans-serif;
}
pre { /* Improve readability of pre-formatted text in all browsers www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
sup,
sub { /* Position subscript and superscript content without affecting line-height: https://gist.github.com/413930 */
font-size: 75%;
line-height: 0;
vertical-align: baseline;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.3em;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: underline;
}
small {
font-size: 75%;
}
dfn { /* Addresses styling not present in S5, Chrome */
font-style: italic;
}
abbr[title],
dfn[title] { /* Addresses styling not present in IE7/8/9, S5, Chrome */
border-bottom: 1px dotted;
cursor: help;
}
mark { /* Addresses styling not present in IE6/7/8 */
display: inline;
background-color: #ffff00;
color: #000;
}
s {
text-decoration: line-through;
}
blockquote {
quotes: none;
font-style: italic;
margin-left: 30px;
margin-right: 40px;
padding-left: 30px;
padding-right: 20px;
position: relative;
}
blockquote:before {
content: "\201c";
position: absolute;
left: 0;
top: 0;
font-size: 3em;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
blockquote:after {
content: "\201d";
position: absolute;
right: 0;
bottom: -0.5em;
font-size: 3em;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.ie7 blockquote {
z-index: expression(runtimeStyle.zIndex = 1,
insertAdjacentHTML("afterBegin", '“'),
insertAdjacentHTML("beforeEnd", '”'));
zoom: 1.0;
}
blockquote .ie7-open-quote {
position: absolute;
left: 0;
top: -0.3em;
font-size: 3em;
line-height: 100%;
text-decoration: none;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
blockquote .ie7-close-quote {
position: absolute;
right: 0;
bottom: -0.9em;
font-size: 3em;
line-height: 100%;
text-decoration: none;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
q {
quotes: "\201c" "\201d";
}
.ie7 q {
z-index: expression(runtimeStyle.zIndex = 1,
insertAdjacentHTML("afterBegin", '“'),
insertAdjacentHTML("beforeEnd", '”'));
zoom: 1.0;
}
/*****************************************************************************************************
* Divider
*****************************************************************************************************/
hr {
display: block;
clear: both;
overflow: hidden;
height: 0;
font-size: 0;
line-height: 0;
}
/*****************************************************************************************************
* 'hidden' attribute
*****************************************************************************************************/
[hidden] { /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 */
display: none;
}