/*====================================================
FONTS
====================================================*/
@font-face
{
	font-family: Stonehenge;
	src: url(stonehen.ttf);
}

@font-face
{
	font-family: Wilderness;
	src: url(Wilderness.ttf);
}

@font-face
{
	font-family: OldNewspaperTypes;
	src: url(OldNewspaperTypes.ttf);
}

/*====================================================
BODY
====================================================*/
body {
	margin: 0;
	background-color: #050505;
	color: #FFF;

	/*background: url(../img/tweed.png);*/

	font-family: OldNewspaperTypes;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;

	cursor: default;
}

/*====================================================
A
====================================================*/
a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*====================================================
GAME
====================================================*/
#game {
	margin: 0 auto;
	/*width: 800px;*/
	max-width: 700px;
	/*height: 100%;*/
	min-height: 100%;
	background-color: #333;

	box-shadow: 0 0 20px rgba(0,0,0,0.6);

	background: url(../img/binding_dark.png);
}

#gameContainer {
	padding: 20px;
}

#gameContainer > div {
	margin-bottom: 20px;
}

/*====================================================
CARD
====================================================*/
.card {
	padding: 10px;
	
	/*
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	border: 10px solid transparent;
	border-image: url(../img/bg01.png) 10 10 round;	
	background-color: #C0A686;
	background-clip: padding-box;*/

	background: url(../img/black_paper.png);
	border-radius: 3px;
	box-shadow: 0px 3px 15px rgba(0,0,0,1);
	border: 1px solid #000;
}

.card .title {
	font-family: Wilderness;
	font-size: 50px;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	float: left;

}

.card .flags {
	float: right;
	margin-top: 5px;
}

.flag {
	display: inline-block;
	border-radius: 5px;
	border: 2px solid #624D2F;
	background-color: #EFC472;
	padding: 5px;
	margin: 5px 5px 0 0;
	color: #805428;
}

.flag .value {
	border-radius: 5px;
	border: 2px solid #4F7021;
	background-color: #B3DD59;
	padding: 0 5px;
	margin-left: 5px;
}

.card .text {
	clear: both;
	font-size: 18px;
	/*color: #D1D2CA;*/
	color: #888;

	/*text-shadow: 2px 2px 2px rgba(0,0,0,0.6);*/
}

.card .action {
	background-color: rgba(0,0,0, 0.3);
	border: 1px solid #222;
	color: #FFF;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
}

.card .action:hover {
	background-color: rgba(150,150,150,0.6);
	border: 1px solid #888;
	cursor: hand;
	/*box-shadow: 0 5px 5px rgba(0,0,0,0.6);*/
}

/* 
.card.special {
	background-color: #511;
}

.special .action{
	background-color: #300;
}

.special .action:hover{
	background-color: #F00;
}

.actionSpecial {
	background-color: #030 !important;
}

.actionSpecial:hover {
	background-color: #0F0 !important;
}*/

div.picture {
	clear: both;
	/*width: 100%;*/
	height: 200px;
	border-radius: 5px;
	/*background-repeat: no-repeat;*/
	background-size: cover;
	/*box-shadow: 0px 0px 10px rgba(255,255,255,0.1);*/

	margin-bottom: 20px;


	box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
	border: 1px solid #222;
}

/*====================================================
PLAYER
====================================================*/
.player {
	/*background-color: rgba(150,150,150,0.3);*/

	background: url(../img/player_bg.png);
}

.player .title{
	font-size: 20px;
}

.spacer {
	margin-bottom: 10px;
	clear:both;
}

.hide {
	display: none !important;
}