@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: 60em;
    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;
*/
    margin: 0 0 -.7em 0;
}

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;
}

#joinForm {
  line-height: 1.7;
}