body {
  margin          : 0px;
  background-color: #c0a0a0;
  background-image: url("/static/images/site/tile-skujas.jpg");
}

/* Various universally applied style shortcuts */

div.centered {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  margin-right     : -50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}

/* General layout styles */

#main {
  width           : 768px;
  display         : block;
  margin-left     : auto;
  margin-right    : auto;
  background-color: white;
  box-shadow      : 10px 10px 10px #605050;
  -webkit-box-shadow: 10px 10px 10px #605050;
}
#header {
  background-color: #604040;
  padding         : 5px;
  overflow        : hidden;
}
#main #header h1 {
  font-family     : Trebuchet MS;
  font-size       : 18pt;
  font-weight     : bold;
  color           : white;
  margin-top      : 5px;
  margin-bottom   : 5px;
  text-align      : center;
}
#main #body {
  background-color: white;
  min-height      : 500px;
  overflow-x      : hidden;
  overflow-y      : hidden;
  height          : auto !important;
  font-family     : Trebuchet MS;
  font-size       : 13pt;
}
#main #body h2 {
  font-family     : Trebuchet MS;
  font-size       : 16pt;
  font-weight     : bold;
  color           : #808080;
  margin-left     : 20px;
  margin-right    : 20px;
  margin-top      : 5px;
  margin-bottom   : 5px;
  clear           : both;
}
#main #body p {
  font-family     : Trebuchet MS;
  font-size       : 13pt;
  margin-left     : 20px;
  margin-right    : 20px;
}

/* Control styles */

#main #body button {
  background-color:#80b080;
  border          :none;
  padding-left    : 10px;
  padding-right   : 10px;
  padding-top     : 5px;
  padding-bottom  : 5px;
}

#main #body a.buttonLink {
  background-color: #80b080;
  color           : #804040;
  text-decoration : none;
  font-weight     : bold;
  padding         : 2px 5px 2px 5px;
  margin          : 0px;
}
#main #body a.buttonLink:hover {
  background-color: #40ff40;
}

/* Item image related styles */

div.test-item-caption {
  position        : absolute;
  bottom          : 0px;
  height          : 20px;
  width           : 100%;
  font-size       : 15px;
  text-align      : center;
}
div.test-item-body {
  position         : absolute;
  top              : 0px;
  bottom           : 20px;
  width            : 100%;
}
div.test-item-frame {
  position         : absolute;
  width            : 95%;
  height           : 95%;
  top              : 50%;
  left             : 50%;
  margin-right     : -50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}
div.test-item-image-crop {
  position         : absolute;
  overflow         : hidden;
  width            : 100%;
  height           : 100%;
}
img.test-item-image {
  position         : absolute;
  max-width        : 100%;
  max-height       : 100%;
  top              : 50%;
  left             : 50%;
  margin-right     : -50%;
  transform        : translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
div.test-item-mod-left-half {
  transform: translate(-50%, 0%);
}
img.test-item-mod-left-half {
  left             : 100%;
}
div.test-item-mod-right-half {
  transform: translate(50%, 0%);
}
img.test-item-mod-right-half {
  left             : 0%;
}
div.test-item-mod-small {
  width            : 40%;
  height           : 40%;
}
div.test-item-mod-flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
div.test-item-mod-turn-45 {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
div.test-item-mod-turn-90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
div.test-item-mod-turn-180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}div.test-item-mod-turn-270 {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}