.btn { display: block; position: relative; background: #ccc; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(http://web.archive.org/web/20131210221625im_/http://hatetofakeit.com/bg/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }


.btn.blue { 
background: #000; 
color: #fff;
}

.btn:hover { background-color: #a00;}
.btn:active { background-color: #ccc; }
.btn[class] { background-image: url(http://web.archive.org/web/20131210221625im_/http://hatetofakeit.com/bg/images/shade.png); background-position: bottom; }



.btnC { display: block; position: relative; background: #aaa; padding: 5px; width: 200px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('http://web.archive.org/web/20131210221625im_/http://hatetofakeit.com/bg/images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span,
* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC.blue { background: #000;margin-bottom: 30px; }

.btnC:hover { background-color: #a00; color: #fff; }
.btnC:active { background-color: #444; color: #fff; }
.btnC[class] {  background-image: url('http://web.archive.org/web/20131210221625im_/http://hatetofakeit.com/bg/images/shade.png'); background-position: bottom; }

* html .btnC { border: 3px double #aaa; }
* html .btnC.blue { border-color: #2ae; }
* html .btnC:hover { border-color: #a00; }
/*
     FILE ARCHIVED ON 22:16:25 Dec 10, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:20:29 Jul 28, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.resolve: 322.977 (2)
  exclusion.robots.policy: 0.196
  LoadShardBlock: 576.295 (3)
  esindex: 0.011
  PetaboxLoader3.datanode: 392.226 (4)
  RedisCDXSource: 27.545
  captures_list: 620.825
  CDXLines.iter: 13.78 (3)
  exclusion.robots: 0.21
  load_resource: 197.3
*/