#main,
#main *
{
  cursor: url(cursor-default.png) 0 0, default;
}

#main a[href],
#main a[href] *
{
  cursor: url(cursor-pointer.png) 0 0, pointer;
}

#main
{
  background: url(wall.png);
  margin:0;
  padding: 1px;
  font-family: "PixelMplus12", "Inconsolata", monospace;
  font-size: 16px;
}

@supports (background: url(shelf.png) repeat-x, url(wall.png))
{
  #main
  {
    background: url(shelf.png) repeat-x, url(wall.png);
    padding-top: 50px;
  }
}

#page
{
  background: #303030 padding-box;
  border: 20px #181818 solid;
  border-bottom-width: 48px;
  border-radius: 5px;
  box-shadow: 0 0 40px #505050 inset;
  color: #F0F0F0;
  padding: 2em;
  margin: 2em auto 0 auto;
  max-width: 60em;
}

@supports (border-image: url(lcd-tv.png) 20 75 65 75/auto)
{
  #page
  {
    border-image: url(lcd-tv.png) 20 75 65 75/auto;
    min-height: 15em;
  }
}

#main a
{
  color: lightgreen;
  text-decoration: underline;
  transition-duration: 250ms;
  transition-property: background;
}

#main a:hover,
#main a:hover *
{
  color: #101010;
  background: #F0F0F0;
  text-decoration: none;
}

#page-header,
#page-footer
{
  padding:1em 0;
  margin:0;
}

#main code,
#main pre
{
  font-family: "PixelMplus12", "Inconsolata", monospace;
}

#main ul
{
  list-style: square;
}

#main table
{
  margin: 2em auto;
  border: double 0.25em #FFF;
  border-spacing: 0;
}

#main tbody tr:nth-child(odd)
{
  background: #3F3F3F;
}

#main tr:hover
{
  background: #606060 !important;
}

#main th
{
  text-align: center;
  vertical-align: middle;
}

#main th,
#main td
{
  padding: 0.25em 0.5em;
  border-right: 1px solid #FFF;
}

#main th:last-child,
#main td:last-child
{
  border-right: none;
}

#main p cite
{
  color: yellow;
}

#main img
{
  border: solid 2px #FFF;
  margin; 2em 1em;
  padding: 0;
}

#main input,
#main button
{
  background: #000;
  border: 2px solid #EEE;
  color: inherit;
  font: inherit;
  padding: 0.25em 0.5em;
}