/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/



h1, h2 {
	font-weight: normal;
}
h1 { font-size: 50px; margin: 0 0 10px 0; }
h2 { font-size: 38px; margin: 0 0 10px 0; }
p, pre { margin: 0 0 15px 0; }

.inside {
	width: 960px; 
	margin: 0 auto; 
}

section {
	padding: 20px 0; 
	overflow: hidden; 
}

#one {
	background: #6f4b7c;
}
#two {
	background: #3c7ab5;
}
#three {
	background: #ffeca9;
}
.nav {
	width: 610px;
	float: left;
	list-style: none; margin-left:320px;
}
.nav li {
	position: relative;
	display:inline;  float:left;
}
.nav a {
	display: block;
	/*padding: 20px;*/
	text-decoration: none;
	color: #000000;
	font-family:titlefont;
	line-height:40px;
	padding-left:8px; padding-right:8px;
	/*background-image: -moz-linear-gradient(bottom, #444444, #999999);
	background-image: -o-linear-gradient(bottom, #444444, #999999);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); 
	background-image: -webkit-linear-gradient(bottom, #444444, #999999); */
}
.nav a:hover {
	/*background: #ffffff;*/
}

.nav audio { position: absolute; left: 110%; top: 10px; display: block; height: 30px; width: 200px; }

#page-wrap script {
	display: block;
	white-space: pre;
	background: #333;
	color: white; 
	padding: 10px;
	font: 11px Monaco, MonoSpace;
	width: 460px;
	float: right;
	overflow: auto;
}

@font-face
{
font-family:titlefont;
src: url('../comic.ttf'),
     url('../comic.ttf'); /* IE9+ */
}