body{
  background-color:#222;
  color:#fff;
  padding:10px;
  font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}
#main{
  margin-right:240px;
}

#main form{
  padding:5px;
  border:solid 2px #ccc;
  background-color: #eee;
  color:#111;
  text-align:center;
}
form input[type=submit]{
  font-weight:bold;
  margin-top:5px;
}
#infobar{
  color:#AAAAAA;
  cursor:pointer;
  font-size:x-small;
  font-weight:bold;
  text-align:center;
  margin-bottom:3px;
}
#forminfo{
  display:none;
  text-align:left;
}
#aside{
  width:200px;
  position:fixed;
  background-color:#333;
  top:10px;
  right:10px;
  padding:5px;
  border:2px solid #666666;
}
#aside a{
  color:#fff;
}
#download{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#888888;
  background-image:url(Save.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  border:2px solid #666666;
  color:#FFFFFF;
  display:block;
  font-size:x-large;
  font-weight:bold;
  margin-bottom:5px;
  min-height:32px;
  padding:5px 5px 5px 40px;
  text-decoration:none;
}
#discuss{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#888888;
  background-image:url(Comment.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  border:2px solid #666666;
  color:#FFFFFF;
  display:block;
  font-size:x-large;
  font-weight:bold;
  margin-bottom:5px;
  min-height:32px;
  padding:5px 5px 5px 40px;
  text-decoration:none;
}
#urlinput{
  display:block;
  width:90%;
  padding:0.3em;
  font-size:larger;
  margin: 0 auto;
}
#output{
  margin:10px 0;
}
#code{
  display:none;
  padding:5px;
  border:solid 2px #ccc;
  background-color: #eee;
  color:#111;
}
#code pre{
  padding:5px;
  border:solid 2px #ccc;
  background-color: #f0f0f0;
  color:#111;
  font-family: Consolas, Lucida Console, Monaco, monospace;
  font-size: small;
  overflow:scroll;
  max-height:600px;
}
#toggleview{
  cursor:pointer;
  display:block;
  font-size:large;
  font-weight:bold;
  margin-bottom:5px;
  text-align:center;
}

.error{
  background-color:#FFDDDD;
  background-image:url(Warning.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  border:2px solid #FF8888;
  min-height:40px;
  padding:5px 5px 5px 40px;
  color:#311;
}
.info{
  background-image:url(Info.png);
  background-position:5px 5px;
  background-repeat:no-repeat;
  background-color:#ddddff;
  border:2px solid #8888ff;
  min-height:40px;
  padding:5px 5px 5px 40px;
  color:#113;
}
.resource{
  background-color:#ffffdd;
  border:2px solid #FFFF88;
  min-height:40px;
  padding:5px 5px 5px 40px;
  color:#333;
}
.resource a{
  color:#666;
}
#donate{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#444;
  padding:5px;
}
#donate dl{
  font-family:serif;
  margin:0;
  padding:5px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background-color:#555;
}
#donate dl dt{
  font-weight:bold;
}
#donate dl dt span{
  font-size:smaller;
  font-weight:normal;
  display:block;
}
#donate dl dd{
  font-style:italic;
  font-size:small;
  margin-left:1em;
}
#donate form{
  text-align:center;
}