html, body { height: 100%; width: 100%; }

body { 
	font-size: 62.5%;
	font-family: 'Electrolize', sans-serif;
	margin: 0 auto; 
	padding: 0; 
	color: #666;
	text-shadow: 1px 1px 1px #111; 
	text-align: center; 
	background-image: url('../images/black-stripes.png'); 
	background-size: 6px 6px;
}

#question-mark { display: none; }

#content { 
	display: none; 
	position: relative; 
	top: 50%; 
	margin-top: -200px; 
}

#marbles-content { 
	display: none; 
	position: relative; 
}

#marbles-content h1 { 
	margin: 24px auto 24px auto; 
	padding: 0; 
	font-size: 3.2em;
}

#yt-frame {	
	margin: 0 auto;
	background: #0f0f0f;
	padding: 12px;
	-moz-border-radius: 12px;
	width: 853px;
	height: 480px;
	box-shadow: 0 0 6px #111111; 
	-moz-box-shadow: 0 0 6px #111111; 
	-webkit-box-shadow: 0 0 6px #111111;
}

#main-image { 
	display: block; 
	width: 287px; 
	height: 278px; 
	margin: 0 auto; 
	vertical-align: middle; 
	background: url('../images/main.png') 50% 50% no-repeat; 
}

b { display: block; }

#nextsite, 
#nextsite-1,
#jenna-marbles,
#footer  { 
	display: none; 
	font-size: 1.6em;
}

#jenna-marbles { margin-top: 16px; }

#footer { 
	position: fixed; 
	bottom: 20px; 
	width: 400px;
	left: 50%;
	margin: -10px 0 0 -200px;
	text-align: center; 
}
a { color: #336699; }