body {
  font-family: arial, helvetica, sans-serif;
  background-color: rgb(20,20,20);
  background-image: url(../images/stars.jpg);
  text-align: center;
  font-size: 13px;
  color: white;
}

#container {
  width: 900px;
  margin: 0;
  padding: 10px 0;
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(255, 255, 255);
  text-align: left;
  color: black;
}

#header * {
  margin: 0;
  padding: 0;
}

/* upper row */

#upper-header {
  height: 48px;
  margin: 0 10px;
  background-color: #547eb7;
  background-image: url(../images/header_bg.jpg);
}

#upper-header #icons {
  float: left;
  width: 100px;
  margin: 17px;
}

#upper-header #icons img {
  margin: 0 10px 0 5px;
  border: none;
}

#upper-header form {
  float: right;
  color: white;
  margin: 13px;
}

#upper-header form label {
  display: inline;
}

#upper-header form input {
  width: 280px;
  margin-bottom: 1px;
}

#upper-header form input.ok_submit {
  width: 22px;
  margin: 0 0 0 4px;
  vertical-align: center;
}

/* title row */

#header-title {
  height: 250px;
  width: 880px;
  margin: 2px 10px 0 10px;
  padding: 0;
  clear: left;
  text-align: left;
}

#title {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  float: left;
  width: 220px;
  height: 250px;
  background-color: #547eb7;
  background-image: url(../images/title.jpg);
}

span.hide {
  position: absolute;
  left: -1000px;
}

#subtitle {
  display: block;
  margin: 130px 25px 0px 25px;
  text-transform: uppercase;
  color: white;
}

#picture {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  width: 660px;
  height: 250px;
  border: none;
  float: left;
}

#slogan {
  position: absolute;
  top: 278px;  
  width: 600px;
  height: 14px;
  margin-left: 220px;
  padding: 13px 30px;
  background-color: #ffffff;
  color: #000000;
  font-size: 110%;
  /* add the opacity */
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

/* main part */

#body {
  clear: left;
  margin: 1px 10px 0 10px;
  width: 880px;
  background-image: url(../images/body_bg.jpg);
}

/* columns */

.sidebar {
  margin: 0;
  padding: 0;
  color: white;
  background-color: #272727;
}

.sidebar * {
  margin: 0;
  padding: 0;
  border: none;
}

.sidebar h3 {
  margin-top: 30px;
  padding: 8px 20px;
  background-color: rgb(100, 100, 100);
  background-image: url(../images/sidebar_title_bg.jpg);
  font-weight: normal;
  font-size: 90%;
  border-top: 1px solid #ffffff;
}

.sidebar h3.top {
  margin-top: 0;
  border: none;
}

.sidebar h4 {
  font-size: 90%;
  margin: 20px 20px;
}

.sidebar p {
  margin: 20px 20px;
}

.sidebar p a {
  color: white;
}

div.sidebar p.apart {
  margin: 20px;
}

/* left column */

#sidebar-left {
  width: 220px;
  float: left;
}

#menu {
  width: 220px;
  background-color: #272727;
  margin: 0;
  padding: 0;
}

#menu li {
  display: block;
  height: 33px;
  width: 220px;
  background-image: url(../images/menu.jpg);
}

#menu li a {
  display: block;
  height: 15px;
  width: 158px;
  padding: 9px 0 0 62px;
  color: white;
  text-decoration: none;
}

#menu li a:hover {
  font-weight: bold;
}

#ads-left {
  margin: 0;
  padding-top: 40px;
  background-color: #b7b7b7;
  text-align: center;
}

/* right column */

#sidebar-right {
  width: 220px;
  float: right;
}

/* login form */

div.sidebar form p {
  margin: 15px 20px;
  height: 15px;
  clear: left;
}

div.sidebar form label {
  float: left;
  display: block;
  width: 55px;
  margin: 4px;
}

div.sidebar #user_box_login {
  width: 114px;
  float: left;
}

div.sidebar #user_box_password {
  width: 88px;
  float: left;
}

div.sidebar #user_box_submit {
  margin: 0 0 0 4px;
  width: 22px;
  float: left;
}

#ads-right {
  background-color: #b7b7b7;
  padding-top: 40px;
  text-align: center;
}

/* footer */

#footer {
  clear: both;
  background-color: #b7b7b7;
  height: 48px;
  margin: 0 10px;
}

#clear {
  margin: 0;
  padding: 0;
  clear: both;
}

#footer * {
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#copyright {
  margin: 0;
  padding: 0;
  width: 410px;
  height: 18px;
  margin-left: 220px;
  background-color: #547eb7;
  float: left;
  padding: 15px 0 15px 30px;
}

#created {
  margin: 0;
  padding: 0;
  width: 220px;
  height: 18px;
  float: left;
  padding: 15px 0;
  text-align: center;
  color: white;
  background-color: #272727;
}

/* middle column and contents */

#contents {
  margin-left: 250px;
  padding-bottom: 3em;
  width: 380px;
}

#contents p {
  margin: 0;
  padding: 0.3em 0;
}

#contents dt {
  display: inline;
  font-weight: bold;
}

#contents dd {
  display: inline;
  margin: 0 0.5em;
}

#contents h1 {
  margin: 0; 
  padding: 1.5em 0 0.5em 0;
  color: rgb(207,67,20);
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
}

#contents h2 {
  margin: 1.8em 0 0.5em 0; 
  color: rgb(207,67,20);
  font-size: 110%;
  font-weight: bold;
}

#contents h2 strong {
  font-style: italic;
}

#contents p.error {
  margin: 0;
  padding: 10px 0;
  color: red;
  font-weight: bold;
}

#contents p.notice {
  margin: 0;
  padding: 10px 0;
  color: green;
}

#contents a {
  color: rgb(207,67,20);
}

#contents a:hover {
  text-decoration: none;
}


div.issues-list p.issue {
  margin: 6px !important;
  width: 110px;
  height: 180px;
  float: left;
}

div.issues-list p.issue a {
  text-decoration: none;
}

div.issues-list p.issue img {
  width: 110px;
  border: none;
}

div.issue-listing p.perex {
  font-size: smaller;
}

form {
  margin: 0;
  padding: 0;
}

form label {
  display: block;
}

form fieldset {
  border: 1px solid;
}

form input {
  margin: 0;
  padding: 0;
  height: 18px;
  border: 1px solid black;
  background-image: url(../images/input_bg.jpg); 
}

form select {
  margin: 0;
  padding: 0;
  height: 18px;
  border: 1px solid black;
  background-image: url(../images/input_bg.jpg); 
}

form input#file {
  background-image: none;
  border: none;
}

form input.submit {
  height: 22px;
  width: 80px;
  font-size: 11px;
  border: none;
  color: white;
  font-weight: bold;
  background-image: url(../images/but_bg.jpg);
}

form input.ok_submit {
  height: 22px;
  width: 22px;
  font-size: 11px;
  border: none;
  color: white;
  font-weight: bold;
  background-image: url(../images/but_ok_bg.jpg);
}

hr {
  margin: 2em 0 1em 0;
  border: 1px solid;
  border-color: rgb(207,67,20);
}