/*font-family: 'Pacifico', cursive;
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Satisfy', cursive;*/
* {
  margin: 0;
  padding: 0; }

body {
  font: 120% "Gloria Hallelujah", cursive;
  color: #333; }

#header, #footer {
  background-color: #252525;
  padding: 10px 0 0 0;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90); }

#header #timeout {
  height: 3px;
  width: 0px;
  background-color: #999;
  border-radius: 50px;
  left: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }
#header nav {
  width: 100%;
  position: absolute;
  background-color: #fff; }
  #header nav ul {
    background-color: #fff;
    width: 90%;
    height: 40px;
    margin: 0;
    padding-left: 10px;
    margin-bottom: 50px; }
    #header nav ul li {
      display: inline-block;
      padding: 0 10px 5px 10px;
      background-color: #eee;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom: 1px solid #999; }
    #header nav ul li.active {
      border-bottom: 3px solid black; }
    #header nav ul li:hover {
      border-bottom: 3px solid red; }

span.red-font {
  color: red; }

pre#logo {
  color: #efefef;
  text-align: center;
  font-size: 70%; }

#body {
  margin: 50px 10px 10px 10px;
  height: auto;
  min-height: 300px;
  position: relative; }
  #body p {
    padding: 10px;
    margin: 10px; }
  #body #gallery {
    height: 600px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 0px;
    position: relative;
    z-index: 200;
    padding: 100px 50px 50px 50px; }
  #body .randPhoto {
    display: inline-block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-radius: 100px;
    z-index: 201; }
  #body .randPhoto.active:hover {
    border-radius: 40px;
    		/*transform: scale(1.2);
      		transition-duration: 1s;*/ }
  #body .randPhoto img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    max-width: 300px;
    max-height: 300px;
    z-index: 201; }
  #body .randPhoto img:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90); }
  #body .randPhoto img.notransparet {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    z-index: 250; }
  #body #center {
    text-align: center; }
    #body #center #content {
      position: absolute;
      z-index: 300;
      right: 0;
      left: 0;
      top: 30px;
      margin-right: auto;
      margin-left: auto;
      box-shadow: 15px 15px 15px #999;
      background: transparent;
      border: 1px solid #999;
      width: 80%;
      background-color: #efefef;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80); }
      #body #center #content .content-head {
        height: 40px;
        margin-bottom: 40px; }
        #body #center #content .content-head h1 {
          display: inline-block;
          position: absolute;
          left: 0px;
          right: 0px;
          margin-left: auto;
          margin-right: auto;
          width: 80%;
          border-bottom: 1px solid #999; }
        #body #center #content .content-head .content-controls {
          position: absolute;
          right: 10px;
          margin-top: 10px; }
          #body #center #content .content-head .content-controls span {
            display: inline-block;
            margin-left: 10px;
            border: 1px solid #999;
            padding: 0px 10px 0px 10px; }
          #body #center #content .content-head .content-controls span:hover {
            border-color: #000;
            cursor: pointer;
            color: #000;
            background-color: #bbb; }
      #body #center #content .content-body p {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
      #body #center #content .content-body p.under_construction img {
        max-width: 1000px;
        max-width: 700px;
        width: 100%;
        border-radius: 30px;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80); }

#footer {
  color: #efefef;
  text-align: center; }
  #footer p {
    padding: 10px; }