/* Block Elements
---------------------------------------- */
/*
  Reset all COMMON block elements.
  If you're using uncommon or invalid elements you will need to reset them yourself
*/
address, 
article, 
aside, 
audio,
blockquote, 
body,
button,
dd, 
details,
div, 
dl,
dt,
fieldset, 
figcaption, 
figure, 
footer, 
form, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
header, 
hgroup, 
hr,
input,
label,
legend,
li,
nav, 
ol, 
p, 
pre, 
section,
select,
table,
textarea,
th,
td,
ul,
video
{
	margin     : 0;
	padding    : 0;
	border     : 0;
	background : none;
}

/* Forms
---------------------------------------- */
input,
label,
select,
button,
textarea {
	display        : inline-block;
	vertical-align : middle;
	white-space    : normal;
}

/* Hand cursor on clickable input elements */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; 
}

/* 
	Form elements have different box-sizing models by default.
	This will fix form styling woes across webkit, gecko and trident
*/
input,
textarea {
	-webkit-box-sizing : content-box;
	-moz-box-sizing    : content-box;
	box-sizing         : content-box;
}

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}

/* Standardize radio and checkbox sizes */
input[type=checkbox],
input[type=radio] {
  width  : 13px;
  height : 13px; 
}

/* 
	Make buttons play nice in IE:
	@see www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 
*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  overflow : visible;
  width    : auto; 
}

/* Turn off scroll bars in IE unless needed */
textarea {
  overflow : auto; 
}

/* HTML5 elements
---------------------------------------- */
/*
  So that browsers render the new elements correctly. Only block elements need to be worried about as browsers render unknown elements as inline by default.
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block
}

/* Text Elements
---------------------------------------- */
/*
  Reset all COMMON text elements.
  If you're using uncommon or invalid elements you have to reset them yourself
*/
a, 
abbr, 
b, 
body,
br, 
cite, 
code, 
dfn, 
em, 
h1,
h2,
h3,
h4,
h5,
h6,
img, 
input, 
kbd,
label,
mark, 
pre,
q, 
samp, 
select, 
small, 
span, 
strong, 
sub, 
sup, 
textarea, 
var
{
  font-size       : 100%;
  font-family     : sans-serif;
  font-style      : normal;
  font-weight     : normal;
  font-variant    : normal;
  color           : #000;
  vertical-align  : baseline;
  text-decoration : none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; 
}

/*
  Make lists display inline and not like list items
  You must explicitly declare lists in copy to look the way they do
  It will save you a whole lot of code
*/
li {
  list-style: none;
  display: block; 
}

/*
  Make links look like normal text. This way you don't need to
  override styles when you create buttons and wrap blocks in links
*/
a {
  &:hover,
  &:active {
    outline: none; 
  } 
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative; 
}

sup {
  top: -0.5em; 
}

sub {
  bottom: -0.25em; 
}

/* Tables
---------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0; 
}

/* Media
---------------------------------------- */
/* Nicer image sizing in IE */
img {
	-ms-interpolation-mode: bicubic
}
	
/* fluid images and objects */
img,object,embed,video {
	max-width:100%;
	display:block;
}