@import url(http://fonts.googleapis.com/css?family=Lato:400|Merriweather:400);

html, body{
	font-family:Lato,Verdana;
	background:#eee;
	-webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

a:visited{
	color:blue;
}

.text{
	vertical-align:top;
}

#preloader{
	background:#fff;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:10000;
}

.tm-grey{
	background:#3a3a3a;
	background:linear-gradient(rgb(121,121,121),rgb(5,5,5));
}

.tm-grey-mid{
	background:#3a3a3a;
}

.tm-orange{
	background:#d47e00;
	background:linear-gradient(rgb(70,12,0),rgb(212,126,0),rgb(212,126,0),rgb(212,126,0),rgb(70,12,0));
}

.grey{
	background:#eee;
}

.white{
	background:#fff;
}

.black{
	background:#d3c393;
}

.row-wrapper{
	margin-top:0px;
}

#board{
	margin:0px auto 0 auto;
}

.square{
	position:absolute;
	width:35px;
	height:36px;
}

.inner-square{
	position:relative;
	width:35px;
	height:36px;
}

.piece{
	position:relative;
	z-index:9;
	width:35px;
	height:35px;
	-webkit-transition:all 0.75s ease-in-out;
	-moz-transition:all 0.75s ease-in-out;
	transition:all 0.75s ease-in-out;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

.button{
	cursor:pointer;
	padding:20px;
	display:inline-block;
	background:#222;
	color:white;
}

.rank-number{
	vertical-align:middle;
	padding-right:10px;
}

.file-letter{
	text-align:center;
	padding-top:5px;
}

.logo-img {
	max-height:90%;
}

table{
	display:inline-block;
}

#banner-img{
	background-image:url('c3.jpg');
}

.menu-link:hover{
	opacity:0.5;
}

@media only screen and (min-width:768px) {

	.text-box-left{
		text-align:right;
		padding-right:40px;
	}
	
	.text-box-right{
		text-align:left;
		padding-left:40px;
	}
	
}