body {
	font-family: sans-serif;
}

p {
	max-width: 30em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1em;
}

iframe, img, object, canvas{
	display: block;
}

td {
	height: 20px;
	width: 20px;
	background-color: red;
	padding:0;
	margin: 0;
	font-size: 1px;
	vertical-align: top;
	border: 4px solid white;
}

td p {
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
}
/* For inputmode test */
td#inputmode {
	background-color:red;
}

td#inputmode input {
	display:none;
}

/* for nth-child test*/
#thirdrow td:nth-child(4) p {
	background-color: green;
}

#foo {
	background-color: green;
	height: 20px;
	width: 50%;
	min-width: 20px;
}

#transpng {
	background-color: green;

}

canvas {
	padding: 0;
	margin: 0;
}


/* for css media query test */
@media all and (min-width: 1px){
	#mediaquery {
		background-color: green;
	}
}

/* for the JS framework test */
.green {
	background-color: green;
}