/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  height:100%;
  color: #000;
  background:#000;
  font: 76% Verdana, Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {padding: 0.3em;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em;}
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3, h4, h5, h6 {font-size: 1.1em;}

p {margin-top: 0.5em; margin-bottom: 0.9em;}

a {text-decoration: none; font-weight: bold;}
a:link {color: #AC2728;}
a:visited {color: #AC2728;}
a:hover {color: #AC2728; text-decoration: underline;}

fieldset {border: 1px solid #ccc;}

pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}

.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {font-size: 1em; color: #222;}

.links { margin-bottom: 0;}
.comment .links {margin-bottom: 0;}

/*
** Page layout blocks / IDs
*/
/* quick links  */
hr#header_stripe {height: 2px; position: relative; top:-7px; background-color: #45474A; border: none; color: #191919;}
#wrapper{margin-left: auto; margin-right: auto; width: 100%; text-align: center;}
#toppanel { position: absolute; top: 0px; width: 100%; z-index: 125; margin-left: auto; margin-right: auto;}
#panel {
	background: url('images/ql-bg.jpg') no-repeat #000;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
    
    width: 100%;
    position: relative;
    top: 1px;
    height: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}
#panel_contents {
    height: 100%;
    width: 900px;
    position: absolute;
    z-index: -1;
	color: #ccc;
}
.panel_button {
    position: relative;
    top: -13px;
	left: 90%;
    width: 115px;
    height: 25px;
    background: url('images/link-bg.jpg');
    z-index: 20;
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    cursor: pointer;
}
.panel_button a {
    text-decoration: none;
    color: #9F3732;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
color: #999999;
}

#panel_right {width:400px;float:right;}
#panel_right h2 {float:left;margin-right:20px;width:150px;}
#panel_right p {margin:40px 20px;}
#panel_right a {font-weight:normal;color:#ccc;text-decoration:underline;}
h2.info {color:#5398CD;}
h2.register {color:#9F3732;}
h2.who {height:200px;}
/* end quick links */

#content {width:1024px; background:url('images/content-bg.jpg') repeat-y; margin:0 auto; padding:0; height:100%; min-height:500px;}
#header {width:100%; background:#000; height:226px;}
#header-inner {background:url('images/header.jpg') no-repeat; width:1020px; height:225px; margin:0 auto;}

#menu {
	color:#AC2728;
	float:left;
  margin:110px 0 0 50px;
  padding: 90px 0 0.5em; /* LTR */
  text-align: left; /* LTR */
  width:500px;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #9cf;
  margin-top:2px;
}
#navlist a {
  font-weight: bold;
  color: #fff;
}
#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 {
	padding:8px;
	margin:0 15px 0 5px;
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}

.site-name {
  margin: 0 ;
  padding: 0;
  font-size: 1.5em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  width:530px;
  margin-left:160px;
  padding: 50px 10px 20px;
}
#home {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  width:600px;
  margin-left:50px;
  padding: 250px 10px 20px;
}
#mission, .node .content, .comment .content {line-height: 1.4em;}

#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {margin-bottom: .5em; display:inline;}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {border-color: red;}

#sidebar-left, #sidebar-right {
  width: 16em;
  padding: 10px;
  vertical-align: top;
}
#sidebar-left {float:left;}
#sidebar-right {
	margin:0 93px 0 0;
	padding:20px 0 0 10px;
	height:100%;
	min-height:450px;
	float:right;
	width:215px;
	background:url('images/sidebar.jpg') repeat-x #000;
	z-index:-1;
}
#sidebar-right a {color:#A8A09E;}
#footer {
  background-color: #000;
  color:#999;
  margin:0 auto;
  font-size: 1em;
  width:1024px;
}
#footer h2 {visibility: hidden; height:0px;}
#ZC {float:right; margin:0; padding:0;}

/*
** 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: 1.3em;
  color: #777;
  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 */}
.node .content, .comment .content {margin: .5em 0 .5em;}
.node .taxonomy {color: #999; font-size: 0.8em; padding-left: 1.5em; /* LTR */}
.node .picture {border: 1px solid #ddd; float: right; margin: 0.5em;}

.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.comment {border: 1px solid #abc; 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 {border: 1px solid #abc; float: right; margin: 0.5em;}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  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;}

#forum table {width: 100%;}
#forum td {padding: 0.5em;}
#forum td.forum, #forum td.posts {background-color: #eee;}
#forum td.topics, #forum td.last-reply {background-color: #ddd;}
#forum td.container {background-color: #ccc;}
#forum td.container a {color: #555;}
#forum td.statistics, #forum td.settings, #forum td.pager {height: 1.5em; border: 1px solid #bbb;}
#forum td .name {color: #96c;}
#forum td .links {padding-top: 0.7em; font-size: 0.9em;}

#profile .profile {
  clear: both;
  border: 1px solid #abc;
  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;}