@import url(global.css);

html, body {
    color: #BFBFBF;
    background-color: black;
    font-family:"Avant Garde","Century Gothic",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:18px;
}

#root {
    max-width: 80em;
    min-width: 807px;
    margin: 0px auto;
}

#header {
    margin:30px auto 0pt;
    position:relative;
    width:800px;
}

#topnav {
    margin-top:-30px;
    position:absolute;
    right:10px;
    top:10px;
    width:430px;
    padding-top: 5px;
}

#topnav li {
    list-style-type: none;
    display:block;
    float:left;
}
#topnav a {
    color:#637892;
    font-family:"Century Gothic",sans-serif;
    padding:5px 10px;
}
#topnav a:hover {
    border-bottom:1px solid #CFD8E1;
    color:#CFD8E1;
    text-decoration:none;
}
#topnav a.active, #topnav a.active:hover {
    border-bottom:3px solid #CFD8E1;
    color:#CFD8E1 !important;
}

h1, h2, h3, h4, h5, h6 {
    color:#FFFFFF;
    font-family:"Century Gothic",sans-serif;
    font-weight: normal;
}

h1 {
    background: url(http://mirrormoon.org/themes/mm/images/divider.png) no-repeat scroll top center;
    padding-top: 25px;
    margin-top: -4px;
    font-size: 24px;
}

h2 {
    background: url(http://mirrormoon.org/themes/mm/images/divider.png) no-repeat scroll top center;
    font-size: 22px;
    clear: both;
    padding-top: 1em;
}

a, a:link {
    color: #8093A9;
    text-decoration: none;
}
a:hover, a:visited:hover {
    color: #CFD8E1;
    text-decoration: underline;
}

a img {
    border: none;
}

.barvalue {
    background-color: #404954;
    color: white;
}

.vbar0, .vbar1, .vbar2, .vbar3 {
    width: 15px;
}

.hbar0, .hbar1, .hbar2, .hbar3 {
    height: 15px;
}

.vbar0:hover, .vbar1:hover, .vbar2:hover, .vbar3:hover {
    background: url(/images/mirrormoon/vbars.png) repeat-y -60px bottom;
    color: black;
}

.hbar0:hover, .hbar1:hover, .hbar2:hover, .hbar3:hover {
    background: url(/images/mirrormoon/hbars.png) repeat-x left -60px;
    color: black;
}

.vbar0 { background: url(/images/mirrormoon/vbars.png) repeat-y -30px bottom; }
.vbar1 { background: url(/images/mirrormoon/vbars.png) repeat-y -15px bottom; }
.vbar2 { background: url(/images/mirrormoon/vbars.png) repeat-y -45px bottom; }
.vbar3 { background: url(/images/mirrormoon/vbars.png) repeat-y -0px bottom; }

.hbar0 { background: url(/images/mirrormoon/hbars.png) repeat-x left -30px; }
.hbar2 { background: url(/images/mirrormoon/hbars.png) repeat-x left -45px; }
.hbar1 { background: url(/images/mirrormoon/hbars.png) repeat-x left -15px; }
.hbar3 { background: url(/images/mirrormoon/hbars.png) repeat-x left -0px; }

table {
    border-collapse: collapse;
}

.corner {
    border: none;
}

th {
    border: #8093A9 solid .1em;
    font-weight: bold;
    color: white;
}

td {
    border: #404954 solid .1em;
}

.vertical td {
    border: none;
}

th.highlight {
    background-color: #20242A;
}

#activenicks tbody tr:hover td {
    background-color: #20242A;
}
#activenicks tbody tr:hover th {
    background-color: #404954;
}

#activenicks tbody tr:hover .userpic {
    background-color: transparent;
}

#activenicks tbody tr:hover .userpic img {
    border: .2em #8093A9 solid;
}

#activenicks .userpic img {
    border: .2em transparent solid;
}

#activenicks .userpic {
    border: none; 
}

/*
#activenicks2 {
    margin: .5em;
    -moz-column-width: 13em;
    -webkit-column-width: 13em;
    column-width: 13em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    list-style-type: none;
}

#activenicks2 {
    counter-reset: rank 50;
    margin: 0;
    padding: 0;
}

#activenicks2 li:before {
    display: inline-block;
    width: 2em;
    padding-right: 0.8ex;
    text-align: right;
    content: counter(rank) ". ";
    counter-increment: rank;
}*/

p#didnotmakeit {
    clear: both;
}

.misc {
    margin: .5em 0;
}

.second, .example, .average {
   font-size: 90%;
}

#footer, #incl_footer {
   font-size: 10px;
   line-height: 12px;
   text-align: center;
}

#footer p, #incl_footer p {
    margin: .33333333em;
}

.male, .male a {
    color:#80AAFF;
}

.female, .female a {
    color:#FF93A9;
}

.bot, .bot a {
    color:#55CC55;
}

img#dailyactivitygraph {
    margin: 0 auto;
    display: block;
}