@charset "UTF-8";
/* CSS Document */


body{
background-color:#333333;
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
}

a:link{
color:#FFFFFF;
text-decoration:none;
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
}
a:active{
color:#FFFFFF;
text-decoration:none;
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
}
a:visited{
color:#FFFFFF;
text-decoration:none;
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
}
a:hover{
color:#666666;
text-decoration:none;
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
}

p{
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

p.big{
	font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
	font-size:150px;
	color:#FFFFFF;
	line-height:0%;
}

p.play{
font-family: Myriad Pro, Arial Bold, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#container{
max-width:710px;
margin-left:auto;
margin-right:auto;
}

#containerplay{
width:710px;
margin-left:auto;
margin-right:auto;
}

#title{
background-image:url(images/dude.png);
background-repeat:no-repeat;
max-width:700px;
height:501px;
border:dashed;
border-color:#FFFFFF;
}

#instruct{
max-width:700px;
}

#ileft{
	float:left;
	text-align:right;
	width:350px;
	height: 160px;
}

#iright{
	float:right;
	text-align:left;
	width:350px;
	height: 160px;
	padding-bottom:20p;
	font-size:150px;
}

#header{
color:#FFFFFF;
font-size:25px;
text-align:center;
padding-bottom:5px;
}

#hellaciousgame{
float:left;
text-align:center;
background-color:#aeaeae;
width:700px;
padding-top:40px;
padding-bottom:40px;
border:dashed;
border-color:#FFFFFF;
}

#description{
clear:both;
padding-top:5px;
padding-bottom:5px;
text-align:left;
}

#dleft{
width:345px;
float:left;
padding-top:5px;
padding-right:10px;
text-align:right;
}

#dright{
width:345px;
float:left;
padding-top:5px;
padding-left:10px;
text-align:left;
}