/*
	Copyright: Blake Mizerany, www.sinatrarb.com
	Permission Pending
*/

body {
  color:#000;
  font-family:'lucida grande', 'lucida sans unicade', sans-serif;
  font-size:100%;
  line-height:1.3;
  background-color:#fff;
  margin:0;
  padding:0;
}

/* HEADER */
#head {
  text-align:center;
}
#head img {
  vertical-align:middle;
  margin:-10px 0 0 -82px;
  padding:0 15px 0 0;
  border:0;
}
#head h1 {
  color:#000;
  font-family:'georgia', 'bitstream vera serif', serif;
  font-size:4em;
  font-weight:normal;
  letter-spacing:-3px;
  line-height:1;
  margin:0;
  padding:20px 0 8px 0;
}
#head h1 a, #head h1 a:link, #head h1 a:visited, #head h1 a:hover {
  color:#100;
  text-decoration:none;
}
#head ul {
  font-size:1.1em;
  font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
    "consolas", monospace;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:2px;
  text-align:center;
  margin:0;
  padding:0 40px 0.25em 40px;
}
#head ul li {
  display:inline;
  list-style-type:none;
  padding:0 0.5em 0 0;
}
#head ul a, #head ul a:link, #head ul a:visited {
  color:#56534f;
  text-decoration:none;
}
#head ul a:hover {
  color:#000;
  text-decoration:underline
}

/* CONTENT */

#content {
  color:#333;
  font-size:1.1em;
  max-width:44em;
  min-width:27em;
  margin:7px auto;
  border-top:2px solid #837d7c;
}
strong {
  font-weight:bold;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
  color:#000;
}
h1, h2 {
  color:#211d1f;
  font-family:'georgia', 'bitstream vera serif', serif;
  font-weight:normal;
}
h1 a, h2 a { color:#222 }
h1 {
  font-size:2.25em;
  letter-spacing:-1px;
  margin-bottom:0;
}
h2 {
  font-size:1.5em;
  letter-spacing:-1px;
  margin:1.25em 0 -0.32em 0;
}
h3 {
  color:#211d1f;
  font-size:1.02em;
  font-weight:bold;
  margin:1.8em 0 -0.25em 0;
  letter-spacing:-1px;
}
h3 a {
  color:#000;
  text-decoration:underline;
}

/* LINKS */
a {
  color:#000;
  text-decoration:underline;
}
a:hover {
  color:#910;
  text-decoration:underline;
}
a img {
  border:none;
}
a.out {
  background: url('/images/link-out.gif') center right no-repeat;
  padding-right: 12px;
}


/* CODE */

code, pre, textarea, tt {
  font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
    "consolas", monospace;
}
pre {
  font-size:0.85em;
  background:#f4f5f5;
  border:2px solid #d5d0d2;
  padding:0.5em;
  line-height:1.15;
  color:#222;
}
code, tt {
  font-size:0.85em;
  color:#444;
}
h1 code, h2 code, h3 code, h4 code {
  color:#333;
}
pre code {
  font-size:1em;
  color:#222;
}

/* MISC */

hr {
  margin:3em 0;
  padding:0;
  color:#eee;
}

/* HOME */

body#home {
  background: #fff url(../images/legend.gif) no-repeat fixed right 130px;
}
#home #content {
  font-size:1.05em;
  margin:20px 0 0 0;
  padding:0 20px;
  border-width:0;
}
#home #head, #home #foot {
  display:none;
}
.pipe {
  clear:both;
  padding:50px 0;
}
.pipe p {
  color:#000;
  font-size:62px;
  font-family:'georgia', 'bitstream vera serif', serif;
  letter-spacing:-3px;
  line-height:1;
  text-align:right;
  margin:0em 43% 0 0;
  padding:0 60px 0 0;
}
.pipe pre {
  float:right;
  background:transparent;
  font-size:28px;
  margin:0;
  padding:5px 0 0 0;
  width:42%;
  border-width:0;
}
.pipe pre code {
  color:#666;
  background:transparent;
}
.pipe.shell p {
  font-size:56px;
}
.pipe.shell pre {
  font-size:18px;
}
.pipe.nav p {
  font-size:100px;
  letter-spacing:-6px;
}
.pipe.nav pre {
  font-size:36px;
  padding-top:20px;
  text-transform:uppercase;
  letter-spacing:4px;
  line-height:1.25;
}
.pipe.nav {
  padding:25px 0 50px 0;
}
.pipe.nav a, .pipe.nav a:link, .pipe.nav a:visited {
  color:#444;
  text-decoration:none;
}
.pipe.nav a:hover {
  color:#000;
  text-decoration:underline;
}

form {
	text-align: center;
}
	
form .text-input input {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	margin: 10px 0 5px 10px;
	color: #686868;
	font-size: 40px;
	text-align: left;
	text-transform: lowercase;
}

form .submit-input input {
	position: relative;
	margin: 0 7% 0 0;
	float: right;
}

form .options-input {
	position: relative;
	margin: 0 7% 0 0;
	float: left;
	text-align: left;
}