/* 

  |       760       |
  |240|20|240|20|240|
  |   500    |20|240|
  |   370 |20| 370  |
  |     470     |290|
  |    460   |20|280|

*/

body,
#main h2
{
  font: small/1.3 "Lucida Grande", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
}
h1, h2, h3, h4, #quotes, .source
{
  margin: 0;
  font-family: georgia, serif;
  font-weight: normal;
}
h2, h3
{
  font-size: 140%;
}
#main h2
{
  margin: 1em 0;
  font-size: 100%;
  font-weight: bold;
}
#body-home #main h2
{
  margin: 0;
}

:target
{
  background-color: #fffabb;
  outline: 3px solid #fffabb;
}

ol li
{
  margin: .5em 0;
}

a
{
  color: #019;
}
a:hover
{
  text-decoration: none;
  background-color: #019;
  outline: 1px solid #019;
  color: #fff !important;
}
em
{
  font-style: normal;
  background-color: #fffabb;
  outline: 1px solid #fffaaa;
}
.back
{
  padding: 1px;
  background-color: #eee;
}
.source
{
  text-align: right;
  color: #666;
}

body,
html
{
  margin: 0;
  padding: 0;
}

body
{
  /*border-top: 8px solid #001199;*/
  padding: 2em 0 0 0;
}
#body-home
{
  padding: 0;
}

#header,
#main,
#quotes,
#faq .inner,
#footer,
#beta .inner
{
  margin: 0 auto;
  padding: 0;
  width: 760px;
}
#body-detail #main,
#body-references #main,
#body-sys-req  #main
{
  width: 500px;
}

#beta
{
  background-color: #444;
}
#beta .inner
{
  padding: 2px 0;
  text-align: center;
  background: #444 url(/images/buggy.png) no-repeat right -14px;
  color: #fff;
}
#beta a
{
  color: #fff;
}

#header
{
  padding: 40px 0 20px 0;
  position: relative;
  height: 200px;
}

/* #header h1,
#header h2,
#header h3
{
  padding: 0 0 0 232px;
}
#header h1
{
  display: none;
}
#header h2
{
  padding-top: 8px;
  font-size: 350%;
}
#header h3
{
  margin: .5em 0 0 0;
  font-size: 200%;
} */

#header
{
  padding: 0;
  height: 260px;
}
#header #logo
{
  position: relative;
  top: 10px;
  left: -20px;
}
#header #play
{
  position: absolute;
  top: 58px;
  left: 232px;
}

#nav
{
  margin: 1em 0 1.5em 0;
  padding: 2px;
  list-style-type: none;
  background-color: #eee;
}
#nav li
{
  padding: 0 .5em 0 0;
  display: inline;
}
#nav a
{
  color: #000;
  text-decoration: none;
}
#body-tour #nav-tour a,
#body-detail #nav-detail a,
#body-sys-req #nav-sys-req a,
#body-references #nav-references a

{
  color: #888;
  text-decoration: none;
}
#actions
{
  margin: 0 0 30px 0;
  padding: .5em 1em;
  border-top: 2px solid #019;
  border-bottom: 2px solid #019;
  background-color: #d8e8ff;
  background-color: #e0f0ff;
  text-align: center;
}
#actions p.login
{
  margin: 0;
  font-size: 140%;
}
#actions p
{
  margin: .5em 0 0 0;
}
#main
{
  padding: 0 0 .5em 0;
  border-bottom: 2px solid #e8e8e8;
}
#body-home #main
{
  padding: 0;
  border: none;
}
#body-home #main img
{
  margin: 0 12px 0 -8px;
  padding: 0;
  float: left;
}
#body-home #main div
{
  margin: 0 0 0 480px;
  padding: 0;
}
#main p.last
{
  margin: 1em 0 0 0;
}
#main .sidenote
{
  margin: 1em 0;
  padding: 0 1em;
  border: 2px solid #e8e8e8;
  background: #f6f6f8 url(images/fieldset-bg.png) repeat-x left top;
}
#quotes
{
  margin: 30px auto 0 auto;
  padding: 0 0 10px 0;
  text-align: center;
  color: #da251d;
}
#quotes blockquote
{
  margin: 0;
  font-size: 200%;
}
#quotes p
{
  margin: 0 0 20px 0;
  color: #666;
}
#faq
{
  margin: 0 0 20px 0;
  border-top: 2px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
  background: #f6f6f8 url(images/fieldset-bg.png) repeat-x left top;
}
#faq .inner
{
  padding: 10px 0 20px 0;
}
#faq h2
{
  margin: 0 0 20px 0;
  font-size: 180%;
  text-align: center;
  color: #444;
}
#faq h3
{
  float: left;
  width: 280px;
  margin: -4px 0 0 0;
  text-align: right;
}
#faq p
{
  margin: 0 0 20px 300px;
}
#faq p.mailinglist
{
  margin: 0;
  text-align: center;
  font-size: 140%;
}
#footer
{
  font-size: 90%;
  text-align: center;
  color: #444;
}

/* Float clearer */

.clear
{
  background-color: green;
  clear: both;
  height: 0;
  overflow: hidden;
}

/* Print */

@media print
{
  #header,
  #main,
  #quotes,
  #faq .inner,
  #footer,
  #body-detail #main,
  #body-sys-req #main,
  #body-references #main
  {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

/* debug */

/*div
{
  outline: 1px solid #eee;
}*/