/*	Generic
	================================================ */

	html {
		background-color: white;
	}

	body {
			font-size: 87.5%;
			max-width: 600px;
			margin: 0 auto;
			border: thin solid #666;
			padding: 1em;
			font-family: sans-serif;
			background-color: #f8f8f8;
			background-color: #eee;
			border-radius: 8px;
			box-shadow:
				-1px -1px 1px #333 inset,
				1px 1px 1px white inset;
		}

	h1 {
		margin: 0;
		padding: .5em;
		font-size: 2.5em;
		background-color: #eee;
		background-image: linear-gradient(to bottom,#eee,#ccc);
		color: #666;
		text-shadow: 0 1px 1px white; 
		box-shadow:
			-1px -1px 1px #fff,
			1px 1px 1px #666;
	}

/*	Press Button
*/

button {
  font-family: sans-serif;
  width: 12em;
  border: thin solid #C45B24;
  color: white;
  text-align: center;
  padding: 1em;
  background:
    linear-gradient(to bottom, rgb(250, 147, 52), rgb(244, 113, 43))
    repeat scroll 0% 0% transparent;
  border-radius: 18px;
  cursor: default;
  position: relative;
}

button:active {
  box-shadow:
    inset 0 .13em .13em rgba(0,0,0,.4),
    inset 0 -.13em .13em rgba(255,255,255,.1);
  top: 1px;
}