<?php

// Tell the browser it's a css file
header('Content-type: text/css');
$root = dirname($_SERVER['PHP_SELF']).'/';
if($root == '//')
{
	$root = '/';
}

?>

body
{
  margin: 0;
  color: #f80;
  background-color: #000;
}

h1
{
  font-weight: normal;
  border-bottom: solid thin #800;
  margin-top: -0.3em;
  /* Otherwise there will be a large hole between the logo and the title */
  padding-top: 2px;
}

h2
{
  font-weight: normal;
}

a
{
  color: #f40;
  text-decoration: none;
}

a img {
  border: none;
}

a:visited {
  color: #f40;
}

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

dt
{
  padding: 1.5em 1em 0.5em 0em;
  font-weight: bold;
}

dd
{
}

table.regular
{
  padding: 1em;
}

table.regular th
{
  background-color: #400;
  padding-left: 1em;
  padding-right: 1em;
  text-align: left;
}

table.regular td
{
  background-color: #400;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
}

table.small
{
  padding: 1em;
}

table.small th
{
  background-color: #400;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: left;
}

table.small td
{
  background-color: #400;
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: top;
}

table td.amiddle
{
  vertical-align: middle;
}

table th.amiddle
{
  vertical-align: middle;
}

div#page
{
  background-color: #300;
  background-image: url(<?=$root?>images/background.png);
  background-repeat: repeat-x;
  padding: 0 80px 0 80px;
}

div#header
{
  display: none;
}

div#content
{
  margin: 0em 0em 1em 0em;
  padding: 0 3em 0 3em;
}

div#contentFooter
{
  clear: both;
}

.emphasis
{
  font-weight: bold;
}

img.picture
{
  display: block;
  border: solid black 5px;
  margin: 3em;
}

/*
 *  Front page
 */

.logoContainer
{
  text-align: center;
  margin: 0px;
  padding: 0px;
}

img#logo
{
}

div.paneContainer
{
  text-align: center;
  margin: 0px;
  margin-top: 3em;
  padding: 0px;
}

div.pane
{
  text-align: left;
  vertical-align: top;
  display: inline-block;
  background-image: url(<?=$root; ?>images/pane-small.png);
  background-repeat: no-repeat;
  width: 256px;
  height: 14em;
  margin-left: 1em;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 2em;
}

div.pane ol
{
  padding-left: 2em;
}

div.pane h1
{
  font-size: 1.5em;
}

/*
 *  Footer
 */
div#footer
{
  background-color: #000;
  background-image: url(<?=$root?>images/footer.png);
  background-repeat: repeat-x;
  clear: both;
  padding-top: 60px;
  margin: 0 -100px 0 -100px;
  padding: 60px 50px 0 50px;
}

div#footer a
{
  color: #888;
  text-decoration: none;
}

div#footer a:visited
{
  color: #888;
}

div#footer a:hover
{
  color: #fff;
  text-decoration: underline;
}

div#footer > div
{
  border-right: solid 1px #444;
}

div#footer > div:last-child
{
  border-right: none;
}

div.menuPane
{
  padding-right: 4em;
  margin-left: 2em;
  margin-right: 2em;
  float: left;
  font-size: smaller;
  height: 8em;
}

div.menuPane ul
{
  color: #444;
  padding-top: 0em;
  padding-left: 0em;
  margin-top: 0em;
}

div.menuPane li
{
  list-style-type: none;
}

div.menuPane h2
{
  color: #aaa;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: normal;
}

/**
 *  Screenshots
 */

ul.screenshots li
{
  display: inline;
}

ul.screenshots img
{
  margin: 1em 2em 1em 2em;
}

/**
 *  Forms
 */

input
{
  background-color: #000;
  border: solid thin #800;
  color: #f40;
}

div#time
{
  text-align: right;
  font-size: smaller;
  margin-bottom: -1em;
}

p.info
{
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}