BODY {
	background-color:#000;
	background:url(../images/hex_black.png);
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
}

A, A:visited {
	text-decoration:none;
	color:#fff;
	outline:none;
}

A:hover {
	text-decoration:underline;
}

H1 {
	margin-top:5px;
	margin-bottom:5px;
}

.title {
	position:absolute;
	top:17px;
	left:155px;
	font-family:courier;
	font-size:36px;
	font-weight:bold;
	color:#89a;
}

#board {
	position:absolute;
	top:60px;
	left:104px;
	height:auto;
	width:auto;
}

.input, .button {
	background-color:#444;
	border:solid 1px #777;
	color:#fff;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	margin-bottom:3px;
}

.invalid {
	background:url(../images/validation_bg.png);
	background-position:right;
	background-repeat:no-repeat;
}

.button {
	border:outset 2px #777;
}

#stats {
	width:200px;
	float:left;
	display:block;
	border:dashed 1px #333;
	background-color:#222;
	padding:3px;
	margin:5px;
	text-align:center;
}

#avatar_form {
	width:300px;
	float:left;
	display:block;
	border:solid 1px #333;
	background-color:#222;
	padding:3px;
	margin:5px;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#mainPage .news_header {
	border:solid 1px #445;
	background-color:#334;
	padding:0px;
	margin:5px;
	text-align:right;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#mainPage .news {
	border:solid 1px #334;
	background-color:#223;
	padding:3px;
	margin:0px;
	text-align:right;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* IMAGE CROP */

#rawImage {
	border:solid 1px #aaa;
	position:absolute;
	top:0px;
	left:0px;
	width:600px;
	height:600px;
	background-color:#444;
}

#viewFinder {
	border:dotted 1px #fff;
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	background-color:#666;
}

/* 
--------------------- TILES ----------------------------
*/

.hex_bit {
	height:81px;
	width:70px;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-webkit-background-origin: content;
	position:absolute;
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.hex_blue 	{ background:url(../images/hex_bit_blue.png) no-repeat 100% 100%; }
.hex_green 	{ background:url(../images/hex_bit.png) no-repeat 100% 100%; }
.hex_purple	{ background:url(../images/hex_bit_purple.png) no-repeat 100% 100%; }
.hex_yellow	{ background:url(../images/hex_bit_yellow.png) no-repeat 100% 100%; }
.hex_red	{ background:url(../images/hex_bit_red.png) no-repeat 100% 100%; }

/* 
--------------------- ICONS ----------------------------
*/

.icon {
	height:16;
	width:16;
	position:absolute;
}

.monitor{
	background:url(../images/monitor.png);
}

.user{
	background:url(../images/user.png);
}

.user_female{
	background:url(../images/user_female.png);
}

.phone{
	background:url(../images/phone.png);
}

.server{
	background:url(../images/server.png);
}

.vcard{
	background:url(../images/vcard.png);
}

.money{
	background:url(../images/coins.png);
}