html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #7CACBB;
	background: #FFF;
	font-family:"Arial Rounded MT Bold", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	background:#fff url(/images/bg.png) repeat-x 0 0;
}
input, textarea{
  font-family:Verdana, Tahoma, Arial, sans-serif;
}
ol, ul {
	list-style: none;
}

#wrapper{
  margin:60px auto 0;
  width:500px;
}
h1#use{
  font-size:2.4em;
  margin-bottom:1em;
}
a{
  text-decoration:none;
  color:#15B4EB;
}
a:hover{
  text-decoration:underline;
}

form{
  margin-bottom:4em;
}
form fieldset{
  position:relative;
}
form fieldset p{
  font-size:1.4em;
  margin-bottom:1em;
}
form fieldset div.textarea,
div#text,
div.choice{
  margin-bottom:1em;
  padding:10px;
  background:#fff;
  border:1px solid #fff;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  box-shadow: 0 3px 0 #C9DCE5;
  -moz-box-shadow: 0 3px 0 #C9DCE5;
  -webkit-box-shadow: 0 3px 0 #C9DCE5;
}
form fieldset div.textarea p#counter{
  font-size:1.4em;
  text-align:right;
}
form fieldset div.textarea p#counter.warning{
  color:#E89D12;
}
form fieldset div.textarea p#counter.error{
  color:#C00;
}
form fieldset label{
  display:block;
  font-size:1.4em;
  margin-bottom:0.4em;
}
form fieldset li.checkbox{
  position:absolute;
  bottom:-24px;
  left:90px;
}
form fieldset li.checkbox label{
  display:inline;
}
form fieldset label#header-label{
  font-size:2.8em;
}
form fieldset textarea{
  font-size:1.8em;
  width:466px;
  height:6em;
  border:1px solid #e8e8e8;
  padding:5px;
  margin-bottom:0.5em;
  overflow:auto;
}
form fieldset textarea:focus{
  border-color:#999;
}
form div.submit{
  display:block;
  height:32px;
  width:76px;
  background:transparent url(/images/btn-check.png) no-repeat 0 0;
}
form div.submit:hover{
  background-position:0 -32px;
}
form div.submit input{
  display:block;
  height:32px;
  width:76px;
  opacity:0.01;
  cursor:pointer;
}

h2{
  font-size:2.4em;
  margin-bottom:1em;
}
div#result p.result,
ul.errors{
  font-family:Verdana, Tahoma, Arial, sans-serif;
}
div#result a#post{
  display:block;
  width:60px;
  height:32px;
  background:transparent url(/images/btn-post.png) no-repeat 0 0;
  text-indent:-9999px;
}
div#result a#post:hover{
  background-position:0 -32px;
}
div#text p{
  color:#000;
  font-size:1.8em;
  margin-bottom:1em;
}
div#result p{
	font-family:"Arial Rounded MT Bold", Helvetica, Arial, sans-serif;
  font-size:1.4em;
  margin-bottom:1em;
}
div#text p.result{
  padding:10px;
  font-size:1.8em;
  margin-bottom:0;
}

#footer{
  width:900px;
  margin:0 auto;
  background:transparent url(/images/birdie.png) no-repeat 0 0;
}
#footer ul#nav{
  padding:8em 0 2em 0;
  margin:0 auto;
  text-align:center;
}
#footer ul#nav li{
  display:inline;
  font-size:1.6em;
  border-left:2px solid #7CACBB;
  margin-left:5px;
  padding-left:10px;
}
#footer ul#nav li:first-child{
  border:none;
}
#footer p{
  padding:0 0 0.5em 0;
  font-size:1.6em;
  text-align:center;
}
#footer p.credits{
  padding:0 0 2em 0;
  font-size:1.3em;
}
#footer a{
  color:#7CACBB;
  text-decoration:underline;
}
#footer a:hover{
  color:#15B4EB;
}

ul.errors{
  background:#E89D12;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  box-shadow: 0 2px 1px #D1DEE5;
  -moz-box-shadow: 0 2px 1px #D1DEE5;
  -webkit-box-shadow: 0 2px 1px #D1DEE5;
  padding:20px;
  color:#fff;
  font-size:1.6em;
  margin-bottom:1em;
}
ul.errors li{
  margin-bottom:0.5em;
}
ul.errors li:last-child{
  margin-bottom:0;
}
ul.errors li a{
  color:#fff;
  text-decoration:underline;
}
div.choice{
  padding:20px;
}
div.choice h2{
  font-size:1.8em;
}
div.choice ol{
  padding-left:2em;
}
div.choice p,
div.choice ol li{
  font-family:verdana, tahoma, arial, sans-serif;
  color:#000;
  font-size:1.4em;
  margin-bottom:1em;
  line-height:1.3;
}
div.choice ol li{
  list-style-type:decimal;
  list-style-position:outside;
  clear:left;
}
div.choice p small{
  font-size:0.9em;
}
a#bookmarklet{
  display:block;
  height:32px;
  width:200px;
  margin-top:1em;
  text-indent:-9999px;
  background:transparent url(/images/bookmarklet.png) no-repeat 0 0;
}
a#bookmarklet:hover{
  background-position:0 -32px;
}