html,body{
  background:#000;
  color:#ccc;
}
#doc2{
  background:#333;
  border:10px solid #333;
  position:relative;
}
a{
  color:#ffc;
}
h1,h2{
  font-family:calibri,sans-serif;
}
h1{
  font-size:150%;
  font-weight:bold;
  margin:1.3em 0 1em 0;
  padding:.2em 0;
  color:#fff;
  border-bottom:2px solid #0c0;
}
h2{
  font-size:130%;
  font-weight:bold;
  margin:.2em 0 .5em 0;
  padding:2px 5px;
  color:#000;
  background:#69c;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.copy{
  font-size:110%;
  padding-bottom:1em;
}
th{
  padding:5px;
  font-size:105%;
  background:#999;
  color:#000;
  font-weight:bold;
}
td{padding:2px;}
thead{
  border-bottom:5px #333 solid;
}
table{
  width:100%;
}
caption{
  font-size:120%;
  font-weight:bold;
  margin:0;
  padding:0;
  margin-top:2em;
}
tr{
  border-bottom:3px #333 solid;
  background:#222;
}
tbody tr:hover td{
  background:#111;
}
body.js table{
  width:80%;
}
body.js #dt tr.yui-dt-even td{
  background-color:#111;
  color:#fff;
}
body.js #dt tr.yui-dt-odd td{
  background-color:#222;
  color:#fff;
}
body.js #dt tr.yui-dt-odd td.yui-dt-asc td,
#dt tr.yui-dt-odd  td.yui-dt-desc{
  background-color:#666;
  color:#fff;
}
body.js #dt tr.yui-dt-even td.yui-dt-asc,
body.js #dt tr.yui-dt-even  td.yui-dt-desc{
  background-color:#333;
  color:#fff;
}
.yui-skin-sam #bd .yui-dt-scrollable .yui-dt-bd {
  background-color:transparent;
  border:none;
}
.yui-skin-sam #bd .yui-dt td{
  border:none;
}


#medals{
  clear:both;
}
#medals th{
  border:none;
  background:#000;
  font-weight:normal;
  color:#fff;
}
#medals thead th,#medals thead td{
  border:none;
  background:#333;
}
#medals tr{
  background:#000;
}
#medals tbody tr:hover td,#medals tbody tr:hover th{
  background:#111;
}
#medals tbody td{
  width:30px;
  height:30px;
}
td span{
  height:10px;
  display:block;
  padding:0;
  -moz-border-radius:2px;
  -webkit-border-radius:5px;
}
td p{
  position:absolute;
  top:5px;
  left:-20000px;
}
.silver{
  background:silver;
}
.gold{
  background:gold;
}
.bronze{
  background:#8C7853;
}
#hover{
  position:absolute;
  background:rgba(20,30,30,.9);
  padding:5px;
  font-weight:bold;
  font-size:110%;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#details{
  position:absolute;
  width:500px;
  background:#666;
  padding:1em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#details button{
  float:right;
}
#details td{
  padding:5px;
  color:#fff;
}
#details table{
  width:100%;
  color:#fff;
  background:#000;
  margin:0;
}
#content h2{
  font-size:110%;
  margin:0;
  padding:0;
  color:#fff;
  font-weight:bold;
  background:transparent;
}
#dt{
  clear:both;
  margin-top:30px;
}
#details #dt{
  height:200px;
  overflow:auto;
}

#ft p{
  margin:3em 0 1em 0;
  text-align:right;
  color:#999;
  font-size:80%;
}
#ft p a{
  color:#666;
}
#countries{
  overflow:hidden;
  margin:1em 0;
}
#countries li{
  width:130px;
  float:left;
  padding-bottom:5px;
}
#countries label{
  padding-left:1em;
}
#countries li.but{
  clear:both;
  text-align:right;
  width:100%;
}
.seeall a,button{
  background:#3c3;
  padding:0 5px;
  color:#000;
  margin-left:5px;
  border:none;
  font-weight:bold;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-decoration:none;
}
body.js #dt{
  color:#ccc;
  margin:1em 0;
}

ul.horizontal{
  overflow:hidden;
  padding:0 .2em;
}
ul.horizontal li{
  float:left;
  padding-right:1em;
  display:block;
  padding-bottom:5px;
}
.seeall{
  text-align:right;
  padding:.5em;
  margin:.5em 0;
}
#nav{
  background:#000;
  padding:5px;
  margin:0;
  position:absolute;
  top:-10px;
  left:-10px;
  width:960px;
}
#nav a{
  color:#fff;
  font-size:105%;
  text-decoration:none;
}
.horizontal a{font-size:105%;}
#stats{
  font-size:130%;
  padding:0;
}
#medallist {margin:1em 0;}
#medallist strong{display:block;}
#medallist p{color:#000;float:left;font-weight:bold;padding:2px 5px;-moz-border-radius:6px;-webkit-border-radius:6px;
margin-right:1px;}
#medallist li span{display:none;}
#info img{
  padding:10px;
  background:#000;
  float:right;
  margin:5px 0 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#info{overflow:auto;}
.home #info{
  margin-top:2em;
}
#ads{background:#222;text-align:center;padding:.2em;display:block;margin:.5em 0;}
#nav a:hover{color:#0c0;}
#thanks{background:#fff;padding:1em;color:#000;font-size:120%;margin:1em 0;-moz-border-radius:10px;-webkit-border-radius:10px;}
#thanks h2{background:#0c0;}
#thanks a{color:#060;}

.content a{color:#fff;}

.content{font-size:110%;}
.content ul{margin:1em;list-style:square;}
.content ul li{list-style:square;padding:.2em 0;}
.content p{padding:0 5px .5em 5px;}
.content li code{color:#fff;font-weight:bold;}
.content h3{font-size:110%;color:#fff;font-weight:bold;margin:1em 0;padding:0 5px;}
.content pre{background:#111;padding:1em;margin:1em 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}