/*##########################################################################*/ /* Frame and Resets */ /*##########################################################################*/

//////////////////

html {

// include background with retina mixin:
background: url(/images/layout/pagebg.gif) repeat;

color: #000;
font-family: $sans-body;
//min-width: 800px;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {

margin: 0;
padding: 0;
font-size: 12px;

}

table {

border-collapse: collapse;
border-spacing: 0;

}

fieldset, img {

border: 0;

}

address, caption, cite, code, dfn, em, strong, b, th, var, optgroup {

font-style: inherit;
font-weight: inherit;

}

del, ins {

text-decoration: none;

}

caption, th {

text-align: left;

}

h1, h2, h3, h4, h5, h6 {

font-size: 100%;
font-weight: normal;

}

q {

&:before, &:after {
        content: ''; 
}

}

abbr {

border: 0;
font-variant: normal;

}

sup, sub {

vertical-align: baseline;

}

b, strong {

font-weight: bold;

}

legend {

color: #000;

}

input, button, textarea, select, optgroup, option {

      font-family: inherit;
      font-size: inherit;
font-style: inherit;
      font-weight: inherit;

}

input, button, textarea, select {

*font-size: 100%;

}

small {

font-size: 0.7em;

}

/* Common Inheritance */

.wrap {

width: $main-width;
margin: 0 auto;

}

.caps {

text-transform: uppercase;

}

.spaced {

letter-spacing: .12em;

}

.center {

text-align: center;

}

.larger {

font-size: 1.2em;

}

.emboss {

text-shadow: 0 1px 1px #FFF;

}

.nomargin {

margin: 0 !important;

}

.clear {

clear: both;

}

.cursor-pointer {

cursor: pointer;

}