* { margin: 0; padding: 0; }

html, body {
    background-image:url('../images/lgrey011.jpg');
    font-family: Trebuchet MS, Helvetica, sans-serif;
    height: 100%
}

#wrapper {
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle;
}

#outer {
    display: table-cell;
    vertical-align: middle;
}

#inner {
    position: relative;
    left: 50%;
    float: left;
}

#content {
    left: -50%;
    position: relative;
    text-align: center;
}

#center {
    background-color: #d3d3d3;
    border: 3px solid;
    border-color: white;
    border-radius: 15px;
    color: #333333;
    padding: 0.5em;
	position: fixed;
	text-align: center;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
	height: 96px;
	width: 280px;
}

#center:hover {
    background-color: #c2c2c2;
}

p {
    margin-top: 1em;    
}

a {
    color: #333333;
}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}

a:hover.fredrik {
    text-decoration: underline;
}

#photos {
   /* Prevent vertical gaps */
   line-height: 0;

   -webkit-column-count: 6;
   -webkit-column-gap:   0px;
   -moz-column-count:    6;
   -moz-column-gap:      0px;
   column-count:         6;
   column-gap:           0px;

}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    5;
  -webkit-column-count: 5;
  column-count:         5;
  }
}

@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}

@media (max-width: 800px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}

@media (max-width: 400px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}

#moved {
  padding-top: 18px;
}