/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */



/*

** HTML elements

*/

body {

  background: #fff url('images/bodybg.jpg') repeat;

  margin: 0;

  padding: 0;

  color: #fff;

  font: 76% Verdana, Arial, Helvetica, sans-serif;

  /*overflow: hidden;*/

}

tr.odd td, tr.even td {

  padding: 0.3em;

}

h1, h2, h3, h4, h5, h6 {

}

h1 {

  font: 100% Rockwell, Verdana, Arial, Helvetica, sans-serif;

  font-size: 2em;

  color:#fff;

}
h1:link {
  text-decoration:none;
}

h2 {

  font-size: 1.2em;

}

h3, h4, h5, h6 {

  font-size: 1.1em;

}

p {

  color:#FFFFFF;

  margin-top: 0.5em;

  margin-bottom: 0.9em;

}

a {

  text-decoration: none;

  font-weight: bold;

}

a:link {
  text-decoration:underline;

  color: #fff;

}

a:visited {

  color: #fff;

}

a:hover {

  color: #fff;

}

fieldset {

}

pre {

  background-color: #eee;

  padding: 0.75em 1.5em;

  font-size: 12px;

}

table {

  /* make <td> sizes relative to body size! */

  font-size: 1em;

}

.form-item label {

  font-size: 1em;

  color: #fff;

}

.item-list .title {

  font-size: 1em;

  color: #222;

}

.links {

  margin-bottom: 0;

}

.comment .links {

  margin-bottom: 0;

}



/*

** Page layout blocks / IDs

*/

#header, #content {

  width: 100%;

}

#header {

  border: none;

}

#header a:link {

  text-decoration:none;

}

#header a:hover {

  color: #000;

}

#links {

  text-align:right;

  vertical-align: middle;

  border: 0;

}

#links img {

  float: right; /* LTR */

  padding: 0 1em;

  border: 0;

}

#menu {

  padding: 0.5em 0.5em 0 0.5em; /* LTR */

  text-align: left; /* LTR */

  vertical-align: middle;

}

#navlist {

  font-size: 2.1em;

  padding: 0 0.9em 1.2em 0; /* LTR */

  color: #fff;

  text-align:right;

}

#navlist a {

  font: 100% Rockwell, Verdana, Arial, Helvetica, sans-serif;

  font-weight: bold;

  color: #000;
  
  text-decoration:none;

}

#navlist a:hover {

  color: #8c1e1e;

}

#subnavlist {

  padding: 0.5em 1.2em 0.4em 0; /* LTR */

  font-size: 0.8em;

  color: #9cf;

}

#subnavlist a {

  font-weight: bold;

  color: #9cf;

}

ul.links li {

}

ul.links li.first {

  border: none;

}

#search .form-text, #search .form-submit {

  font-size: 1.1em;

  height: 1.5em;

  vertical-align: middle;

}

#search .form-text {

  width: 8em;

  padding: 0 0.5em;

}

#mission {

  background-color: #369;

  padding: 1.5em 2em;

  color: #fff;

}

#mission a, #mission a:visited {

  color: #9cf;

  font-weight: bold;

}

.site-name {

  font: 100% Rockwell, Verdana, Arial, Helvetica, sans-serif;

  margin: 0.6em 0.5em 0 ;

  padding: 0;

  font-size: 6em;

  text-align: right;

}

.site-name a:link, .site-name a:visited {

  color: #000;

}

.site-name a:hover {

  color: #000;

  text-decoration: none;

}

.site-slogan {

  font-size: 1em;

  color: #eee;

  display: block;

  margin: 0;

  font-style: italic;

  font-weight: bold;

}

#main {

  /* padding in px not ex because IE messes up 100% width tables otherwise */

  background: url('images/transparent_block.png') repeat top;

  padding: 50px;

  text-align: right;

  border: none;

}

#mission, .node .content, .comment .content {

  line-height: 1.4em;

}

#help {

  font-size: 0.9em;

  margin-bottom: 1em;

}

.breadcrumb {

  margin-bottom: .5em;

}

.messages {

  background-color: #eee;

  padding: 0.3em;

  margin-bottom: 1em;

}

.error {

  border-color: red;

}

#sidebar-left, #sidebar-right {

  width: 16em;

  /* padding in px not ex because IE messes up 100% width tables otherwise */

  padding: 10px;

  vertical-align: top;

}

#footer {

  font: 100% Rockwell, Verdana, Arial, Helvetica, sans-serif;

  font-weight:bold;

  margin: 0.6em 1.6em 0 ;

  font-size: 2em;

  color: #fff;

  text-align: right;

}



/*

** Common declarations for child classes of node, comment, block, box, etc.

** If you want any of them styled differently for a specific parent, add

** additional rules /with only the differing properties!/ to .parent .class.

** See .comment .title for an example.

*/

.title, .title a {

  font-weight: bold;

  font-size: 2.0em;

  color: #fff;

  margin: 0 auto;  /* decrease default margins for h<x>.title */

}

.submitted {

  color: #999;

  font-size: 0.8em;

}

.links {

  color: #999;

}

.links a {

  font-weight: bold;

}

.block, .box {

  padding: 0 0 1.5em 0; /* LTR */

}

.block {

  padding-bottom: 0.75em;

  margin-bottom: 1.5em;

}

.block .title {

  margin-bottom: .25em;

}

.box .title {

  font-size: 1.1em;

}

.node {

  margin: .5em 0 2em; /* LTR */

}

.sticky {

  padding: .5em;

  background-color: #eee;

}

.node .content, .comment .content {

  margin: .5em 0 .5em;

}

.node .taxonomy {

  color: #999;

  font-size: 0.8em;

  padding-left: 1.5em; /* LTR */

}

.node .picture {

  float: right; /* LTR */

  margin: 0.5em;

}

.comment {

  padding: .5em;

  margin-bottom: 1em;

}

.comment .title a {

  font-size: 1.1em;

  font-weight: normal;

}

.comment .new {

  text-align: right; /* LTR */

  font-weight: bold;

  font-size: 0.8em;

  float: right; /* LTR */

  color: red;

}

.comment .picture {

  float: right; /* LTR */

  margin: 0.5em;

}



/*

** Module specific styles

*/

#aggregator .feed-source {

  background-color: #eee;

  padding: 1em;

  margin: 1em 0;

}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age {

  color: #999;

  font-style: italic;

  font-size: 0.9em;

}

#aggregator .title {

  margin-bottom: 0.5em;

  font-size: 1em;

}

#aggregator h3 {

  margin-top: 1em;

}

#profile .profile {

  clear: both;

  padding: .5em;

  margin: 1em 0em;

}

#profile .profile .name {

  padding-bottom: 0.5em;

}

.block-forum h3 {

  margin-bottom: .5em;

}

div.admin-panel .description {

  color: #999;

}

div.admin-panel .body {

  background: #f4f4f4;

}

div.admin-panel h3 {

  background-color: #69c;

  color: #fff;

  padding: 5px 8px 5px;

  margin: 0;

}