/*
@font-face {
font-family: warender;
src: url(../font/logo/warender.ttf) format("truetype");
}
*/

body {
font-family:verdana,arial,helvetica,sans-serif;
text-align:left;
margin:0 1em 1em;
padding:0;
color:#001722;
background-color: #8af;
background-image: url("../img/page_bg.png");
}

h1 {
font-size:2em;
padding-left: 1em;
}

h2 {
text-align:center;
}

h1,h2 {
/*font-style:italic;*/
font-family:Georgia,serif;
margin:0;
}

h3 {
text-align:center;
text-transform:uppercase;
}

table {
border-collapse:collapse;
text-align:left;
margin:1.25em auto;
}

table caption{
display: none;
}

th {
background:#eee;
color:#000;
}

td,th {
border:1px solid #333;
padding:0.25em;
}

a {
color:#700;
font-weight: bold;
background:transparent;
}

a img {
border: 0;
}

.graph {
float:left;
padding: 1em 0.5em 1em 0.5em;
}

.data, .clear {
clear:both;
}

table.sortable thead {
cursor: pointer;
}

table.sortable thead td {
text-decoration: underline;
}

.t-even-dark{
background:#d6dff7
}

.t-odd-dark{
background:#f0f0ff
}

/*
.t-even{
background:#c6cff7
}

.t-odd{
background:#e0e0ff
}
*/

.data table tbody tr:nth-child(even) {
background:#c6cff7
}

.data table tbody tr:nth-child(2n+2) {
background:#e0e0ff
}

.t-type, .data table thead tr {
font-weight:bold;
padding:0 0.5em 0 0.5em;
background-color:#666fb7;
background-image:url(../img/bg2.png);
color:#eef;
}

.number{
text-align: right;
}

#main {
background:#b2cfff;
width:65em;
margin:0 auto;
margin-top: 1em;
border:2px solid #333;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

#header{
padding-bottom:1.5em;
}

div#news {
width:32em;
float:right
}

div#news h1 {
text-align:center
}

#news li {
list-style:none;
width:27em;
text-align: left;
padding: 0.3em 0.6em;
line-height: 1.5em;
}

#news li p.date {
float:left;
margin:1.2em 1em 0.2em 0;
font-weight: bold;
font-size: 130%;
}

.listbox li {
margin: 0.5em;
padding: 0.3em 0.2em;
}

.box, .listbox li, li.experimental {
background-color:#a2cfff;
border: 2px solid #333;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

div.super {
width: 20em;
margin: 0.25em;
float: left;
}

ul.historyInfo {
float:left;
width:28em;
}

.historyInfo li {
float:left;
list-style:none;
width:28em;
text-align: left;
padding: 0.3em 0.6em;
}

ul#nav {
padding:0.5em 1em;
margin:0;
}

#nav li {
float:left;
list-style:none;
margin-bottom: -1px;
margin-left: -1px;
color:#fff;
background-color:#224f7f;
background-image:url(../img/bg1.png);
}

#nav li a {
display: block;
width: 11.8em;
line-height: 1.75em;
padding:0 0.25em;
color:#fff;
border:1px solid #333;
text-decoration:none;
text-align:center;
}

#nav li a:hover {
color:#bf2400;
background-color:#cef;
background-image:url(../img/bg1_i.png);
border:1px solid #bf2400;
}

#footer, p#clickheat {
text-align:center;
font:0.75em courier,monospace;
}

.error,a:hover {
color:red;
background:transparent;
}

.error {
font-style:italic;
}

p,ul#nav {
margin:1em 0;
}

ul.nostyle, ul.chunkedTable {
list-style-type:none
}

ul.chunkedTable li {
float:left; 
padding:0 0.5em 0.5em 0.5em;
}

.badhubs {
font-size: 80%;
}

p#copyright {
margin: 0 auto;
width:45em;
font-size: 85%;
}

p#copyright img {
float:left;
padding: 0.5em;
border-width: 0;
}

.footnote {
text-align:left;
margin-top:0.4em;
margin-bottom:0.3em;
padding: 0.5em;
line-height: 1.5em;
}

.center {
text-align:center;
}

#netsize {
background-color: #000;
color: #fff;
padding: 2px 4px;
font-size: 150%;
}

#netsize_img {
float:right;
padding-right: 10px;
padding-top: 5px;
}

li.experimental {
float:left;
width: 27em;
list-style:none;
margin-bottom: 0.2em;
margin-left: 0.2em;
padding: 1em;
}

#time {
float:left;
padding-left: 1.5em;
font-size: 0.75em;
}

.warning {
font-size:110%;
color:#f00;
background: #fff;
padding: 3px;
border: 1px solid #666;
}

#logo {
float:left;
color: #106;
font-size: 270%;
font-family:warender,fantasy;
padding: 0.3em 1em;
text-shadow: -2px -2px 4px #226, 0 0 6px #f58;
letter-spacing:2px;
}

#title {
padding: 0.5em 0.5em;
}

/* Make sure there is enough room for 2 columns of tables and that long 
 * version numbers will wrap instead. */
.versions table.percentTable td:first-child {
width: 28em;
}

.versions table.percentTable td {
font-size: 78%;
}

.names table td {
font-size: 90%;
}

a.key {
font-size: 60%;
}

.graph img {
padding: 1px;
border: 2px solid #69c;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}