/* stylesheet for dixit-bridge use with browsers */
body {
	font-size: 16pt;
	color: #483b3b; 
	background-color: #222;
	font-family: "Palatino Linotype";
}
h1 {
	margin-top: 2px;
	margin-bottom: 4px; 
	font-size: 36pt;
	font-weight: 1200;
	-webkit-text-fill-color: #483b3b;
	-webkit-text-stroke-color: #c8a270;
	-webkit-text-stroke-width: 1.44px; 
}
p, span {
	color: red;
	margin: 0px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 12px;
	color: #c8a270;
	background-color: #483b3b; 
	font-family: "Helvetica";
	/* background-color: #be7f50; */
	/* border-color: #c8a270; */
	/* border-style: solid; */
	/* border-width: 1px; */
}

span.story {
	font-size: 10pt; 
}
p.story, p.centerstory {
	margin-top: 4px; 
	margin-bottom: 8px; 
	color: #483b3b;
	background-color: #be7f50;
	border-color: #d8b280; 
	border-style: solid; 
	border-width: 1px; 
	border-radius: 0;
}
p.centerstory {
	text-align: center;
}

form {
	/* background-color: gold; */
	text-align: center;
	padding-top: 12px;
}
.red { background-color: #b41d1d; color: #f8c270; }
.white { background-color: #c0c6d3; color: #4c3c3c; }
.yellow { background-color: #d0b92b; color: #4c3c3c; }
.green { background-color: #007e2f; color: #f8c270; }
.blue { background-color: #0160c0; color: #f8c270; }
.pink { background-color: #ca4599; color: #f8c270; }
.violet { background-color: #9945ca; color: #f8c270; }
.brown { background-color: #a77a4b; color: #f8c270; }
.orange { background-color: #eb681e; color: #f8c270; }
.cyan { background-color: #40bfbf; color: #f8c270; }
.teal { background-color: #1e9999; color: #f8c270; }
.darkblue { background-color: #094a8c; color: #f8c270; }
.dusky-pink { background-color: #ba7278; color: #f8c270; }
.creamy { background-color: #c8c07f; color: #4c3c3c; }
.chartreuse { background-color: #68962d; color: #f8c270; }
.green-blue { background-color: #016978; color: #f8c270; }
.olive { background-color: #766d27; color: #f8c270; }
.umber { background-color: #695b5b; color: #f8c270; }
.blue-grey { background-color: #6588b0; color: #f8c270; }
.orange-red { background-color: #d0431e; color: #f8c270; }
.saffron { background-color: #de9125; color: #f8c270; }
.lilac { background-color: #ad86cf; color: #f8c270; }
.purple { background-color: #bf315b; color: #f8c270; }
.beige-red { background-color: #d69779; color: #4c3c3c; }


input {
	border-radius: 24px;
	font-size: 24pt;
	padding: 4px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	border-color: #c8a270; 
}

table {
	margin-left: auto;
	margin-right: auto;
}

table.score, tr.score td {
	color: #c8a270;
	background-color: #483b3b;
	border-color: #c8a270;
	border-style: solid;
	border-width: 2px;
}
table.score {
	margin-top: 4px;
	margin-bottom: 8px;
}

td {
	text-align: center;
}

td input {
	width: 163px;
}

td.select input, input.card {
	width: auto;
	margin: 0;
	padding: 0;
}

td.nc {
	border-style: solid; 
	border-color: #f8c270;
	border-width: 2px;
}

tr.owner td, table.score td {
	padding:0;
}

td.voters span {
	border-style: inset; 
	border-color: #be7f50;
	border-width: 3px;
}

tr.owner td span, table.score td span {
	font-size: 12pt;
	border-radius: 0;
}

textarea {
	font-size: 16pt;
	font-family: helvetica;
	color: #483b3b;
	width: 520px;
	height: 200px;
	border-color: #d8b280; 
	border-style: solid; 
	border-width: 1px; 
	padding: 4px;
}

a {
	text-decoration: none; 
	color: #bd4b37;
}
a:hover {
	color: #d8b280;
	/* background-image: linear-gradient(to top, #be7f50 0%, #a75c40 40%, #be7f50 92%); */
}
#div1 {
	border-radius: 30px;
	width: 880px;
	padding: 6px;
	margin-left: auto; margin-right: auto;
	background-image: linear-gradient(120deg, #a75c40 0%, #be7f50 40%, #bd4b37 68%, #be7f50 84%, #a75c40 92%);
}
#div2 {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	margin-top: 2px;
	height: 600px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 20px;
	border-color: #c8a270;
	border-style: solid;
	border-width: 2px;
}
#div2 div {
	margin-top: 20px;
}
#foot {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-color: #c8a270;
	border-style: solid;
	border-width: 2px;
}
#foot div {
	text-align: center;
}
#foot div form {
	padding: 0;
}
#foot span, input.foot-display {
	width: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: auto;
	font-size: 12pt;
	border-radius: 12px;
	color: #c8a270;
	background-color: #483b3b; 
	font-family: "Helvetica";
	border-color: #c8a270; 
	border-style: solid; 
	border-width: 1px; 
}
#playername {
	text-align: center;
}