body {
	margin: 0;
	padding: 0;
	background: #eee;
	font-family: arial;
}

h1 {
	margin: 0;
	padding: 0;
	display: none;
}

h2, h3 {
	letter-spacing: -0.06em;
}

p {
    font-size: 14px;
    line-height: 21px;
}

button, a.button {
	margin: 1px;
	padding: 4px;
	background: #222;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #555 #000 #000 #555;
	color: #eee;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

div.top {
	background: #000 url(../images/top-bg.gif) bottom left repeat-x;
}

div.bottom {
	border-bottom: 1px solid #eee;
	background: #eee url(../images/bottom-bg.gif) top left repeat-x;
}

div.logo {
	margin: 0 auto;
	padding: 0;
	width: 250px;
	height: 250px;
	background: url(../images/cqube-logo.png) center center no-repeat;
	behavior: url(../images/iepngfix.htc);
}
div.logo:hover {
	cursor: pointer;
}

div.introduction {
	margin: 0 auto;
	padding: 0 20px;
	width: 600px;
	color: #eee;
}

div.introduction h2 {
	margin: 0;
	padding: 0;
}

div.introduction p {
	margin: 0;
	padding: 0 0 10px 0;
}

div.wrap {
	margin: 0 auto;
	padding: 0;
	width: 600px;
}

div.game {
	margin: 0;
	padding: 20px 0;
	width: 300px;
	#width: 270px;
	float: left;
}

div.game #flashThumbnail {
	background: url(../images/flash-thumbnail.png) top left no-repeat;
	behavior: url(../images/iepngfix.htc);
}

div.game #iphoneThumbnail {
	background: url(../images/iphone-thumbnail.png) top left no-repeat;
	behavior: url(../images/iepngfix.htc);
}

div.game .description {
	margin: 0;
	padding-left: 105px;
	min-height: 180px;
	#height: 180px;
}

div.game h3 {
	margin: 0;
	padding: 0 0 5px 30px;
	background: url(/images/character.png) 0 0 no-repeat;
	behavior: url(../images/iepngfix.htc);
}

div.game img {
    float:left;
    padding-right: 10px;
	width: 100px;
	height: 180px;
}

p.copyright {
	margin: 0 auto;
	padding: 20px 0;
	width: 600px;
	clear: left;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: small;
	text-align: center;
}
/* ranking
==================================================*/

table.highscores {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: small;
	border-collapse: collapse;
}
table.highscores th {
	padding: 4px 0;
	border-bottom: 1px solid #ddd;
}

table.highscores tr.even td {
	background: #fff;
}

table.highscores td {
	border-bottom: 1px solid #ddd;
}

div#ranking {
    display: none;
}