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

html{
	overflow-y:scroll;
}

a:link{
font-weight: bold;
color: #DEA600;
}

a:visited{
font-weight: bold;
color: #DEA600;
}

a:hover{
font-weight: bold;
color: #DE0000;
}

body {
	padding: 0;
	margin: 0;
	background-color: #000000;
	text-align: left;
	color : #ffffff;
	background-image: url(images/Background.png);
	background-repeat: repeat-x;

	font-family: 'PT Sans', sans-serif;
	font-weight: 100;
	font-size: 15px;
	line-height: 1.5;
	color: #EEEEEE;	
}

#content {
	width:1024px;
	padding: 0 24px;
	margin:auto;
}

header {
	position:relative;
	left:0px;
	top:0px;
	height:275px;	/*329px*/
}

#Logo {
	position:absolute;
	left:490px;
	top:190px;
	width:510px;
	height:82px;
	z-index: -1;
}

#ButtonBottom {
	position:absolute;
	left:24px;
	top:242px;
	width:466px;
	height:3px;
}

#ButtonBottom hr{
	height: 3px;
	background-color: #FFF;
	color: #FFF;
	border: 0px;
}

#Huffel {
	position:absolute;
	left:570px;
	top:55px;
	width:131px;
	height:134px;
}

.socialButtons {
	position:absolute;
	top:23px;
	left: 24px;
}

.socialButtons a {
	display: inline-block;
	position:relative;
	width:54px;
	height:51px;
	top:0px;
	border: 0;
}

.Facebook {
	background: url('images/social-icons.png') 0 0px;
}

a.Facebook:hover {
	background: url('images/social-icons.png') 0 -53px;
}

.Googleplus {
	background: url('images/social-icons.png') 0 -106px;
}

a.Googleplus:hover {
	background: url('images/social-icons.png') 0 -159px;
}

.Linkedin {
	background: url('images/social-icons.png') 0 -212px;
}

a.Linkedin:hover {
	background: url('images/social-icons.png') 0 -265px;
}

.Steam {
	background: url('images/social-icons.png') 0 -318px;
}

a.Steam:hover {
	background: url('images/social-icons.png') 0 -371px;
}

.Twitter {
	background: url('images/social-icons.png') 0 -530px;
}

a.Twitter:hover {
	background: url('images/social-icons.png') 0 -583px;
}

.Tumblr {
	background: url('images/social-icons.png') 0 -424px;
}

a.Tumblr:hover {
	background: url('images/social-icons.png') 0 -477px;
}

.Youtube {
	background: url('images/social-icons.png') 0 -636px;
}

a.Youtube:hover {
	background: url('images/social-icons.png') 0 -689px;
}
	
#pages {
	position:absolute;
	left:30px;
	top:210px;	/* 268 */
	height:30px;
	width: 750px;
}

#pages ul {
	padding: 0;
	margin: 0;
}

#pages ul li {
	list-style-type: none;
	display: inline;
	margin-right: 13px;
}

#pages ul li a{
	font-size: 21px;
	font-weight: normal;
	text-transform:uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

#pages ul li a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

footer {
	padding: 0 24px 5px 24px;
	clear: both;
}

footer hr {
	height: 3px;
	background-color: #FFF;
	color: #FFF;
	border: 0px;
}

p.copyright{
	font-size: 15px;
	text-align: right;
	margin-top: 5px;
}

main {
	position: relative;
	left: 24px;
	width: 976px;
	min-height: 405px;
}

h1 {
	width: 976px;
	margin: 18px auto;
	overflow: hidden;
	
}

.columnWidth33 {
	float: left;
	width: 32%;
	height: 100%;
	margin-right: 1%;
}

#Gametxt {
	width: 740px;
	float:left;
}

#Gametxt hr {
	margin-right: 40px;
}

#Gametxt p {
	padding: 0 120px 0 20px;
}

#Gametxt h1 {
	height: 0;
	margin: 0;
}

#Gametxt h2 {
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: normal;
}

#Gametxt .fb-like-box {
	display: block;
	width: 150px;
	height: 63px;
}

#Gametxt ul {
	padding-right: 60px;
}

#Gametxt ul.quotes li:nth-child(odd){
	list-style-type: none;
	margin-left: -30px;
	font-style: italic;
}

#Gamevideo {
	width:720px;
	height:405px;
	margin: 0 auto 30px auto;
}

#comments {
	margin-top: 20px;
}

#newsFeed {
	overflow: visible;
}

#Scores th {
	text-align: left;
	background:#555; 
	padding: 5px 8px 5px 8px; 
}

#Scores tr {
	color: #EEEEEE;
}

#Scores tr:nth-child(even) {
  background-color: #111;
}

#Scores tr:nth-child(odd){
	background-color: #222;
}

#Scores form {
	width: 923px;
	padding: 15px 25px 15px 0;
}

#Scores label {
	margin-right: 5px;
	font-size: 16px;
	color: #DEA600;
}

#Scores select {
	margin-right: 30px;
	font-size: 16px;
	color: #FFFFFF;
	
   background-color: #222222; 
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
}

#Scores select:hover {
	background-color: #333333;
}

#Leaderboard {
	width: 923px;
	margin-top: 25px;

}
#Leaderboard table {
	border: 2px solid #222222;
}

#Scores td {
	padding:5px 40px 5px 8px;
	height: 25px;
}
#Leaderboard table td:nth-child(1) {
	min-width: 40px;
	text-align: center;
	padding-right: 8px;
}
#Leaderboard table td:nth-child(2) {
	min-width: 350px;
}
#Leaderboard table td:nth-child(3) {
	min-width: 100px;
}
#Leaderboard table td:nth-child(4) {
	min-width: 100px;
}

#Stats {
	width: 923px;
	height: 34px;
	padding: 15px 25px 15px 25px;
	margin: 0px;
}

#grid {
	margin-top: 25px;
	background-color: #DEA600;
	border: 12px solid #111111;
}

#label {
	margin-right: 5px;
	font-size: 16px;
	color: #DEA600;
}

#startButton{
	background-color: #333;
	color: #FFF;
	height: 34px;
	width: 120px;
	margin-right: 20px;
}

#clearButton{
	background-color: #333;
	color: #FFF;
	height: 34px;
	width: 90px;
	margin-right: 515px;
}

/* download tracker */
#Download th {
	text-align: center;
	background:#555; 
	padding: 5px 8px 5px 8px; 
}

#Download th:nth-child(1) {
	text-align: left;
}

#Download tr {
	color: #EEEEEE;
}

#Download tr:nth-child(even) {
  background-color: #111;
}

#Download tr:nth-child(odd){
	background-color: #222;
}

#Overview {
	width: 979px;
	height: 328px;
	padding: 25px 0 25px 0;
	margin-top: 19px;
}
#Overview table {
	border: 2px solid #222222;
}

#Download td {
	position:relative;
	padding:5px 40px 5px 8px;
	height: 25px;
}
#Overview table td:nth-child(1) {
	min-width: 543px;
	padding-right: 8px;
}
	
#Overview table td a{
	color: #DEA600;
}

#Overview table td a:hover{
	color: #DE0000;
}

#Overview table td:nth-child(2) {
	min-width: 125px;
	padding-right: 8px;
	text-align: center;
}
#Overview table td:nth-child(3) {
	min-width: 50px;
	padding-right: 8px;
	text-align: center;
}

span.download-label{
	position: absolute;
	top: 6px;
	right: 16px;
	background-color:#DE0000;
	border:1px solid #DE0000;
	color:white;
	display:none;
	font-size:15px;
	padding:1px 4px 1px 18px;
	margin: 0px 15px 0px 0px;
	
	text-decoration:none;
	text-shadow:0 0 1px #315D0D;

	width: 130px;
}

#Overview table td:hover .download-label{
	display:block;
}

#downloadsTable {
	float:left;
}

#hoverImage {
	float:left;
	margin-left: 25px;
	border: 0px;
}

div.copyright {
	clear:both;
	margin-bottom: 15px;
}

div.crawlable {
	display:none;
}

.foot {
	font-style: italic;
	font-size: 11px;
}

.foot a:link{
	color: #FFFFFF;
	font-weight:normal;
}

.foot a:visited{
	color: #FFFFFF;
	font-weight:normal;
}

.foot a:hover{
	color: #FFFFFF;
	font-weight:normal;
}

.gameBanner span {
	z-index: -1;
	position: relative;
	height: 20px;
	top: -29px;
	margin-left: 7px;
	margin-right: 7px;
}

.gameBanner span.subTextLeft {
	font-size: 12px;
	margin: 0;
	float: left;
	width: 686px;
}

.gameBanner span.subTextRight {
	font-size: 12px;
	margin: 0;
	float: right;
	width: 288px;
}

article {
	margin-bottom: 23px;
}

article.scaling {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

article.scaling:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
}

article.gameBanner {
	position: relative;
	border: 1px solid #000;
	padding: 0;
  width: 974px;
  height: 184px;
	font-weight: bold;
}

article.gameBanner span.button {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0px;
	z-index: 10;
}

article.gameBanner span.button a {
	display: block;
	width: 208px;
	height:	66px;
}

span.button span.buttonText {
	display: none;
}

.downloadButton.WIN {
	background: url('images/download-buttons.png') 0 0px; 	/* 0px */
}

.downloadButton.WIN:hover {
	background: url('images/download-buttons.png') 0 -68px;			/* -68px	*/
}

.downloadButton.MAC {
	background: url('images/download-buttons.png') 0 -138px;	/* 199px	*/
}

.downloadButton.MAC:hover {
	background: url('images/download-buttons.png') 0 -206px;	/* 133px	*/
}

.downloadButton.LINUX {
	background: url('images/download-buttons.png') 0 -274px;	/* 332px	*/
}

.downloadButton.LINUX:hover {
	background: url('images/download-buttons.png') 0 -342px;	/* 264px	*/
}

.playButton {
	background: url('images/play-button.png') 0 0;
}

.playButton:hover {
	background: url('images/play-button.png') 0 -68px;
}

.downloadSection {
	clear: both;
	width: 350px;
	height:	86px;	
	margin: auto;
}

.downloadSection span.button a {
	display: block;
	width: 208px;
	height:	66px;	
	margin: auto;
}


.downloadSection span.buttonSubText {
	display: block;
	width: 350px;
	height:	20px;
	text-align: center;
	margin: auto;
	font-size: 13px;
	line-height: 25px;
}

#media {
	position: relative;
}

#screensRight {
/*
	display: inline-block;
	float: left;
	width: 200px;
	margin: 26px 35px 0 0;
*/
	display: inline-block;
	
	width: 200px;
	height: 100%;
	
	margin: 26px 0 0 36px;
		
	
}

#screensRight ul {
	padding: 0;
	margin: 0;
}

#screensRight li {
	list-style-type: none;
	margin-bottom: 15px;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.clear {
	clear: both;
}

#Games #pages .Games a, #News #pages .News a, #Downloads #pages .Downloads a, #Scoreboards #pages .Scoreboards a, #About #pages .About a, #Contact #pages .Contact a {
  text-decoration: underline;
	color: #DEA600;
}

.inBannerButtons {
	width: 120px;
}