@charset "utf-8";
/* CSS Document */

@font-face { font-family: Tengwar Eldamar; src: url('http://lindefirion.net/tengel_.ttf'); } 

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

h1 {
	font-family: 'IM Fell English', serif;
	font-size: 55px;
	font-weight: normal;
	margin-top: 50px;
}


table {

}

#character td {
	color: #FFFFFF;
	text-align: center;
	color: #412c20;
	font-family: 'IM Fell English', serif;
	font-size: 17px;
	vertical-align: top;
}

img {
	border-radius: 78px;
	border: 6px solid #fff;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
	cursor:pointer;
	margin-bottom: 5px;
}

#character img:hover {
	-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.6);
	box-shadow: 0 0 15px 5px rgba(255,255,255,1);	

}

.dead {
	border: 6px solid #323450;
	filter: blur(2px) grayscale(20%);
	transition: all .2s ease-in-out;
}
.dead:hover { transform: scale(1.1); }

.player {
	background-color: rgba(219, 175, 93, 0.1);	
}

.other {
	background-color: rgba(250, 208, 130, 0.1);
}


body {
	color:#333;
	background-color: #EEE;
	margin-top: 0pt;
	margin-left: 80pt;
	margin-right: 80pt;	
	margin-bottom: 40pt;
	font: normal 10pt/16pt Arial, Helvetica, "DejaVu Serif", "Trebuchet MS", Times, serif; 
	text-align: left;
	color: #444;
	background: #FFF url(https://www.lindefirion.net/tausta2.jpg) fixed top;
	border: none 0; 
}

.button {
padding: 15px;
	background: rgb(213,206,166); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(213,206,166,1)), color-stop(40%,rgba(201,193,144,1)), color-stop(100%,rgba(183,173,112,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 8px;
	color: #fff;
	text-shadow: -1px -1px 1px #8A8A8A;
	text-decoration:none;
	border: 1px solid #fff;
}
.button:hover {
background: rgb(213,206,166); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(213,206,166,1)), color-stop(40%,rgba(201,193,144,1)), color-stop(100%,rgba(183,173,112,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


    .black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
        top: 15%;
        left: 25%;
        width: 50%;
        height: 60%;
        padding: 16px;
        border: 16px solid #fff;
		border-radius: 15px;
		background-color: white;
        z-index:1002;

}
	
iframe {
	width: 100%;
	height: 98%;
	border: 0;
	margin-top: 15px;
}