/* general */

body {
  margin: 0px;
  padding: 0px;
  background-color: #efefdf;
  background: url("images/background.png") 0px 0px repeat-x #36393d;
  font-family: "trebuchet ms", arial, helvetica, sans-serif;
  font-size: 100%;
  color: #666666;
}

#shutdown {
  width: 450px;
  margin: 10px auto 10px auto;
  padding: 10px;
  border: 3px solid #b60000;
  color: #b60000;
  font-weight: bold;
  text-align: center;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

h1 {
  color: #00ccff;
  font-size: 160%;
}

h2 {
  color: #00ccff;
  font-size: 160%;
}

h3 {
  color: #00ccff;
  font-size: 120%;
}

a {
  color: #00ccff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p.error {
  color: #b60000;
  font-weight: bold;
}

/* header */

#header {
  width: 780px;
  height: 68px;
  margin: 0px auto 0px auto;
}

/* navigation */

#navigation {
  text-align: center;
}

#navigation ul{
  list-style: none;
}

#navigation ul li {
  float: left;
}

/* body */

#body {
  width: 780px;
  margin: 0px auto 0px auto;
  padding: 20px;
  overflow: hidden;
}

/* form */

#form {
  padding: 6px;
  background: #eeeeee;
  border: 1px #cccccc dotted;
}

#form .text {
  background: #ffff88 !important;
  border: 1px solid #b02b2c;
  font-size: 100%;
  height: 25px;
  width: 250px
}

#form .button {
  font-size: 100%;
}

#form label {
  font-weight: bold;
}

/* 404 */

h1.comment {
  font-size: 120%;
}

#body i.comment {
  color: #000000;
}

/* content */

#leftFrame {
  width: 480px;
  height: 620px;
  margin: 0px;
  padding: 0px;
  padding-right: 30px;
  float: left;
}

#userinfo {
  width: 460px;
  height: 47px;
  border: 3px solid #b02b2c;
}

#userinfo span {
  padding: 10px;
}

#rightFrame {
  width: 270px;
  height: 620px;
  margin: 0px;
  padding: 0px;
  float: right;
}

#advertise a {
  width: 200px;
  height: 80px;
  background: url("images/btn_advertise.png") 0px 0px no-repeat;
  display: block;
}

#advertise a:hover {
  background-position: bottom;
}

#advertise {
  width: 200px;
  height: 80px;
  margin: 0px 0px 0px 0px;
  background: url("images/btn_advertise.png") 0px 0px no-repeat;
}

#submit a {
  width: 200px;
  height: 80px;
  background: url("images/btn_submit.png") 0px 0px no-repeat;
  display: block;
}

#submit a:hover {
  background-position: bottom;
}

#submit {
  width: 200px;
  height: 80px;
  margin: 0px 10px 0px 0px;
  background: url("images/btn_submit.png") 0px 0px no-repeat;
}

ol a {
  color: #000000;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
}

#code textarea {
  width: 450px;
  height: 70px;
  background: #ffffff !important;
  border: 1px solid #bfb492;
}

.platinum_ad {
  background-color: #928e8c;
}

.platinum_ad:hover {
  background-color: #c9c7c6;
}

.gold_ad {
  background-color: #ffd700;
}

.gold_ad:hover {
  background-color: #ffeb80;
}

.silver_ad {
  background-color: #c0c0c0;
}

.silver_ad:hover {
  background-color: #e0e0e0;
}

.bronze_ad {
  background-color: #c69633;
}

.bronze_ad:hover {
  background-color: #e3cb99;
}

.free_ad {
  background-color: #ffffff;
}

/* footer */

#footer {
  height: 116px;
  margin: 0px;
  padding-bottom: 1000px;
  background: url("images/footer.png") 0px 0px repeat-x #36393d;
}

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

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

#footer p.copyright {
  padding-top: 15px;
  color: #ffffff;
  text-align: center;
}

#footer p.badges {
  text-align: center;
}