/* -- page structure -- */
#container {width: 650px; text-align: left; margin: 0; background: #fff;}
#intro {position: relative;}
#mainContent {margin: 0 50px 50px 50px; }
#footer {text-align:right; width:650px; font-size: x-small; margin:0; border-top:1px solid #ccc;}

/* -- general -- */
body {color: #3A4956; font-size:75%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; line-height:160%; margin: 0; padding: 0; text-align: center;}
h1 {font: bold 24px Helvetica, Arial, sans-serif; color: #990000; letter-spacing: -1px; margin: 2em 0 0 0;}
h2 {border-bottom:1px solid #990000; padding-top:5px; clear:both, color: 990000; font: normal 18px Helvetica, Arial, sans-serif; margin: 2em 0 0 0;}
h3{font-size: 12px; color: #660000; margin: 1em 0 0 0; position:relative; top:8px;}
hr {border: none; height: 1px; background: #ccc; margin: 2em 0 4em 0;}
p{margin: 1em 0 0 0;}
table {margin: 1em 0 0 0; border:1px solid #98A0A6;}
th {text-align: left; background: #C7CBCE; padding-left:5px;}
td {padding:0 5px 2px 5px; margin:0; vertical-align:top;}
td p{padding:0 0 .6em 0; margin:0;}
td ul{padding-top:0; margin-top:0;}
tr.alt {background: #E9EAEB;}
img { border:0 }

/* -- header/title -- */
#pageHeader {width: 100%; height: 80px; background: #990000; position: top;}
#pageHeader h1 {color:#fff; margin:0 0 5px 20px; font-size:80px; font: bold Helvetica, Arial, sans-serif; letter-spacing: -5px; }
#pageHeader a:link,
#pageHeader a:hover,
#pageHeader a:visited {color:#fff; text-decoration: none;}


/* -- nav bar -- */
#selectionbar {color: #fff; height: 46px; background: #660000; font-size: 90%; }
#selectionbar ul {margin: 0; padding: 1em 1em 0 0;}
#selectionbar li {display: inline; list-style: none;}
#selectionbar a:link,
#selectionbar a:visited {color: #fff; display: block; float: right; padding: 1px 9px 3px 6px; margin: 0 6px; text-decoration:none;}
#selectionbar a:hover {color: #FFEE99; background-color: transparent;}
#selectionbar .activelink a {background: #990000;}
#selectionbar .activelink a:hover {color: #fff; background-color: #990000; cursor:default;}


/* -- main content -- */
#mainContent{font-size:100%;}
#mainContent ul li {list-style:inherit; padding: 0 0 0 5px; margin: 0;}
#mainContent a:link{color: #660000; text-decoration: none; border-bottom: dotted 1px #660000;}
#mainContent a:visited {color: #990000; text-decoration: none; border-bottom: dotted 1px #990000;}
#mainContent a:hover {border-bottom: none; color: #fff; background-color: #660000; text-decoration: none;}
#mainContent blockquote {
  background: url('/images/blockquote.gif') no-repeat 0 2px;
  color: #666;
  padding-left: 23px;
  margin: 0 40px 15px 0px;
}

/* -- footer -- */
#footer a:link{color: #660000; text-decoration: none; border-bottom: dotted 1px #660000;}
#footer a:visited {color: #990000; text-decoration: none; border-bottom: dotted 1px #990000;}
#footer a:hover {border-bottom: none; color: #fff; background-color: #660000; text-decoration: none;}

.author { font: normal 16px Helvetica, Arial, sans-serif; font-spacing:-1px; }

/* --- pagination --- */

.pagination {
  padding: 3px;
  margin: 30px 3px 0px 3px;
  font-size:85%;
}
.pagination a,
.pagination span {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #777;
  text-decoration: none;
  color: #555;
}
.pagination a:hover,
.pagination a:active,
.pagination span:hover,
.pagination span:active {
  border: 1px solid #333;
  background-color:#fff4aa;
}
.pagination span.current {
  border: 1px solid #333;
  font-weight: bold;
  background-color: #eee;
  color: #333;
}
.pagination span.disabled {
  border: 1px solid #ccc;
  color: #ccc;
}
.pagination span.disabled:hover {
  border: 1px solid #999;
  color: #999;
  background-color: #fff;
}

/* == Code Highlighting == */

pre {
  overflow: auto;
  font-size: 12px;
}


/** RUBY / JAVASCRIPT **/
code span.comment {
  color: #BD48B3;
}

code span.string {
  color: #005;
  font-style: italic;
}

code span.brackets {
}

code span.symbol {
  color: #099;
}

code span.string {
   color: #6600CC;
}

code span.keywords {
  color: #C71585;
  font-weight: bold;
}

code span.symbol {
  color: #099;
}

code span.erb {
  background: #333;
}