@charset "utf-8";


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

}


.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;
}

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



.dateText {
	color: #FFFF88;
	font-size:10px;
}

.subTitle{
	color:#FFFFFF;
	font-size:12px;
	padding-left: 15px;
}

.nav{
	border: 0;
	padding: 0;
	margin: 0;
	text-align: left;
	height: 25px;
	width: 650px;
	
	background-image:url('imgs/images/nav_bg.gif');	
}

.navSub{
	border: 0;
	padding-left: 10px;
	margin: 0;
	float: left;
	height:26px;
	opacity:0.5;

}

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

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

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

	background-repeat: no-repeat;
}

.gameInfo{


	margin-top: 18px;
	margin-left: 33px;
	width: 430px; 
	text-align: left;
	font-size:10px;
	line-height: 13px;

}

p {
	margin: 10px 0px
}


.gameTitle{
	color:#FFFFFF;
	font-size:12px;

	margin: 0px;
	padding: 0px;
}

.playBtn{

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

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

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

}


input, textarea{
	color: #666666;
	background: #151515;
	border: 1px solid #000000;
	font-size:10px;
}
.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:#FFFF00;
	text-decoration:none;

}

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



a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	bottom: 8px;
	left: 75%;
//	width: 113px;
	height: 27px;
	min-width: 20px;
	padding: 3px;
	padding-left: 7px;
	z-index: 100;
//	background: #ffffff;
	color: #cccccc;
	background-image:url('imgs/images/speech_bubble_01.png');
//	-moz-border-radius: 5px; /* this works only in camino/firefox */
//	-webkit-border-radius: 5px; /* this is just for Safari */
	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%; /* this is just for IE */

}

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