/*
    1. set default font
    2. prevent iOS text size adjust after orientation change, without disabling
       user zoom
    3. prevent grey highlight when tapping links
*/
html {
    -ms-text-size-adjust: 100%;/*2*/
    -webkit-text-size-adjust: 100%;/*2*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*3*/
}

/* we're using #skst as the namespace to avoid conflicts if used inline */
#skst {
    font-family: Arial, Helvetica, sans-serif;/*1*/
    font-size: 16px;/*1*/
}


/* reset the box-sizing */
#skst *, #skst *:before, #skst *:after {
    box-sizing: border-box;
}

#skst h1, #skst h2 {
    margin: 0;
    font-size: 100%;
    line-height: 1;
}
/*
    1. Correct color not being inherited.
       Known issue: affects color of disabled elements.
    2. Correct font properties not being inherited.
    3. Address margins set differently in Firefox 4+, Safari, and Chrome.
    4. Reset fonts
*/
#skst button {
    color: inherit;/*1*/
    font: inherit;/*2*/
    margin: 0;/*3*/
    font-family: inherit;/*4*/
    font-size: inherit;/*4*/
    line-height: inherit;/*4*/
}
#skst img {
    vertical-align: middle;
    max-width: 100%;
}
#skst p {
    margin: 0 0 1em;
    padding: 0;
}
#skst dl {
    margin-top: 0;/* remove browser default */
    margin-bottom: 1em;
}
#skst dt {
    line-height: 1.4;
}
#skst dd {
    margin-left: 0;/* remove browser default */
    line-height: 1.4;
}

/* clear fix for containers with floats in them */
#skst .clearfix:before,
#skst .clearfix:after {
    content: ' ';
    display: table;
}
#skst .clearfix:after {
    clear: both;
}