/* Buttons
   ========================================================================== */

button,
[role] a.button,
span.disabled,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: auto;
  overflow: visible;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  font-size: .957142em;
  font-size: 1.25714em;

  text-transform: uppercase;

  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  cursor: pointer;
  border: solid 1px #e1a61a;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: .5em 1em;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
  color: #333;
  outline: 0;
  background-color: #ffda44;
  /* Konqueror */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffda44), to(#fabc2b));
  /* Safari4+, Chrome */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffda44), to(#fabc2b));
  /* Safari5.1+, Chrome10+ */
  background-image: -webkit-linear-gradient(#ffda44, #fabc2b);
  /* Firefox3.6 */
  background-image: -moz-linear-gradient(#ffda44, #fabc2b);
  /* Opera11.10+ */
  background-image: -o-linear-gradient(#ffda44, #fabc2b);
  /* CSS3 Compliant */
  background-image: linear-gradient(#ffda44, #fabc2b);
}

button:hover,
[role] a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #ffe477;
  /* Konqueror */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffe477), to(#fbcc5d));
  /* Safari4+, Chrome */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe477), to(#fbcc5d));
  /* Safari5.1+, Chrome10+ */
  background-image: -webkit-linear-gradient(#ffe477, #fbcc5d);
  /* Firefox3.6 */
  background-image: -moz-linear-gradient(#ffe477, #fbcc5d);
  /* Opera11.10+ */
  background-image: -o-linear-gradient(#ffe477, #fbcc5d);
  /* CSS3 Compliant */
  background-image: linear-gradient(#ffe477, #fbcc5d);
}

button:active,
[role] a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  position: relative;
  top: 1px;
  color: #1a1a1a;
  background-color: #fabc2b;
  /* Konqueror */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fabc2b), to(#ffda44));
  /* Safari4+, Chrome */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fabc2b), to(#ffda44));
  /* Safari5.1+, Chrome10+ */
  background-image: -webkit-linear-gradient(#fabc2b, #ffda44);
  /* Firefox3.6 */
  background-image: -moz-linear-gradient(#fabc2b, #ffda44);
  /* Opera11.10+ */
  background-image: -o-linear-gradient(#fabc2b, #ffda44);
  /* CSS3 Compliant */
  background-image: linear-gradient(#fabc2b, #ffda44);
}

#paginator {
  margin-bottom: 2em;
}

#paginator .button {
  padding: .25em 1em;
}

#paginator a.button {
  text-decoration: none;
  color: #333;
}

#paginator-l {
  float: left;
}

#paginator-r {
  float: right;
}