/* generated by csscreator.com */ 
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	background-color:#666666; 
} 

#pagecontainer{
	width:812px;
	margin-left:auto;
	margin-right:auto;
	background-color:#333333;
}

#pagewidth{ 
	width:800px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

#topBar{
	position:relative;
	height:30px;
	width:100%;
	background-image:url('toolbar.png');
	background-repeat:x-auto;
}

#pageFooter{
	position:relative;
	height:30px;
	width:100%;
	background-image:url('toolbar.png');
	background-repeat:x-auto;
	vertical-align: middle;
}

#footerText {
	position:relative;
	right:12px;
	font-size:small;
	font-family:sans-serif;
	color:#fff;
	text-shadow: #333 2px 2px 2px;
	text-align: right;
	top:10px;
}

#toolbarItem{
	text-align:center;
	margin-top:auto;
	margin-bottom:auto;
	height:30px;
}

#toolbarItem a{
	font-family:sans-serif;
	color:#fff;
	text-shadow: #333 2px 2px 2px;
	text-decoration:none;
}

#toolbarItem a:hover{
	text-decoration:underline;
}

#header{
	position:relative; 
	height:300px; 
	background-image:url('claustrophobia_banner.png');
	background-repeat:no-repeat;
	width:100%;

}

div.quoteText {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	color:#ffffff;
	width:40%;
} 

#leftcol{ 
	float: left;
	width:480px;
	vertical-align:text-top;
}

#onecol
{
	vertical-align:text-top;
	height:200px;
}

div.blurbText {
	position:relative;
	left:2px;
	right:2px;
	color:#ffffff;
	font-family:sans-serif;
	font-size:small;
	padding:10px;
}

div.blurbText a{
	color:#ffffff;
	text-decoration:none;
}

div.blurbText a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#rightcol{
	float:right;
	width:320px;
	vertical-align:text-top;
}

#maincol{background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	vertical-align:text-top;
	width:100; 
}

#footer{
	clear:both;
} 

a {
	outline: none;	
}

a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 30px 10px 0;
	vertical-align: top;
}

#scoreHeading {
	font-family:sans-serif;
	color:#fff;
	text-align: center;
	background-color: #666;
	text-shadow: #333 2px 2px 2px;
}

#scoreSubHeading {
	font-family:sans-serif;
	color:#fff;
	text-align: center;
	background-color: #666;
	text-shadow: #333 2px 2px 2px;
	font-size:small;
}

#scoreBox {
	background-color:#777;
}

#highScoreName {
	font-family:sans-serif;
	color:#fff;
	font-size:small;
}

#scoreDate {
	float:left;
	font-size:small;
	font-family:sans-serif;
	color:#fff;
	position:relative;
	left:14px;
}

#scoreValue {
	float:right;
	font-size:small;
	font-family:sans-serif;
	color:#fff;
	position:relative;
	right:14px;
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}