@import url(clearfix.css);

.first {
  margin-top: 0 !important;
}

.last {
  margin-bottom: 0 !important;
}

/* to make the password char stand out more... IE uses a bullet and doesn't handle this css anyway */
input[type=password] {
  font-family: Tahoma;
}

form {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

fieldset {
  padding: 0.5em;
  margin-bottom: 1em;
  border: 1px solid #CCC;
}
fieldset legend {
  font-weight: bold;
  padding: 0.5em;
  color: #333;
  font-size: 8pt;
}

form {
  font-size: 8pt;
}

form label {
  color: #666;
}
form input, form select, form textarea {
  margin-top: 0.4em;
  padding: 0;
}

form p {
  margin: 1em 0;
}

.data_column {
  float: left;
  margin-right: 1em;
}


/* main.css */
/* Copyright (c) Redline Software Inc. All rights reserved. */

html, body
{
  margin: 0;
  padding: 0;
  background-color: #F3F1E9;
  border-width: 0;
  font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
  color: #383D44;
  text-align: left;
  line-height: 1.7em;
}

body {
  font-size: 62.5%;
}

#header, #content {
  width: 850px;
}

#header {
  position: relative;
  height: 110px;
  margin: auto;
  background: url(/images/redline_logo_dark.gif) no-repeat top left;
}

#header_container {
  background-color: #31363E;
  padding: 1em;
}

#headline_container {
  background: url(/images/headline_odometer_part.gif) repeat-x top left;
}

#content {
  margin: auto;
}

a {
  color: #326EA1;
  text-decoration: underline;
}

a:hover {
  color: #666;
  text-decoration: underline;
}

a img {
  border: none;
}

h1 {
  font-size: 1.6em;
  font-weight: normal;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-family: Georgia, serif;
}

h2 {
  font-size: 1.1em;
}

h4 {
  font-size: 0.9em;
}

h1.first {
  margin-top: 0.5em !important;
}

p {
  margin-top: 0.8em;
}

#content {
  font-size: 1.2em;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  padding: 1em 0;
}

#main_content
{
  float: left;
  overflow: hidden;
  text-align: left;
  border-right: 1px solid #DBD5C5;
  padding-right: 12px;
  width: 548px;
}

#sidebar {
  float: right;
  padding: 0 12px;
  padding-bottom: 12px;
  background: #e6e3d7 url(/images/sidebar_gradient.gif) repeat-x top left;
  margin-left: 12px;
  width: 252px;
}

#sidebar a {
  font-style: italic;
}

#sidebar h1 {
  text-align: center;
  padding: 7px 5px 7px 5px;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #DBD5C5;
}

#sidebar p {
  margin-top: 0;
  font-size: 0.9em;
  text-align: left;
  margin-bottom: 1.0em;
}

#footer
{
  margin: 0;
  padding: 1em 0;
  height: auto;
  width: auto;
  display: block;
  text-align: center;
  border-top: 1px solid #DBD5C5;
}

.note {
  border-color: #E8A400;
  background-color: #FFF4D8;
  border-width: 1px;
  border-style: solid;
  font-size: 8pt;
  padding: 0.5em;
  line-height: 1.5em;
}

.founder {
	width: 75%;
	margin-bottom: 3em;
}

#header #menu {
  position: absolute;
  bottom: 0.2em;
  right: 0;
  font-size: 11pt;
  margin: 0;
}

#header #menu a:hover, #header #menu a:active {
  color: #383D44;
  border-bottom: 0;
}

#header #menu li {
  float: left;
  list-style-type: none;
  margin-left: 2em;
}

#header #menu li, #header #menu li a {
  font-weight: bold;
  color: #DDD;
  text-decoration: none;
  font-family: Arial;
  letter-spacing: 1px;
}

#header #menu li a.selected, #header #menu li a:hover, #header #menu li a:active {
  position: relative;
  color: white;
  padding-bottom: 1px;
  border-bottom: 1px solid #DBD5C5;
}


/* Code Styling */
pre, code, .code {
  font-size: 1.1em;
}
.code
{
  /* Margin */
  margin: 0;
  background-color: #CCC;
  padding: 0.2em;
  border: 1px solid #999;
  overflow: scroll;
}
.code pre
{
  width: 100%;
}
.keyword
{
  font-family: monospace;
  color: darkred;
}
.constant, .attribute, .global, .class, .module
{
  font-family: monospace;
  color: black;
}
.string
{
  font-family: monospace;
  color: darkblue;
}
.ident, .method
{
  font-family: monospace;
  color: darkgreen;
}
.number, .char
{
  font-family: monospace;
  color: #880;
}
.comment
{
  font-family: monospace;
  color: purple;
}
.symbol
{
  font-family: monospace;
  color: #840;
}
.regex
{
  font-family: monospace;
  color: grey;
}
.punct
{
  font-family: monospace;
  color: black;
}
.escape, .interp, .expr
{
  font-family: monospace;
  color: black;
  background-color: #DDD;
}


#headlines {
  left: -50px;
}
#headline_characters {
  left: 43px;
}
#headlines
{
  /* Position */
  position: relative;
  /* Margins */
  margin: 0px auto auto auto;
  /* Padding */
  padding: 0px;
  /* Layout */
  height: 24px;
  width: 950px;
  display: block;
  /* Effects */
  overflow: hidden;
  /* Background */
  background-image: url(/images/headline_odometer.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;

  text-align: left;
}

#headlines h2
{
  /* Position */
  position: relative;
  /* Margins */
  margin: 0 auto auto auto;
  /* Padding */
  padding: 0;
  text-indent: 90px;
  /* Layout */
  height: 24px;
  width: 200px;
  float: left;
  display: block;
  /* Effects */
  overflow: auto;
  /* Font */
  color: #000;
  font-weight: bold;
  line-height: 24px;
  font-size: 1.2em;
  /* Text */
  text-align: center;
  text-transform: uppercase;
}

#headlines {
  font-size: 1.2em;
}

#headline_list
{
  /* Layout */
  display: none;
}

#headline_characters
{
  /* Position */
  position: relative;
  /* Margins */
  margin: 5px auto auto 1px;
  /* Padding */
  padding: 0px;
  /* Layout */
  height: 16px;
  width: 704px;
  float: left;
  display: block;
  /* Effects */
  overflow: hidden;
  /* List Style */
  list-style-type: none;
}

#headline_characters li
{
  /* Position */
  position: relative;
  /* Margins */
  margin: 0px auto auto auto;
  /* Padding */
  padding: 0px;
  /* Layout */
  height: 16px;
  width: 16px;
  float: left;
  display: block;
  /* Effects */
  overflow: hidden;
  /* Font */
  color: #FFF;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 1.4em;
  /* Text */
  text-align: center;
  text-transform: uppercase;

  cursor: pointer;
}

#headlines a
{
  /* Font */
  color: #FFF;
  /* Text */
  text-decoration: none;
}



#blog_entries h4 {
  margin: 0;
}

#blog_entries h4 a {
  font-style: normal;
  text-decoration: none;
}

#blog_entries p.posted_time {
  margin: 0;
  margin-bottom: 0.5em;
  font-style: italic;
}

#blog_entries .entry {
  overflow: hidden;
  margin-bottom: 0.5em;
  text-align: left;
}

#blog_entries .entry .description {
  font-size: 0.9em;
}
