* {margin:0; border:none;outline:none;}
html { height: 100%; }
.clear {clear:both; height:1px; visibility:hidden;}
body {background:url(img/bgrnd.jpg);font-size:62.5%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#page {width:822px; margin:0 auto 4em;}
#footer {
  text-align:center;
  padding-bottom: 30px;
  color: rgba(156,118,24,0.6);
  font-size: 11px;
}
#footer a {
  color: rgba(156,118,24,0.4);
  text-decoration:none;
}
#header {margin-top:10px; width:100%; height:431px; background:url(img/header.png) bottom left no-repeat; border-bottom:solid 10px #000;position:relative;}
@-webkit-keyframes arm {
  from { -webkit-transform: rotate(0deg); }
  70% { -webkit-transform: rotate(9.7deg); }
  to { -webkit-transform: rotate(0deg); }
}
@-webkit-keyframes arm {
  from { -webkit-transform: rotate(0deg); }
  70% { -webkit-transform: rotate(9.7deg); }
  to { -webkit-transform: rotate(0deg); }
}
@-webkit-keyframes pointer {
  from { -webkit-transform: rotate(0deg) scaleY(1); }
  25% { -webkit-transform: rotate(-90deg) scaleY(0.9); }
  50% { -webkit-transform: rotate(-180deg) scaleY(1); }
  75% { -webkit-transform: rotate(-270deg) scaleY(0.8); }
  to { -webkit-transform: rotate(-360deg) scaleY(1); }
}
@-moz-keyframes arm {
  from { -moz-transform: rotate(0deg); }
  70% { -moz-transform: rotate(9.7deg); }
  to { -moz-transform: rotate(0deg); }
}
@-moz-keyframes arm {
  from { -moz-transform: rotate(0deg); }
  70% { -moz-transform: rotate(9.7deg); }
  to { -moz-transform: rotate(0deg); }
}
@-moz-keyframes pointer {
  from { -moz-transform: rotate(0deg) scaleY(1); }
  25% { -moz-transform: rotate(-90deg) scaleY(0.9); }
  50% { -moz-transform: rotate(-180deg) scaleY(1); }
  75% { -moz-transform: rotate(-270deg) scaleY(0.8); }
  to { -moz-transform: rotate(-360deg) scaleY(1); }
}
#arm {position:absolute;-webkit-transform-origin:0% 60%;-webkit-animation:arm 3.9s ease-in-out infinite alternate;-moz-transform-origin:0% 60%;-moz-animation:arm 3.9s ease-in-out infinite alternate;left:360px;bottom:0;width:246px;height:210px;background:url(img/arm.png);}
#eye {position:absolute;left:282px;top:269px;width:28px;height:26px;background:url(img/eye.gif);}
#line {position:absolute;left:300px;bottom:-10px;height:10px;width:150px;background:#000;}
#pointer1 {position:absolute;left:257px;top:177px;width:9px;height:23px;background:url(img/pointer1.png);-webkit-transform-origin:5.5px 18px;-webkit-animation:pointer 4s linear infinite;-moz-transform-origin:5.5px 18px;-moz-animation:pointer 4s linear infinite;-moz-transform:rotate(55deg);-o-transform-origin:5.5px 18px;-o-transform:rotate(55deg);}
#pointer2 {position:absolute;left:257px;top:177px;width:9px;height:23px;background:url(img/pointer1.png);-webkit-transform-origin:5.5px 18px;-webkit-animation:pointer 9s linear infinite;-moz-animation:pointer 9s linear infinite;-moz-transform-origin:5.5px 18px;-moz-transform:rotate(-45deg);-o-transform-origin:5.5px 18px;-o-transform:rotate(-45deg);}
#content {width:820px; min-height:300px; background:#fff; margin:0 auto; font:1.7em/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-box-shadow:2px 2px 12px rgba(156,118,24,0.4);-moz-box-shadow:2px 2px 12px rgba(156,118,24,0.4);}
h1, h2, h3 {text-indent:-9999em;}
h2, h3, p {text-align:center;}
h2 {padding-top:100px; background:url(img/headline.png) center center no-repeat; width:100%; height:95px;}
h2.welcome {background:url(img/welcome.png) center center no-repeat;}
p {margin:0 100px 1em;}
p.tweet { margin: -50px 0 0 0; padding-bottom: 30px; }
@-webkit-keyframes hourglass {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(40deg); }
}
@-moz-keyframes hourglass {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(40deg); }
}
ul {margin:0 100px 1.5em;}
li {margin:0 0 10px 45px;list-style:none;padding:0 0 0 34px;background:url(img/list.gif) 2px  left no-repeat;min-height:24px;line-height:25px;}
.hr {width:100%; height:61px; margin:2em 0 2.35em; background:transparent url(img/separator.jpg) center center no-repeat;-webkit-animation:hourglass 3s ease-in-out infinite alternate;-moz-animation:hourglass 3s ease-in-out infinite alternate;}
#signup {margin-bottom:6em;}
#signup-header {background:url(img/signup-header.png) top left no-repeat; width:377px; height:215px; margin:4em 0 0 50px;z-index:1;position:relative;}
#signup form {position:relative; background:#fff url(img/decorator.gif) right bottom no-repeat; width:740px; margin:-12em auto 0;}
#signup form p {width:382px; margin:0 0 0 160px; padding-top:78px; text-align:left;}
#signup form #submit {margin-top:20px;display:block; text-indent:-9999em; cursor:pointer; margin-left: 150px; background:url(img/button.png) top left no-repeat; width:471px; height:150px;}
#signup form #submit.active {margin-top:24px;height:146px;}
#signup form #name, #signup form #email {border:0;-webkit-appearance: none;-webkit-border-radius:0;border-bottom:dashed 2px rgba(156,118,24,1); width:394px; height:50px; margin:5px 0 5px 155px; padding:5px 10px; font-size:40px; line-height:37px; color:rgba(156,118,24,1); text-shadow:2px 2px 4px rgba(156,118,24,0.4);}

input.hint { color: rgba(156,118,24,0.3) !important; text-shadow: none !important; }
#signup form #name {margin-top:13px;}
#content h3 {height:36px; margin:0 auto;}
#header1 {background:url(img/header1.png) top center; width:450px;} /* textorize -f"Cooper Std" -s29 -c#000 -g#fff -a3 -oheader1.png "FREE-LANCE? PRIVATEER?" */
#header2 {background:url(img/header2.png) top center; width:426px;} /* textorize -f"Cooper Std" -s29 -c#000 -g#fff -a3 -oheader2.png "THE TIME PIRATE CREDO" */
#header3 {background:url(img/header3.png) top center; width:500px;} /* textorize -f"Cooper Std" -s29 -c#000 -g#fff -a3 -oheader2.png "THE TIME PIRATE CREDO" */
#header4 {background:url(img/header4.png) top center; width:311px;} /* textorize -f"Cooper Std" -s29 -c#000 -g#fff -a3 -oheader2.png "THE TIME PIRATE CREDO" */
#plankwalking {background:url(img/plankwalking.png) top center; width:461px;}
input { font-family: Georgia;}