body {
   background-color: #002;
   font-family: "ShavianOrgUk";
   margin: 0;
}

@font-face {
  font-family: "ShavianOrgUk";
  src: url("http://shavian.org.uk/static/fonts/ShavianOrgUk.eot");
  src: local("ShavianOrgUk"), url("http://shavian.org.uk/static/fonts/ShavianOrgUk.ttf");
}

div.menu {
   text-align: center;
   color: #000;
   padding-top: 300px;
   background-color: #DDF;
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("http://shavian.org.uk/static/eira_header.jpg");
   background-repeat: no-repeat;
}

div.menu a {
   text-decoration: none;
}

div.breadcrumbs {
   text-align: left;
   color: #000;
   background-color: #77F;
   width: 1004px;
   padding-left: 20px;
   padding-top: 5px;
   margin-left: auto;
   margin-right: auto;
}

div.photocredit {
   font-size: 10pt;
   position: absolute;
   text-align: right;
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top: 280px;
}

div.photocredit a {
   text-decoration: none;
   color: #000;
}

div.smallad {
   position: absolute;
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top: 296px;
}

div.smallad table {
   float: right;
   font-size: 50%;
   width: 250px;
}

div.smallad td {
   text-align: right;
   background-color: transparent;
}

div.content {
   background-color: #DDF;
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 12px;
}

div#article {
   margin-left: 4px;
}

h1 {
   text-align: center;
}

div.content div:lang(en-latn) {
   background-color: #DDF;
   color: #000;
   float: left;
   width: 46%;
   padding: 2%;
}

div.content div:lang(en-shaw) {
   background-color: #DDF;
   color: #002;
   float: right;
   width: 46%;
   padding: 2%;
}

a:link {
   color: #008;
}

a:visited {
   color: #006;
}

/* Learn */

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

table.sample td {
  text-align: center;
  font-size: 200%;
}

table.sample th {
  text-align: center;
  font-size: 300%;
  padding-left: 1em;
  padding-right: 1em;
}

.learn {
  font-size: 200%;
}
.learn em, .sample em {
  font-style: normal;
  text-decoration: underline;
  font-weight: bolder;
}
.goprev { float: left; }
.gonext { float: right; }
.nowwrite tr {
  height: 200px;
}
.nowwrite th {
  width: 200px;
}
.nowwrite th img {
  border: 0;
}
.nowwrite td {
  font-size: 200%;
}
.nowwrite td:lang(en-shaw) {
  width: 100px;
  text-align: center;
}

// HANGMAN
table.game b {
  text-decoration: underline;
}
table.game td {
  text-align:center;
  font-size: 10pt;
  width: 3em;
  line-height: 1.5em;
}
table.game :lang(en-shaw) {
  font-size: 30pt;
  color: #999;
}
table.game td a:lang(en-shaw) {
  color: #007;
  text-decoration: none;
}
table.game td span.w:lang(en-shaw) {
  color: #700;
  text-decoration: none;
}
table.game td#answer {
  color: #000;
}
div.ads {
   position: absolute;
   text-align: right;
   float: right;
   width: 1300px;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top: 30px;
}
