@font-face {
  font-family: mplus-mono;
  src: url(../_fonts/mplus-1m-light.ttf);
}

@font-face {
  font-family: mplus-mono;
  src: url(../_fonts/mplus-2p-heavy.ttf);
  font-weight: bold;
}

@font-face {
  font-family: gothic;
  src: url(../_fonts/miso.otf);
}

@font-face {
  font-family: gothic;
  src: url(../_fonts/miso-bold.otf);
  font-weight: bold;
}

@font-face {
  font-family: gothic;
  src: url(../_fonts/miso-italic.otf);
  font-style: italic;
}

@font-face {
  font-family: mplus-sans;
  src: url(../_fonts/mplus-2p-regular.ttf);
}

@font-face {
  font-family: mplus-sans;
  src: url(../_fonts/mplus-2p-heavy.ttf);
  font-weight: bold;
}

#strike {
text-decoration:line-through;
}

#title {
padding-top:3px;
padding-bottom:3px;
padding-left:0;
margin-left:6px;
margin-top:100px;
float:left;
width:auto;
font-size:18px;
background:#8EE5EE;
overflow:hidden;
position:relative;
}

#title a {
color:#373737;
text-decoration:none;
overflow:hidden;
position:relative;
padding:8px 5px 10px 10px;
}

#title a:hover {
color:#EE1289;
text-decoration:none;
background-color:#808080;
background-image:url('../_images/bg_checkered.gif');
}

.cc-license {
font-size:9px;
line-height:11px;
}

.detail {
font-size:45%;
}

.endmatter {
font-family:mplus-mono, andale mono, courier;
font-size:11px;
color:#8EE5EE;
text-transform:uppercase;
margin-top:10px;
margin-left:40px;
letter-spacing: 1px;
}

.footer {
background-color:#45353c;
height:auto;
bottom:0;
font-family:mplus-sans, helvetica, arial, sans-serif;
font-size:11px;
line-height:17px;
color:#fff;
margin-top:0;
padding-top:40px;
margin-bottom:0;
padding-bottom:60px;
}

.footer a:hover,.top a:hover {
color:#45353c;
text-decoration:none;
background-image:url('../_images/bg_checkered.gif');
}

.logo {
height:50px;
width:200px;
position:relative;
left:50%;
top:0;
margin-left:-300px;
margin-bottom:-5px;
margin-top:40px;
}

.navrule {
display:block;
margin:6px 20px 6px 0;
}

.space {
height:400px;
}

.top {
background-color:#45353c;
height:160px;
top:0;
font-family:mplus-sans, helvetica, arial, sans-serif;
font-size:11px;
line-height:17px;
color:#fff;
padding-top:30px;
padding-bottom:60px;
}

.top a:visited,.top a:link,.top a:active,h4 a:visited,h4 a:link,h4 a:active,p.subtext a:link,p.subtext a:active,p a:visited,p a:link,p a:active,table a:visited,table a:link,table a:active,.footer a:visited,.footer a:link,.footer a:active {
color:#8EE5EE;
text-decoration:none;
}

.top a:hover, .footer a:hover {
color: #45353c;
}

.top h1,.footer h1 {
font-size:19px;
text-transform:uppercase;
margin-bottom:51px;
}

.top h2,.footer h2 {
text-transform:uppercase;
font-size:13px;
margin-bottom:17px;
}

.top-rubineband {
background-color:#ea2767;
height:7px;
width:100%;
position:relative;
top:0;
margin-bottom:0;
border-top:1px solid #392c32;
}

body {
margin-left:0;
margin-top:0;
font-family:mplus-mono, helvetica, arial, sans-serif;
color:#fff;
font-size:14px;
line-height:20px;
background:#808080;
background-image:url('../_images/bg_halo.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 0;
padding:0;
}

h3 a:hover {
color:#808080;
text-decoration:none;
}

h3 a:visited,h3 a:link,h3 a:active {
color:#fff;
text-decoration:none;
width:600px;
}

h3,h5 {
font-size:25px;
line-height:35px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}

h4 {
font-size:20px;
line-height:25px;
font-weight:400;
color:#8EE5EE;
padding-top:10px;
border-top:1px dotted #fff;
margin:0 0 -2px;
}

h4 a:hover,p a:hover,table a:hover {
text-decoration:none;
background-color:#F6CCDA;
background-image:url('../_images/bg_checkered.gif');
}

h5 {
margin:-10px 0 -15px;
}

img {
text-decoration:none;
}

p {
font-size:15px;
line-height:22px;
color:#fff;
margin-bottom:20px;
}

p.subtext a:hover {
color:#B03060;
text-decoration:none;
background-color:#F6CCDA;
background-image:url('../_images/bg_checkered.gif');
}