.break {
  clear:both;
  }
  
body {
  margin:0;
  background:#222;
  font-family:"Trebuchet MS", verdana, sans;
  font-size:11px;
  }

.wrapper {
  width:960px;
  margin:0 auto;
  background:#fff;
  border:1px solid #fff;
  border-top:none;
  }

.header {
  position:relative;
  width:960px;
  height:150px;
  background:#2B4599;
  }

.header h1 {
  margin:0;
  display:block;
  text-indent:-1000em;
  height:150px;
  width:265px;
  background:url(../img/logo.png);
  }

.header h2 {
  display:none;
  }

.header .ad {
  position:absolute;
  top:45px;
  right:45px;
  height:60px;
  width:468px;
  }

.navigation {
  margin:1px 0 0 0;
  padding:0;
  list-style-type:none;
  background:darkgreen;
  height:28px;
  }

.navigation li {
  float:left;
  }

.navigation li a {
  float:left;
  background:green;
  padding:6px 10px;
  margin:0 1px 0 0;
  color:#fff;
  text-decoration:none;
  }

.navigation li a:hover {
  background:lightgreen;
  color:#333;
  }

.sidebar {
  float:left;
  width:160px;
  margin:20px 0 0 20px;
  }
 
.wide {
  width:300px;
  }

.content {
  position:relative;
  float:left;
  width:740px;
  margin:20px 0 0 20px;
  }

.narrow {
  width:600px
  }

.sidebar .ad {
  margin:0 0 20px 0;
  }

.sidebar h2 {
  margin:4px 0 20px 0;
  font-weight:normal;
  font-size:16px;
  border-bottom:1px solid #ccc;
  }

.content h2 {
  margin:0 0 20px 0;
  font-size:20px;
  font-weight:normal;
  border-bottom:1px solid #ccc;
  }

.sorting {
  position:absolute;
  top:10px;
  right:0px;
  font-size:10px;
  font-family:verdana;
  color:#666;
  font-weight:bold;
  }

.sorting a {
  color:#999;
  text-decoration:none;
  font-weight:normal;
  }

.sorting a:hover {
  color:#333;
  }
  
.content h3 {
  margin:0 0 20px 0;
  font-size:16px;
  font-weight:normal;
  border-bottom:1px solid #eee;
  }

.footer {
  margin:20px 0 0 0;
  padding:15px 0;
  text-align:center;
  background:#2B4599;
  color:#fff;
}

.footer a {
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  }

.footer a:hover {
  text-decoration:underline;
  }

ul.imatrix {
  margin:0;
  padding:0;
  list-style-type:none;
  }

.imatrix li {
  float:left;
  display:block;
  margin:0 37px 0 0;
  overflow:hidden;
  width:118px;
  height:165px;
  text-align:center;
  }

.imatrix li a {
  color:#666;
  text-decoration:none;
  }

.imatrix li a:hover {
  color:#222;
  }
  
.imatrix li a img {
  padding:7px;
  border:2px solid #eee;
  }

.imatrix li a:hover img {
  border:2px solid lightgreen;
  }

ul.tmatrix {
  margin:0;
  padding:0;
  list-style-type:none;
  }

.tmatrix li {
  float:left;
  display:block;
  padding:0 10px 0 0;
  width:138px;
  height:20px;
  overflow:hidden;
  }

.tmatrix li a {
  font-family:verdana;
  font-size:10px;
  color:#666;
  text-decoration:none;
}

.tmatrix li a:hover {
  color:green;
  text-decoration:underline;
  }

.game {
  width:600px;
  margin:0 0 20px 0;
  text-align:center;
  }

p {
  font-size:14px;
  }
  
ol {
  margin:0;
  padding:0 0 10px 20px;
  }

ol li a {
  font-size:12px;
  color: #333;
  text-decoration:none;
  }

ol li a:hover {
  color:darkgreen;
  text-decoration:underline;
  }

table {
  font-size:14px;
  }