body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

table {
  margin : auto;
  margin-top: 10px;
  margin-bottom: 10px;
	color: #412700;
}

  
td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.trtitle {
  background:#FfBfff;
  }

.trcurr {
  background:#FFBFBF;
  }  

.trhead {
  background:#7FFFFF;
  }  
  
.trodd {
  background:#DFFFFF;
  }  

.treven {
  background:#BFffff;
  }  

/*
div {
	top: 20px;
	left: 5em;
}
*/

#wrap {
	width: 100%;
}


#logo a {
  float: right;
}


a {text-decoration: none;
   font-weight: bold;
   color: 0x202020;}

@media screen and (max-width: 600px) {

.smallscr {
  display : initial;
}

.bigscr {
  display : none;
}


#sidebar {
  display : none;
}

}

@media screen and (min-width: 600px) {

#afterbar {
  display : none;
}

.smallscr {
  display : none;
}

.bigscr {
  display : initial;
}

#sidebar {
  display : initial;
  float: left;
	width: 24%;
}

.indent {
  margin-left: 1em;
}

#sidebar p {
  margin: 5px;
  font-size: 70%;
	color: #000000;
}


#bullets {
  display: initial;
}


#content {
  border-left-style:solid;
  border-width: 3px;
  border-color:#E0C0C0;
  margin-left: 25%; 
  width: 75%; 
  }

/* Phasing this out.. use content instead */
#intro {
  border-left-style:solid;
  border-width: 3px;
  border-color:#E0C0C0;
  margin-left: 25%; 
  width: 75%; 
  }


  
#footer {
 clear: both;
 }  

#footer td {
width:10em; 
font-size: 80%;
color: 0x8080F0;

} 

/*  
#bullets {
  margin: 3px;
  } 
  */ 
h1 {
  margin: 0 px;
  font-size: 140%;
}
h2 {
  font-size: 120%;
}

hr {
	size: 0.3em;
	color: #744a00;
}

p {
  margin: 20px;
	color: #000000;
}

#shortcut p {
  margin: 5px;
  font-size: 70%;
	color: #000000;
}

#bullets ul {
  margin-top: 5px;
  font-weight: bold;
	color: #FF0000;
}

table.keyboard {
  margin : none;
  margin-top: none;
  margin-bottom: none;
	color: #412700;
}

table.searchword {
  margin : none;
  margin-top: none;
  margin-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-spacing:0px;
  border-width: 0px;
  background-color:white;
}  

td.searchword {
  margin : none;
  margin-top: none;
  margin-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color:blue;
}

td.key {text-align: center; background-image: url('../images/button48.png'); width: 48px; height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
td.keynone {width: 48px; height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
screenshot {
  border-style: solid;
  border-width: 3px;
  border-color: black;

}

button.download {
  background: #3bc740;
  background-image: -webkit-linear-gradient(top, #3bc740, #118f11);
  background-image: -moz-linear-gradient(top, #3bc740, #118f11);
  background-image: -ms-linear-gradient(top, #3bc740, #118f11);
  background-image: -o-linear-gradient(top, #3bc740, #118f11);
  background-image: linear-gradient(to bottom, #3bc740, #118f11);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 1px 2px 3px #666666;
  -moz-box-shadow: 1px 2px 3px #666666;
  box-shadow: 1px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

button.download:hover {
  background: #1ef52c;
  background-image: -webkit-linear-gradient(top, #1ef52c, #3cd934);
  background-image: -moz-linear-gradient(top, #1ef52c, #3cd934);
  background-image: -ms-linear-gradient(top, #1ef52c, #3cd934);
  background-image: -o-linear-gradient(top, #1ef52c, #3cd934);
  background-image: linear-gradient(to bottom, #1ef52c, #3cd934);
  text-decoration: none;
}

button.go {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #286185);
  background-image: -moz-linear-gradient(top, #3498db, #286185);
  background-image: -ms-linear-gradient(top, #3498db, #286185);
  background-image: -o-linear-gradient(top, #3498db, #286185);
  background-image: linear-gradient(to bottom, #3498db, #286185);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 2px #0f0e0f;
  -moz-box-shadow: 1px 1px 2px #0f0e0f;
  box-shadow: 1px 1px 2px #0f0e0f;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 1px 2px 1px 2px;
  background: #3498db;
  text-decoration: none;
}

button.go:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

img.screenshot {
  border-style: solid;
  border-width: 3px;
  border-color: lightgray;
}

img.wrap {
  float: left;
  border-style: solid;
  border-width: 3px;
  border-color: lightgray;
  margin-right: 30px;
}

img.inline {
  height: 1em;
}

img.play {
  height: 1em;
  margin-right: 5px;
}

/* Fix an overlay at the top of the screen...
    allow everything else to scroll underneath
 */
#overlay {
  position: fixed;
  width: 100%;
  height: 2.5em;
  top: 0;
  left: 0;
/*  background-color: rgba(0,0,0,0.1); nicer transparent */
  z-index: 2;
  cursor: pointer;
}

html, body {margin: 0; height: 100%; overflow: hidden}

#scroll {
  height: 100%;
  overflow: scroll; 
}

.scroll {
  height: 100%;
  overflow: scroll; 
}

.menuhead {
  font-weight: bold;
  list-style: none;
  padding-left: 0; 
}

.blockmenu li {
 /* border: 3px solid black; */
  border-radius: 5px;
  box-shadow: 1px 1px 2px #0f0e0f;
  float: left;
  width: 90%;
  text-align: left;
  background: #D0E0FF;
  padding: 5px;
  margin-bottom: 8px;
  list-style-type: none;
  list-style: none;
  padding-left: 0;
}

.blockmenu a {
  color: black;
  font-weight: normal;

}

.tabs {
  border: 3px solid black;
  border-radius: 5px;
  padding: 5px;
  margin: 10px;
  box-shadow: 1px 1px 2px #0f0e0f;
}

#breadcrumb {
  font-size: 70%;  
}

#play_form_menu {
  z-index:99;
  position: absolute;
  top: 50%;
  left: 50%;
}