body {
	background:#2a2a28 url('http://cloud.redcardgroup.com/lan/images/bg.jpg') top left repeat-x;
	color:#D9D9D9;
	-webkit-font-smoothing: antialiased;
	padding:0 100px;
}

h4 {
	font-size:13px;
	fint-weight:normal;
	margin-top:5px;
}

a {
	color:#8bc53f;
	text-decoration:none;
	font-weight:bold;
}

p {
	font-size:14px;
	line-height:18px;
	margin-bottom:18px;
}

p + p {
	text-indent:0;
}

strong.username {
	font-size:24px;
}

strong.username span {
	color:#f9f9f9;
	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,1)));
}

span.big, span.small {
	font-size:22px;
	font-weight:bold;
	color:rgba(227,216,111,1);
	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,1)));
}

span.small {
	font-size:14px;
	font-weight:normal;
}

#wrapper {
	position:relative;
	margin:0 auto;
	width:800px;
	margin-top:40px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
}

header {
	background:url('http://cloud.redcardgroup.com/lan/images/soldier_bg.jpg') no-repeat;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	padding:0;
	margin:0;
	height:590px;
}

header h1 {
	text-indent:-9999px;
	position:absolute;
}

header img#soldier {
	position:relative;
	top:-23px;
	left:-85px;
}

header #back_home {
	position:absolute;
	top:250px;
	left:50px;
	background:#fbe3ae;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

header #back_home a {
	font-weight:normal;
	padding:8px;
	color:#5b5146;
	font-size:16px;
	letter-spacing:-1px;
}

header #back_home:hover {
	background:#edede6;
}

section#gentlemen {
	background:url('http://cloud.redcardgroup.com/lan/images/brick_bg.jpg') no-repeat;
	display: inline-block;
}

section#gentlemen img#gentlemen_title, section#meetthe img#meetthe_title {
	position:relative;
	top:-30px;
	left:-20px;
	z-index:9999;
}

section#meetthe {
	background:url('http://cloud.redcardgroup.com/lan/images/brick_bg.jpg') no-repeat;
	display: inline-block;
}

section#meetthe img#meetthe_title {
	position:relative;
	top:-25px;
	left:-13px;
}

#players {
	position:relative;
	float:left;
	margin-top:-40px;
}

.player {
	position:relative;
	float:left;
	margin:0 30px 10px;
	width:340px;
	height:300px;
}

img.badge {
    position:absolute;
    top:30px;
    right:0;
    float:right;
    max-width:160px;
}

.userid img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:4px;
	margin:10px 10px 10px 0;
	width:48px;
	-webkit-box-shadow:0 0 2px #969686;
	-moz-box-shadow:0 0 2px #969686;
	box-shadow:0 0 2px #969686;
}

.ingame img {
	background: rgba(170,208,117,1);
	background: -webkit-gradient(linear, left bottom, left center, from(rgba(142,176,95,1)), to(rgba(170,208,117,1)));
	background: -moz-linear-gradient(bottom, rgba(142,176,95,1), rgba(170,208,117,1));
}

.online img {
	background: rgba(146,181,216,1);
	background: -webkit-gradient(linear, left bottom, left center, from(rgba(107,127,163,1)), to(rgba(146,181,216,1)));
	background: -moz-linear-gradient(bottom, rgba(107,127,163,1), rgba(146,181,216,1));
}

.offline img {
	background: rgba(128,122,121,1);
	background: -webkit-gradient(linear, left bottom, left center, from(rgba(98,96,94,1)), to(rgba(128,122,121,1)));
	background: -moz-linear-gradient(bottom, rgba(98,96,94,1), rgba(128,122,121,1));
}

.disclaimer {
	position:relative;
	margin-top:-30px;
	padding:0 20px;
}

#meetthevideo {
	position:relative;
    background:url('http://cloud.redcardgroup.com/lan/images/meetthevideo_bg.jpg') no-repeat;
    width:800px;
    height:450px;
	top:-50px;
}

#meetthe .video {
	float:left;
	width:300px;
	margin: 15px 50px;
}

.video a img {
	max-width:300px;
	-webkit-box-shadow:0 0 4px #969686;
	-moz-box-shadow:0 0 4px #969686;
	box-shadow:0 0 4px #969686;
	opacity:0.7;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
}

.video a img:hover {
	opacity:1;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
}

#meetthe .video h3 {
	text-align:center;
}

#meetthe .video h4 {
	text-align:center;
}

#countdown {
    display:block;
    color:#FFF;
    margin:0 auto;
    width:800px;
    text-align:center;
    padding-top:150px;
    font-size:120px;
    text-shadow:5px 5px 10px #000;
}

#countdown span {
    color:#FFF;
	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,1)));
	-moz-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,1));
}

#countdown small {
    font-size:14px;
    color:#FFF;
    font-weight:bold;
}

footer {
	position:relative;
	margin:30px auto;
	width:800px;
}

footer p {
	text-align:center;
}