/* type */

@font-face {
	font-family: 'SegoeLight';
	src: url('fonts/SegoeWP-Semilight.eot');
	src: local('☺'), url('fonts/SegoeWP-Semilight.woff') format('woff'), url('fonts/SegoeWP-Semilight.ttf') format('truetype'), url('fonts/SegoeWP-Semilight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 { color: #eee; }

html, body { font-family: 'SegoeLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4em; background: #111; color: #eee; 
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p { line-height: 1.6em; margin-bottom: 1.5em; }

.wrap { width: 640px; margin: 40px auto; }

.orange { color: #ff8800; }

ol.alphalow { list-style-type: lower-alpha; }

.divider { width: 100%; border-bottom: 1px solid #CCC; margin: 30px 0; height: 5px; }

@media only screen and (max-device-width: 320px) {
	h1, h2, h3, h4, h5, h6 { font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4em; background: #111; color: #eee; }

	h1 { line-height: 1.6em; margin-top: 0.2em; }
	.backButton img { display: block; width: 120px; height: 120px; }

	html, body { font-size: 1.6em; }
	.wrap { width: 90%; margin: 40px auto; }
}