a:link, a:visited { text-decoration: none; color: #D800B7; }
a:active, a:hover { text-decoration: underline; color: #FF21A9; }

#navi,
#logo,
.navisub h3 {
  display: none;
}
@media screen {
  #content {
    margin: 0px 15px 0px 150px;
  }
  #navi {
    display: block;
    position: absolute;
    top: 90px;
    left: 10px;
    padding: 5px;
    margin: 0px;
  }
  .navitem {
    display: block;
    width: 120px;
    font: normal 14px 'Century Gothic', sans-serif;
    padding: 0px 1px 2px 1px;
    text-align: center;
    border: 1px solid #D800B7;
    text-transform: lowercase;
    margin: 0px 0px -1px 0px;
  }
  a.navitem:link, a.navitem:visited {
    background-color: #000126;
  }
  a.navitem:hover, a.navitem:active {
    text-decoration: none;
    background: #6A005A;
  }
  .navisub {
    position: absolute;
    padding-bottom: 1px;
    visibility: hidden;
    margin: -20px 5px 5px 110px;
  }
  #logo {
    display: block;
    float: right;
    padding: 10px 0px 10px 10px;
  }
}
#footer {
  padding: 10px;
}

body {
  margin: 0px 2px;
  background: #000126 url('images/bg_stars.gif') repeat scroll left top;
}
body, p, td, th, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6  { font-family: Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p {
  background: transparent;
  margin: 0.8em 0px;
}
h1 {
  font: normal 40px 'Century Gothic', sans-serif;
  text-transform: lowercase;
  margin: 0px;
  padding-top: 40px;
}
h2, h3, h4, h5, h6 { color: #FFCBF7; }
body, p, td, th, ol, ul, li, dl, dt, dd  { font-size: small; }

body { color: #FFEBFC; }

li { margin-top: 0.3em; }

hr { height: 1px; }

h1, hr, .pink { color: #D800B7; }
.hotpink { color: #FF51E5; }
.white { color: #FFF; }

small, .small { font-size: smaller; }
big, .big { font-size: larger; }

.small_fixed { font-size: 10px; }