@CHARSET "UTF-8";

#comic-container {
  display:block;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  cursor:default;
}

#comic-container a {
  display:block;
  text-decoration:none;
  color:white;
  text-align:center;
  vertical-align:middle;
  cursor:hand;
}

#comic {
  width:750px;
  min-height:290px;
}

#comic-image {
  width:750px;
  background:#000;
}

#comic-options {
  width:750px;
  height:50px;
}

#spacing {
  width:50px;
  height:50px;
  width:530px;
  float:left;
}

#random-button {
  width:90px;
  height:50px;
  float:left;
  margin-left: 220px;
  margin-right: 220px;
  background-image:url("/images/sprites.png");
  background-position: -306px 0;
  display:block;
}

#random-button a {
  width:90px;
  height:50px;
  display: block;
}

#random-button:hover {
  background-image:url("/images/sprites.png");
  background-position: -397px 0;
}

#first-button {
  width:50px;
  height:50px;
  margin-right:10px;
  float:left;
  background-image:url("/images/sprites.png");
  background-position: -794px 0;
  display:block;
}

#first-button a:hover {
  background-image:url("/images/sprites.png");
  background-position: -845px 0;
}

#previous-button {
  width:50px;
  height:50px;
  float:left;
  background-image:url("/images/sprites.png");
  background-position: -488px 0;
  display:block;
}

#previous-button a:hover {
  background-image:url("/images/sprites.png");
  background-position: -539px 0;
}

#next-button {
  width:50px;
  height:50px;
  margin-right:10px;
  float:left;
  background-image:url("/images/sprites.png");
  background-position: -590px 0;
  display:block;
}

#next-button a:hover {
  background-image:url("/images/sprites.png");
  background-position: -641px 0;
}

#last-button {
  width:50px;
  height:50px;
  float:left;
  background-image:url("/images/sprites.png");
  background-position: -692px 0;
  display:block;
}

#last-button a:hover {
  background-image:url("/images/sprites.png");
  background-position: -743px 0;
}