@charset "utf-8";


html{
	height:100%;
}
body {
	height:100%;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	background-color: #111111;
	color:#CCCCCC;
	text-shadow: 0px 1px 1px #000;
	text-align: center;
	background-image:url('imgs/bg.gif');
	background-repeat:repeat-x;

	font-size:0.8em;
}


@media only screen and (max-width: 60em)
{
	body
	{
		font-size:1.0em;
	}
}



.main{
	min-height:100%;
	width: 650px;

	margin: 0 auto;
	padding:0px;
	
	
	border-left: 1px;
	border-left-color:#333333;
	border-right: 1px;
	border-right-color:#333333;

	border-left-style:solid;
	border-right-style:solid;
	
	
	background-color: #000000;
	
	text-align: center;

}

.rightFloat{
	position: absolute;
	top: 20px;
	right: 20px;
	float: right;

}

.rightAdHolder{
	padding: 7px;

	border: 1px;
	border-color:#333333;
	border-style:solid;

	background-color: #000000;
}

.centerAdHolder{
	position: relative;
	width:730px; 
	height:92px; 
	left: -40px; 

	padding: 7px;

	border: 1px;
	border-color:#333333;
	border-style:solid;

	background-color: #000000;
}


.title{
	color:#FFFFFF;
	text-align: center;
	
	padding:0px;
	line-height: 3px;
}



.dateText {
	color: #FF8;
	
}

.subTitle{
	color:#FFF;
	
	padding-left: 15;
}

.nav{
	border: 0;
	height: 35px;
	width: 650px;
	
	background-image:url('imgs/images/nav_bg.gif');	
	background-size: cover;

	text-align: justify;

}

.nav:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

.navSub{
  	display: inline-block;
	
	text-shadow: 0px 1px 1px #FFF;
	font-weight: bold;
	color:#000;
	font-size:1.4em;
	
	text-decoration: none;

	padding-top: 6px;
	padding-bottom: 6px;

	padding-left: 10px;
	padding-right: 10px;
}


.navSub a{
	color: #333;
}
.navSub a:visited{
	color: #333;

}
.navSub a:link {
	color: #333;
	
}
.navSub a:hover{
	color:#000;
}
.navSub a:active {
	color:#333;
}


.logPost{
	background-image:url('imgs/comments_bg.gif');		
	padding: 18px;
	text-align: left;
	
}

.game{
	
	min-height: 140px;
	text-align: left;

	padding-top: 1px;
	padding-left: 1px;

	background-repeat: no-repeat;

	margin-top: 18px;
	margin-bottom: 18px;
}

.gameInfo{

	position: relative;
	margin-top: 8px;
	margin-left: 30px;
	width: 445px; 
	min-height: 120px;
	text-align: left;

	color:#FFF;
	
	/*
	padding: 5px;
	padding-bottom: 0px;

	border: 1px;
	border-color:#999;
	border-style:solid;
	background-color: rgba(20,20,20,0.75);
	*/
}

.gameLinks{

	position: absolute;
	bottom: 0;
	background-color: rgba(20,20,20,0.75);
	border-radius: 25px;
	padding-left: 10px;
	padding-right: 10px;
}


.hiddenGameInfo{
	visibility: hidden;
	display: none;

}

.gameInfo a:link{
	margin-left: 10px;
	margin-right: 10px;
}

p {
	margin: 10px 0px
}


.gameTitle{
	
	top: 10px;
	color:#FFFFFF;
	font-size:1.2em;
	

	margin: 0px;
	padding: 0px;
	
}

.playBtn{

	text-align: center;
	
	color:#FFFF00;
}

.comments{
	width: 650px;
	
	color: #BBBBBB;
	text-align: left;
	
	background-color:#222222;

	background-image:url('imgs/comments_bg.gif');
	background-repeat:repeat-y;

}


input, textarea{
	color: #666666;
	background: #151515;
	border: 1px solid #000000;
	
}
.btn input{

	background: #333333;
	color: #CCCCCC;

}

.debug{
	width: 650px;
	
	text-align: left;
	font-size:10px;
	background-color:#353535;
	
	background-image:url('imgs/comments_bg.gif');
	background-repeat:repeat-y;

}
.debug{
	background-color: #222222;
}


.centContent{
	text-align: center;
}



a:link {
	color:#FF0;
	text-decoration:none;
	
}

a:visited {
	color:#FF0;
	text-decoration:none;
}



a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	bottom: 8px;
	left: 75%;

	height: 27px;
	min-width: 20px;
	padding: 3px;
	padding-left: 7px;
	z-index: 100;

	color: #cccccc;
	background-image:url('imgs/images/speech_bubble_01.png');
	white-space:nowrap;
	text-decoration:none;

	

}

a.tip span:after {
	position: absolute;
	right: -11px;
	top: 0px;
	float: right;
	
	content:url('imgs/images/speech_bubble_02.png');
}

a:hover.tip {
	font-size: 99.99%; /* this is just for IE */

}

a:hover.tip span {
	display: block;
}