body { 
    background: url(../img/bg/bg.jpg) no-repeat top center fixed; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: cover;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

#canvas {
  width: 273px;
  height: 273px;
  border: 1px solid gray;
  background-color: black; }
  #canvas #windiv {
    display: none; }
  #canvas .banner {
    width: 370px;
    font-size: 50px;
    background-color: #f5f5dc;
    position: relative;
    text-align: center;
    top: -60px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.55);
    left: -15px;
    z-index: 2; }
  #canvas .innerSquare {
    width: 90px;
    height: 90px;
    float: left; }
    #canvas .innerSquare.imageSquare {
      font-size: 24px;
      text-align: center;
      border: 1px outset  black; }
      #canvas .innerSquare.imageSquare:hover {
        background-color: lightgray; }
    #canvas .innerSquare.clickable:hover {
      opacity: 0.4;
      filter: alpha(opacity=40); }
    #canvas .innerSquare.blank {
      border: 1px inset black; }

#previews {
  width: 308px;
  height: 100px;
  background-color: lightgrey;
  overflow: scroll;
  padding-left: 30px;
  margin-top: 10px; }
  #previews .mini {
    width: 90px;
    height: 90px;
    margin-top: 5px;
    margin-right: 5px; }