/*
 * Screen Stylesheet
 */

/* @group General */

body {
  background-color: #212a37;
  background-image: url(/images/layout_default/tiles.png);
}

a {
  color: #880000;
  font-weight: bold;
  text-decoration: none;
}

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

/* @end */

/* @group Header */

#header {
  margin: 15px auto 0 auto;
  width: 850px;
}

#banner {
  background-image: url(/images/layout_default/banner.png);
  height: 99px;
}

#banner #search {
  float:right;background: #DDD url('../../images/layout_default/dialog.gif') repeat/repeat-x/repeat-y/no-repeat scroll/fixed top/center/bottom/x-%/x-pos left/center/right/y-%/y-pos;
  
  position: relative;
  right: 35px;
  top: 21px;
  width: 230px;
}

#banner #search input {
  vertical-align: middle;
}

#banner #search input#query {
  background-color: #f7f7f7;
  border: 1px solid #000000;
  font: 11px Monaco, Courier, "Courier New", monospace;
  height: 14px;
  padding: 1px;
  width: 194px;
}

#logo {
  display: none;
}

#navigation-site {
  background-image: url(/images/layout_default/navigation-site.png);
  color: #fff;
  font: bold 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  height: 16px;
  padding:  6px 45px 8px 45px;
}

#navigation-site ul {
  margin: 0;
  padding: 0;
}

#navigation-site ul li {
  display: inline;
  list-style-type: none;
  margin-right: 10px;
}

#navigation-site ul li small {
  color: #bbbbbb;
}

#navigation-site ul li a {
  color: #fff;
  text-decoration: none;  
}

#navigation-site ul li a:hover {
  text-decoration: underline; 
}

/* @end */

/* @group Center */

#center {
  background-image: url(/images/layout_default/center.png);
  min-height: 400px;
  margin: 0 auto;
  width: 850px;
}

/* @group Body */

#body {
  background: url(/images/layout_default/main.png) no-repeat;
  min-height: 400px;
  padding: 0 45px 17px 45px;
  width: 760px;
}

#body h1 {
  font: bold 22px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 30px 0;
  padding: 12px 0 0 0;
}

#body h2 {
  font: bold 18px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 14px 0 0 0;
}

#body h3 {
  font: bold italic 16px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 12px 0 0 0;
}

#body h4 {
  font: bold 14px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #110078;
  margin:  10px 0 0 0;
}

#body h5 {
  font: italic bold 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #110078;
  margin:  8px 0 0 0;
}

#body p {
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 6px 0 0 0;
}

#body span.important {
  background-color: #bb0000;
  color: #f7f7f7;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

#body span.warning {
  display: block;
  background-color: #f5bbbb;
  border: 1px dashed red;
  padding: 10px;
}

#body code {
  background-color: #e0e0e0;
  padding: 0 5px;
}

#body pre {
  background-color: #eeeeee;
  border: dashed 1px #000000;
  margin: 8px 0;
  overflow: auto;
  padding: 3px 6px 2px 6px;
}

#body ul {
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 6px 0 0 1em;
  padding: 0;
}

#body ul li {
  list-style: disc outside;
  margin-left: 10px;
}

#body ul ul {
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 0;
  padding-left: 13px;
}

#body ol {
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 6px 0 0 1.5em;
  padding: 0;
}

#body ol li {
  list-style: decimal outside;
  margin-left: 10px;
}

#body table {
  border-collapse: collapse;
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 6px 0 0 1px !important;
}

#body table th {
  text-align: left;
}

#body table td {
  padding: 0 12px 0 0;
  vertical-align: top;
}

#body input[type=text],
#body textarea {
  border: solid #000000 1px;
  padding: 1px;
  font: 11px Monaco, Courier, "Courier New", monospace;
}

#body input[type=submit],
#body input[type=button],
#body input[type=reset] {
  background-color: #880000;
  border: outset #000000 1px;
  color: #f7f7f7;
}

#body input[type=submit]:hover,
#body input[type=button]:hover,
#body input[type=reset]:hover {
  background-color: #bb0000;
  border: outset #880000 1px;
}

#body input[type=submit]:active,
#body input[type=button]:active,
#body input[type=reset]:active {
  background-color: #bb0000;
  border: inset #880000 1px;
}

#navigation-blog {
  color: #777;
  border-top: solid 1px #999;
  margin-top: 15px !important;
  padding-top: 5px;
}

#navigation-blog a {
  color: #966;
}

/* @end */

/* @group Feedback */

#feedback {
  background: url(/images/layout_default/feedback.png);
  color: #777777;
  padding: 0 45px;
  width: 760px;
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#feedback a {
  color: #966;
}

#feedback #comments {
  padding: 1px 0 18px 0;
}

#feedback input[type=text],
#feedback textarea,
#select {
  border: solid #aaaaaa 1px;
  padding: 1px;
  font: 11px Monaco, Courier, "Courier New", monospace;
  background-color: #f8f8f8;
  color: #777777;
}

#feedback input[type=submit] {
  background-color: #aa6666;
  border: outset #000000 1px;
  color: #f7f7f7;
}

#feedback input[type=submit]:hover {
  background-color: #bb5555;
  border: outset #880000 1px;
}

#feedback input[type=submit]:active {
  background-color: #bb5555;
  border: inset #880000 1px;
}

#comment_author, 
#comment_email, 
#comment_spam_block {
  width: 200px;
}

#comment_author input,
#comment_email input,
#comment_spam_block input {
  width: 200px;
  margin-bottom: 8px;
}

#comment {
  width: 536px;
  float: right;
}

#comment textarea {
  width: 530px;
  height: 116px;
}

#feedback .error input,
#feedback .error textarea {
  background-color: #ffe0e0 !important;
}

#feedback p.error {
  font-width: bold;
  color: #bb0000;
}

.comment {
  border: 1px solid #777777;
  padding: 0 10px;
  margin-bottom: 10px;
  min-height: 80px;
  color: #000000;
  background-color: #f9f9f9;
  opacity: 0.6;
}

.comment img.gravatar {
  float: right;
  margin: 0 5px 8px 8px;
}

.comment span.reply:before {
  content: url(/images/layout_default/reply.png);
  margin-right: 5px;
  float: left;
}

.comment span.reply {
  display: block;
  border: 1px dotted #000;
  padding: 3px 5px 5px 7px;
  margin: 0 5px 0 0;
  min-height: 30px;
}

.comment p.author {
  font-weight: bold;
  margin-bottom: -5px;
}

/* @end */

/* @group Extended */

#extended {
  float: right;
  margin:  0 0 -30px 15px;
  min-height: 109px;
  position: relative;
  right: -20px;
  top: -42px;
  width: 242px;
}

#extended h1 {
  font: bold 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #ffffff;
  margin: 0 0 15px 0;
  padding: 0;
}

/* Workaround needed due to bug in IE7 DOM interpretation */
*+html #extended h1 {
  margin-bottom: -7px;
}

#extended h1 small {
  color: #bbbbbb;
}

#extended h2 {
  font: bold italic 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  clear: both;
  color: #ffffff;
  margin: 10px 0 0 0;
}

#extended p {
  font: italic 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #e9e9e9;
  margin: 3px 0 0 0;
}

#extended a {
  color: #e9e9e9;
  font-weight: normal;
  text-decoration: none;
}

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

#extended img {
  border: 1px solid #000000;
}

#extended img.noborder {
  border: 0;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
  background-image: url(/images/layout_default/footer.png);
  height:  52px;
  margin: 0 auto;
  width: 850px;
}

#navigation-meta {
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 10px 15px 0 45px;
  float: left;
}

#navigation-meta ul {
  margin: 0;
  padding: 0;
}

#navigation-meta ul li {
  list-style-type: none;
  display: inline;
  margin-right: 10px;
}

#navigation-meta ul li a {
  text-decoration: none;  
}

#navigation-meta ul li a:hover {
  text-decoration: underline; 
}

#disclaimer {
  float: right;
  font: bold 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin:  0;
  padding: 10px 45px 0 15px;
}

#disclaimer a {
  color: #000000;
}

#navigation-breadcrumb {
  font: 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 2px 45px 0 45px;
  clear: left;
}

#navigation-breadcrumb ul {
  margin: 0;
  padding: 0;
}

#navigation-breadcrumb ul li {
  font-weight: bold;
  margin: 0 9px 0 0;
  float: left;
  list-style-image: url(/images/layout_default/bullet-breadcrumb.png);
  list-style-position: inside;
}

#navigation-breadcrumb ul li a {
  color: #000000;
  text-decoration: none;  
}

#navigation-breadcrumb ul li a:hover {
  color: #bb0000;
  text-decoration: underline; 
}

/* @end */

/* @group Dialog */

.dialog {
  position: relative;
  margin: 0px auto;
  min-width: 8em;
  max-width: 350px;
  color: #fff;
  z-index: 1;
  margin-left: 12px;
  margin-bottom: 0.5em;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
  background: transparent url(/images/layout_default/dialog.png) no-repeat top right;
  _background-image: url(/images/layout_default/dialog.gif);
}

.dialog .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 18px 20px 5px 8px;
}

.dialog .t {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 12px;
  margin-left: -12px;
  height: 100%;
  _height: 1600px;
  background-position: top left;
}

.dialog .b {
  position: relative;
  width: 100%;
}

.dialog .b,
.dialog .b div {
  height: 12px;
  font-size: 1px;
}

.dialog .b {
  background-position: bottom right;
}

.dialog .b div {
  position: relative;
  width: 12px;
  margin-left: -12px;
  background-position: bottom left;
}

.dialog h1,
.dialog p {
  margin: 0px;
}

.dialog h1 {
  padding-bottom: 0px;
}

/* @end */

/* @group Mailer Extension */

form#mailer input.text, 
form#mailer textarea {
  width: 400px;
}

div.mailer-error {
  border-left: double #bb0000 8px;
  color: #bb0000;
  font: bold 13px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin-left: 1px;
  padding-left: 4px;
}

/* @end */

/* @group Agent */

div#agent {
  display: none;
}

/* @end */

/* @group Mediawiki Styles */

#body table.wikitable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

#body table.wikitable th,
#body table.wikitable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em !important;
}

#body table.wikitable th {
  background: #f2f2f2;
  text-align: center;
}

/* @end */