@charset "utf-8";
/* Resets */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* addtional experimental fixes*/

pre { font-family: monospace; }


/* Clear fix */

div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* just to hide something */
.off {
  display:none;
}

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


/* CSS Document */

/* General setup */

a, a:link, a:active, a:visited {
	text-decoration:none;
}


h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, Geneva;}

img {
  	border:0;
}

body {
text-align:center;
}


h5 {
	font-size:1.0em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
}

h4 {
	font-size:1.1em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
}

h3 {
	font-size:1.3em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
}

h2 {
	font-size:1.4em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
}

#logo {
position:relative;
align:center;
width:780px;
padding-top: 10px;
}

#number{
position:absolute;
top:166px;
right:255px;
z-index:1;
}

#number h4{
color:#06F;
}

#game {
margin:0px 0 0 0;
align:center;
width:775px;
}

#prefooter{
width:680px;
margin-left:auto;
margin-right:auto;
padding : 0px 0px 5px 0px;
}

#prefooter2{
width:875px;
margin-left:auto;
margin-right:auto;
padding : 0px 0px 5px 0px;
}

#prefooter h5{
float:left;
}

#prefooter_txt {
width:100%;
height:30px;
padding:5px 0px 0 0px;

text-align:left;
}

#prefooter_txt2 {
  height:40px;
  float:right;
  padding:0px 87px 0 0px;
}

#prefooter_txt2 h2{
  padding:5px 5px 0 0px;
  float:left;
}

#prefooter_txt2 a{
  float:left;
}

#prefooter_txt2 img{
float:left;

}

#prefooter_txt a{
	color:#ffffff;
}

#footer{
width:775px;
margin-left:auto;
margin-right:auto;
}

#footer_txt {
height:30px;
text-align:center;
padding:5px 0 0 250px;

}
#footer h5{
float:left;
}

#small_star{
  vertical-align: middle;
  float:left;
}

#level_outer{
 float:left;
 padding: 0px 0 0 80px;
 width:500;
}

#level{
  float: left;
 padding: 9px 0 0 0px;
}

#left_col {
float:left;
width:370px;
}

#right_col {
float:left;
width:300px;
}

#advice{
float:left;
width:100%;
text-align:left;
}

#top {
float:left;
width:350px;
}

#leader, .leader_cou {
float:left;
background-color:#441e5b;
margin-bottom:0px;
margin-left:0px;
margin-top:0px;
width:240px;
}

#leader .leader_num {
float:left;
margin-left:17px;
margin-top:0px;
width:70px;
}

#leader table {
background-color:#441e5b;
color:#FFFFFF;
float:left;
font-size:1.0em;
margin-bottom:0px;
margin-left:0;
width:350px;
}

#share {
  width: 800px;
  margin: auto;
  padding : 10px 0 0 0;
}

#embed_code {
  float: right;
  padding : 0px 40px 0 0;
}
#share h2 {
  text-align: left;
  padding : 0px 0px 0 50px;
}

#embed_code textarea{
  overflow : hidden;
  color:gray;
  font-size:0.9em;
  white-space:normal;
}