/**
 * Author:      Matt Hinchliffe <www.maketea.co.uk>
 * Modified:    16/04/2012
 * Description: Some crummy styles to lay out the example file
 */

/* Elements */
@font-family {
  font-family: "Century Gothic";
  src: url("fonts/centurygothic.ttf") format("truetype");
}
html, body {
	height:100%;
	margin:0;
	padding:0;
}
	body {
		line-height:1.5;
		font-family: "Century Gothic";
		color:#111;
		background:#eee;
	}

h1, h2, h3, h4 {
	text-align: left;
	color: #555;
}
	h1 {
		margin:0 0 .2em;
		font-size:2.5em;
		letter-spacing:-.075em;
	}
	h2 {
		margin:0 0 .5em;
		font-weight:normal;
		font-size:1.5em;
	}
	h3, h4 {
		margin:0 0 .5em;
		font-size:1em;
	}

p, dl {
	margin:0 0 1.5em;
}
	dt {
		font-weight:bold;
	}
	dd {
		margin:0 0 1em;
		font-size:0.8125em;
		color:#555;
	}

button {
	font-size:1.5em;
	line-height:1;
	padding:.25em .5em;
	border:none;
	color:#fff;
	background:#333;
	border-radius:7px;
	cursor:pointer;
}
	button:hover {
		background-color:#111;
	}

figure {
	margin:0;
}

pre, code, var {
	font:normal 1em/1 Consolas, "Lucida Console", Monaco, monospace;
}
	pre {
		overflow:auto;
		padding:1em .5em;
		border:1px solid #333;
		text-align:left;
		border-radius:5px;
	}
	var {
		text-decoration:underline;
	}

hr {
	height:1px;
	padding:0;
	margin:0 0 1.5em;
	border:0;
	background:#ccc;
}

#container {
	width:28em;
	margin:0 auto;
	padding:3em 1em 2em;
	background:#fff;
	-webkit-box-shadow:0 0 5em rgba(0, 0, 0, 0.1);
	   -moz-box-shadow:0 0 5em rgba(0, 0, 0, 0.1);
	        box-shadow:0 0 5em rgba(0, 0, 0, 0.1);
}
	#example {
		text-align:center;
	}
		.slideshow {
			border:0px solid #eee;
		}
