/*-----------------------------------------------------------------------------
|
| OPENTHEORY STYLESHEET
|
| Copyright (c) 2009 Joe Leslie-Hurd, distributed under the MIT license
|
+----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Styling individual elements.
+----------------------------------------------------------------------------*/

img {
  border-style: none;
}

.field {
  font-weight: bold;
  font-size: larger;
}

.form_error {
  font-size: smaller;
  color: red;
}

.form_required {
  color: red;
}

/*-----------------------------------------------------------------------------
| Links.
+----------------------------------------------------------------------------*/

a:hover {
  background-color: #ffff00;
  color: black;
}

a:hover img {
  background-color: #0000ff;
  color: #ffff00;
}

/*-----------------------------------------------------------------------------
| Designing the complete layout.
+----------------------------------------------------------------------------*/

body {
  margin: 1em;
  background-color: white;
  color: black;
  text-align: center; /* for IE */
}

div#document {
  font-family: sans-serif;
  text-align: left; /* reset text alignment */
}

/*-----------------------------------------------------------------------------
| The header.
+----------------------------------------------------------------------------*/

div#header {
  margin-top: 0;
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
  border-style: dotted;
  border-width: 1px;
  padding: 1em;
  background-color: #f0f4ff;
  color: black;
}

div#header h1 {
  margin-top: 0;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 200%;
  font-weight: normal;
}

div#header p {
  margin-top: 7px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

div#header a {
  text-decoration: none;
  color: black;
}

div#header div#logo {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 20px;
  padding: 0;
}

div#header div#logo img {
  margin: 0;
  padding: 0;
  display: block;
}

div#header div#navigation {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 20px;
  padding: 0;
}

div#header div#loggedin {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 0;
  padding: 0;
  font-size: smaller;
}

div#header-clearer {
  clear: both;
}

/*-----------------------------------------------------------------------------
| The main page.
+----------------------------------------------------------------------------*/

div#main {
  margin: 0;
  padding: 0;
  border: 0;
}

div#main-clearer {
  clear: both;
}

/*-----------------------------------------------------------------------------
| The content.
+----------------------------------------------------------------------------*/

div#content {
  margin: 0;
  padding: 0;
}

div#content h2 span.more {
  font-size: 50%;
}

div#content .top {
  margin-top: 0;
}

div#content ul {
  padding-left: 1.25em;
}

div#content blockquote {
  font-size: smaller;
}

/*-----------------------------------------------------------------------------
| Image.
+----------------------------------------------------------------------------*/

div#image-wrapper {
  float: right;
}

div.image {
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 0;
  border-style: dotted;
  border-width: 1px;
  padding: 1px;
}

div.image p {
  margin: 0;
  padding: 0;
}

div.image img {
  margin: 0;
  padding: 0;
  display: block;
}

/*-----------------------------------------------------------------------------
| Footer.
+----------------------------------------------------------------------------*/

div#footer {
  margin-top: 2em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-style: dotted;
  border-width: 1px;
  padding: 5px;
  background-color: #f0f4ff;
  color: black;
  text-align: left;
  font-size: smaller;
}

div#footer-validator {
  float: right;
}

div#footer img {
  vertical-align: middle;
}

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

/*-----------------------------------------------------------------------------
| Information tables.
+----------------------------------------------------------------------------*/

table.information td {
  background-color: #e0e8ff;
  margin: 0;
  border: 1px dotted white;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
}

table.information td a {
  text-decoration: none;
}

/*-----------------------------------------------------------------------------
| Recently uploaded packages.
+----------------------------------------------------------------------------*/

p.recent-package {
  margin: 0;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

p.recent-package small {
  color: #808080;
}