/* The colors are from the Monochromatic rule with base
   color #3760AF on kuler.adobe.com.

   #748DBC;  Bluish gray
   #4F8AFC;  Light royal blue
   #3760AF;  Dark royal blue
   #9ABCFC;  Powder blue
   #27447C;  Dark blue

   Any hex color #xxx is a shade of gray, from black (#000) to white (#fff).
*/

/** General styles. **/
address {
  color: #666;
  font-style: italic;
  margin-left: 1.5em;
}
address a {
  font-family: "Andale Mono", "Lucida Console", monospace;
  font-style: normal;
}

/* Hides text but still 'visible' to screen readers. */
h1 strong {
  position: absolute;
  top: -9999px;
}

h1.home a {
  display: block;
}

/* Hide the outline that appears on focus. */
h1.home a:focus {
  outline: none;
}

p {
  margin-bottom: 1em;
}

/* The main content is sans-serif, using serif headings for contrast. */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
}

h1 {
  color: #444;
}

h2 {
  color: #444;
}


/* Bold, but a bit lighter so they don't stand out too much. */
dl dt {
  color: #444;
  font-weight: bold;
}

/* Needed for IE7. */
table {
  border-collapse: collapse;
}

/** Main content. **/

.container {
  padding: 2.5em 0;
}

/* List with large text and no bullets. */
.biglist {
  font-size: 2.5em;
  list-style-type: none;
}

/* Always the same color, visiting header links only changes sorting. */
th a, th a:visited {
  color: #3761B0; /* Royal blue darker than normal links. */
}

/* Links that go back to a parent page. */
a.back {
  float: right;
}

/* Link lists for home page */
ul.linklist {
  list-style-type: none;
  margin: 0 0 2em 0;
}
.linklist ul {
  list-style-type: none;
  margin-left: 1em;
}

.copyright {
  border-top: #ccc 1px solid;
  padding-top: 1em;
  color: #666;
  margin: 2em 0;
}


/** Screenshots. **/
.screenshot-left, .screenshot-right {
  margin-bottom: 1em;
  width: 400px;
}
.screenshot-left {
  float: left;
}
.screenshot-right {
  float: right;
}

.screenshot-left h3, .screenshot-right h3 {
  border-bottom: #ccc 1px solid;
  line-height: 1.5em;
}