body {   
  font-size: 62.5%; 
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
  margin: 0px;
  background: #1f2737 url(images/center.png) repeat-y center top;
}

#background-wrapper {
}

#wrapper {
  position: relative; 
  width: 610px; 
  margin: auto; 
}

#comments-wrapper { 
  position: absolute; 
  width: 150px; 
  top: 5px; 
  left: 380px; 
}

#main-wrapper { 
  position: relative; 
  margin: auto;
}

#content {
  background: transparent url(images/under_clouds.jpg) no-repeat center top;
  margin: auto;
  width: 610px;
  height: 248px;
}

#header { 
  position: relative;
  margin: auto;
  width: 610px;
  height: 248px;
}

#header-left {
  float: left;
  width: 162px;
  padding-top: 80px;
  text-align: right;
}

#header-logo { 
  float: left;
  width: 286px;	
}

#header-right {
  float: left;
  width: 162px;
  padding-top: 80px;
  text-align: left;
}

.spacer { margin-left: 10px; margin-right: 10px; }

.trigger {
  cursor: pointer;
}

.close {
  float: right;
  color: #d16e3d;
  font-size: 0.9em;
  cursor: pointer;
}

.new {
  color: #f30;
  font-size: 0.8em;
  font-weight: bold;
  vertical-align: super;
}

.game-link {
  clear: both;
  width: 256px;
  margin: auto auto 3em auto;
}

.game-link .thumb {
  float: left;
  margin-left: 1.5em;
  margin-right: 1em;
  margin-bottom: 1em;
}

.game-link h2 {
  font-weight: normal;
  font-size: 1.9em;  
  color: #ff8c64;
  margin: 0.2em;
}

.game-link h4 {
  font-weight: normal;
  font-size: 1.3em;
  color: #ff6d02;
  margin: 0.2em 0.2em 0.2em 117px;
}

.game-link h4.red { 
  color: #f30;
}

.game-expanded {
  clear: both;
  width: 448px;
  margin: auto auto 2em auto;
  background: #000 url(images/top.png) no-repeat center top;
}

.game-expanded-container {
  padding: 1em;
}

.game-footer {  
  background: #000 url(images/bottom.png) no-repeat center bottom;
  height: 10px;
}

.game-expanded .thumb {
  float: left;
  margin-top: 1em;
  margin-left: 1.5em;
  margin-right: 1em;
  margin-bottom: 1em;
}

.game-expanded .action {
  text-align: right;
  font-size: 1.9em;
  color: #fedcbb;
}

.game-expanded h2 {
  font-weight: normal;
  font-size: 1.9em;  
  color: #ff8c64;
  margin: 0.2em;
}

.game-expanded h4 {
  font-weight: normal;
  font-size: 1.3em;
  color: #ff6d02;
  margin: 0.2em;
}

.game-expanded h4.red { 
  color: #f30;
}

.game-expanded p {
  font-size: 1.3em;
  color: #b7cadb;
  margin: 1.0em 0.2em 0.2em 0.2em;
  text-shadow: #000 0px 0px 1px;
}

.tw {
  font-weight: normal;
  font-size: 1.3em;
  color: #ff6d02;
  margin: 0.2em 0.2em 1.5em 0.2em;
  text-align: center;
}
.tw a:link, .tw a:visited { color: #fedcbb; text-decoration: none; }
.tw a:hover, .tw a:active { color: #ffeca2; text-decoration: none; }

.action a:link, .action a:visited { color: #fedcbb; text-decoration: none; }
.action a:hover, .action a:active { color: #ffeca2; text-decoration: none; }

.small-action a:link, .small-action a:visited { color: #fedcbb; text-decoration: none; }
.small-action a:hover, .small-action a:active { color: #ffeca2; text-decoration: none; }

#tos {
  font-size: 1em;
}

#footer {
  width: 256px;
  margin: auto;
  padding-top: 50px;
  font-size: 1.3em;
  color: #ff6d02;
  text-align: center;
}

#footer-contact {
  width: 256px;
  margin: auto;
  font-size: 1.3em;
  color: #ff6d02;
  text-align: center;
  padding-bottom: 19em;
}

#footer-contact-expanded {
  width: 236px;
  margin: auto;
  font-size: 1.3em;
  color: #ff6d02;
  text-align: left;
  padding-bottom: 30px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #2f3a50;
}

#footer-contact-expanded label {}

#footer-contact-expanded .required { color: #ff5c5c; }

#footer-contact-expanded .field {
  width: 95%;
  margin-bottom: 0.2em;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
  font-size: 1em;
  background-color: #232b3b;
  border: 1px solid #2f3a50;
  color: #ccc;
}

#send { 
  color: #fedcbb; 
  cursor: pointer;
  float: right;
  background-color: #000;
  border: none;
  font-size: 1em;
}

#trademarks { 
  font-size: 0.8em;
}

#commentform { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #2f3a50; margin-left: 0.3em; margin-right: 0.3em; }

#post, #post-fake { 
  color: #fedcbb; 
  background-color: #000;  
  border: none;
  font-size: 1.0em;
  text-align: left;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
}

#post { cursor: pointer; }

#send-result { color: #ff6d02; }

#contact:link, #contact:visited { color: #fedcbb; text-decoration: none; }
#contact:hover, #contact:active { color: #ffeca2; text-decoration: none; }

.field {
  width: 245px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
  font-size: 1em;
  background-color: #232b3b;
  border: 1px solid #2f3a50;
  color: #ccc;
  margin-bottom: 0.3em;
}

p.nickname { font-size: 1.1em; font-weight: bold; color: #fedcbb; margin: 0em 0.3em 0.1em 0.3em; }
p.nickname-special { font-size: 1.1em; font-weight: bold; color: #ffd154; margin: 0em 0.3em 0.1em 0.3em; }
p.comment { display: block; overflow: hidden; width: 245px; font-size: 1.1em; color: #ff8c64; margin: 0em 0.3em 1.0em 0.3em; }

.help-link .trigger {
  margin-left: 0.3em; margin-right: 0.3em;
}

.help-link h4 {
  margin-left: 0.3em; margin-right: 0.3em; margin-bottom: 1em;
}

.help-link .game-expanded {
  margin-left: 0.3em; margin-right: 0.3em;
}

.help-link p {
  font-size: 1.3em;
  color: #b7cadb;
  margin: 1.0em 0.3em 0.2em 0.3em;
}

.games-header {
  text-align: center;

  color: #fff;
  font-size: 1.9em;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 1em;
}

.games-header-ad {
  margin-top: 0.5em;
  color: #ffeca2;
  font-size: 0.75em;
}