html{
 height: 100%;
}
body{
 margin: 0;
 padding: 0;
 height:100%;
 
 background: url(../img/background.jpg);/*, #4c719e;*/
 background-size: 100% 100%;
 background-repeat: no-repeat;
 /*background-position: top center;*/
 background-attachment: fixed;

 background-color: #DEE0DF;/*#DEE0DF Earth,grayish-white*//*#EAEAEF almostwhite*/
 font-size: 1em;
}
#areaall {
min-height: 100%;
position: relative;
}
#areacore {
padding: 0px;
padding-bottom: 80px; /* Height of the footer element */
}
#areafooter {
width: 100%;
height: 80px;
position: absolute;
bottom: 0;
left: 0;
/*background:#ee5;*/
}

/*title bar*/
div.tb {
 text-align: center;/*aligns img to center horizontal*/
}
img.tblogo {
 height: 114px;
 margin: 10px 40px 10px 40px;
}
/*gamebar*/
div.gb {
 text-align: center;
}
img.gb {
 height: 114px;
 margin: 10px 20px 10px 20px;
}


/*mainmenu*/
nav.mm {
 display: block;
 text-align: center;
 list-style-type: none;
 margin-top: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 overflow: hidden;
 background-color: #333;
}

/*mainmenu*/
a.mm {
  /*display: block;*/
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;

  /*float:left;*/
  display:inline-block;

}
a.mm:hover {
  background-color: #111;
}



div.contentarea {
 /*margin: 0 auto;*/
 margin: 1.36em;
 text-align: center;
 
 font-size: 1em;
}

div.board {
 margin: 0 auto;
 text-align: center;

 box-shadow: 0 0 1.36em 0.1em #939393; /*originalshadowcolor#d3d3d3*/
 border-radius:4px;
 background-color:#DBC59B;/*#FFFFFF;*/
 max-width: 50em;
 min-width: 25em;
 /*margin: auto;*/
 /*padding: 0;*/
 
 border: 2px solid black;
}

div.boardtrack {
 min-height: 30em;
 /*margin: 0;*/
 border: 13px solid transparent;
 /*padding: 13px;*/
 border-image: url('../img/ball.jpg') 34% round;
}

article.norm {
 text-align: center;
 padding: 0.65em 0.65em 0.65em 0.65em;
}

div.recentgamestable {
 overflow-y: auto;
 height: 40em;
}
div.recentgamestable th{
 position: sticky;
 top: 0;
 background-color:#DBC59B;
}

div.rulebook {
 margin: 0 auto;
 text-align: center;
}

div.rules {
 /*padding: 0.4em 0.4em 0.4em 0.4em;*/
 margin: 0 auto;
 text-align: center;
 
 background-color:#FFFFFF;
 /*max-width: 20em;*/
 /*min-width: 15em;*/
 width: 20em;
 
 font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
 font-size: 1em;

 /*min-height: 20em;*/
 /*margin: 0;*/
 border: 13px solid transparent;
 /*padding: 13px;*/
 border-image: url('../img/rulebook.png') 6% stretch;
}

ul.rulebook {
 /*line-height: 200%;*/
 text-align: left;
}
li {
 margin: 1em;
}

th {
 text-align: left;
}

td.justdate {
 width: 6em;
}
div.justdate {
 text-align: left;
}
div.justtext {
  text-align: left;
}
a.playroom:link {
 text-decoration: none; 
 color: brown;
}
a.playroom:hover {
 text-decoration: none; 
 color: red;
}
a.playroom:visited {
 text-decoration: none; 
 color: brown;
}
a.playroom:visited:hover {
 text-decoration: none; 
 color: red;
}



img.midmap {
 width: 23em;
 height: 23em;
}

img.shop {
 max-width: 23em;
}


img.shopbig {
 max-width: 40em;
}

img.shoptn{
 max-height: 8em;
 margin: 0.25em 0.5em;
}




/*footnotes*/
div.cr {
 padding-top: 0px;
 text-align:center; /*left;*/
 color: #DBC59B; /*#4682b4;steel-blue*/
 text-shadow: 1px 1px 2px #6D8DB3, 0 0 1em #6D8DB3, 0 0 0.2em #6D8DB3;
 font-size: 0.5em;
}
div.terms {
 padding-top: 10px;
 padding-bottom: 0px;
 text-align: center;
}
a.terms {
 text-decoration: none;
 /*text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;*/
 text-shadow: 1px 1px 2px #6D8DB3, 0 0 1em #6D8DB3, 0 0 0.2em #6D8DB3;
 color: #DBC59B;
}
a.terms:hover {
 transition-property: text-shadow;
 transition-duration: .25s;
 text-shadow: 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862, 0 0 0.2em #FCE862;
}





/* viewport width <= 1920px */
@media (max-width:1920px)
{
	body
	{
		background-size: 1920px 1920px;
		background-repeat: repeat;
	}
}


/* viewport width <= 1215px */
@media (max-width:1215px)
{
}