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


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

html {
	// include background with retina mixin:
	@include at2x('layout/pagebg', 12px, 12px, '.gif');
	background-repeat: 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;
}