html,body{
  position: relative;
  display: block;
  width:100%;
  height:100%;
  margin: 0;
  padding: 0;
}

body{
  background: rgb(240, 240, 240);
}

#mainBlock{
  position: relative;
  display: block;

  width:800px;
  height:auto;

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  margin: auto;
  padding: 10px 0px;

  text-align: center;
}
#header{
  position: relative;

}
#tweetButton{
  position: absolute;
  width:200px;
  height:50px;

  top:0px;
  left:0px;
}
.howtouse{
  margin: 20px auto 50px 100px;
  text-align:left;
  font-size: 13px;
}
#footer{
  margin-top: 50px;
  font-size:11px;
}
#view{
  position: relative;
  display:block;
  width: auto;
  height: auto;

  margin: auto;
}

#view #gif{
  position: relative;
  display: block;

  width:400px;
  height:400px;

  margin: auto;
  padding: 0;
}

#view #download{
  position: relative;
  display: block;

  width:200px;
  height:40px;

  margin: 20px auto 10px auto;
  padding: 0;

  font-size: 18px;
  line-height: 42px;
  text-decoration: none;
  color:rgb(255,255,255);
  background:rgb(50,50,50);
  border-radius: 5px;
}
#view #download:hover{
  top:2px;
}

#frames{
  position: relative;
  display:block;
  width: 100%;
  height: auto;

  margin-bottom: 20px;
}
.frame{
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;

  margin:10px;
  padding:0;

  background: rgb(255, 255, 255);
  border:rgba(150,150,150,1.0) solid 1px;
  border-radius: 10px;

  overflow: hidden;
}

.frame label{
  position: relative;
  display: block;

  width: 150px;
  height: 150px;
  overflow: hidden;
}

label input[type=file]{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 120px;
  cursor: pointer;

  opacity:0.0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.frame img.thambnail{
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 150px;
}

#delays{
  margin: 20px auto 50px auto;
}
#span_delay{
  width:350px;

  padding: 3px;
  border-radius: 3px;
  border: 1px solid rgb(200,200,200);
}
#anime_delay{
  padding: 3px;
  border-radius: 3px;
  border: 1px solid rgb(200,200,200);
}
