@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('font/League_Gothic-webfont.eot');
	src: local('☺'), url('font/League_Gothic-webfont.woff') format('woff'), url('font/League_Gothic-webfont.ttf') format('truetype'), url('font/League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* reset css v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of reset css */

body { 
  background-color: #d3d4ca; 
  color: #333; 
}

body, p, ol, ul, td, input, div {
  font-family: Georgia, Times, serif;
  font-size:   18px;
  line-height: 24px;
  color: #535353;
}

div#container {
  margin-left: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}

div#poweredby {
  margin-left: 320px;
  font-size: 12px;
  line-height: 1.2em;
  height: 100px;
  color: #888888;
}

div.thickline {
  background-color: #535353;
  height: 1px;
  width: 950px;
  margin: 0px;
}

div.thinline {
  background-color: #b9bab1;
  height: 1px;
  width: 950px;
  margin: 0px;
}

div#menu {
  height: 28px;
  margin: 0px;
}

div#menu ul {
  padding: 0px;
  margin: 0.4em 0em 0em 0em;
}

div#menu li {
  padding: 0px;
  display: inline;
  height: 35px;
  margin-right: 10px;
}

div#githublink {
  width: 320px;
  display: inline;
  float: left;
}

div#otherlinks {
  display: inline;
}

div#menu a {
  font-family: 'LeagueGothicRegular';
  font-size: 24px;
  text-transform: uppercase;
  color: #696969;
}

div#menu a.selected {
  /* 
  This comes from
  http://www.alistapart.com/articles/customunderlines/
  */
  background-image: url(../images/underline.png);
  background-repeat: repeat-x;
  background-position: 100% 100%;
  padding-bottom: 2px;
  white-space: nowrap;
}

div#branding {
  letter-spacing: -2px;
  line-height: 1em;
  padding: 0px;
  margin: 0.5em 0em 0.10em 0em;
  font-family: 'LeagueGothicRegular';
  font-size: 98px;
  text-transform: uppercase;
  color: white;
}

div#branding img {
  margin-right: 25px;
}

div#branding a {
  color: white;
}

div#branding span#ihighlighted {
  color: #00d4d1;
}

div#branding span#hostname {
  color: #f1f1ee;
}

div#branding span#hostname a {
  color: #f1f1ee!important;
}

div#main form {
    margin: 0.5em 0em 0.5em 320px;
}

div.instructionsection {
  margin: 1.2em 0em 1em 320px;
  font-size: 11pt;
}

div.instructionsection a#originallink {
  color: #888888;
}

div#api {
  width: 630px;
  display: none;
}

div#credits {
  width: 630px;
  display: none;
}

p.contents {
  color: #888888;
  font-size: 14px;
}

p.title {
  color: #535353;
  font-size: 24px!important;
  line-height: 1.2em;
}

div.sample {
  background-color: #e9e8e6;
  padding: 10px;
  font-size: 11px;
  font-family: Courier;
}

a { 
  color: #00c6c3;
  text-decoration: none;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

p.error {
  margin: 1.2em 0em 1em 320px;
  color: #888888;
}

form input.forminput {
  padding-left: 4px;
  width: 220px;
  height: 31px;
  border: 1px solid #535353;
  margin-right: 20px;
  font-size: 12px;
}

form input.forminput#short {
  background-color: #e9e8e6;
}