body {

  background: url('/files/img/bg.jpg') repeat fixed;
  background-size: cover;
  font-family: "neuropol";
}

@font-face {
  font-family: neuropol;
  src: url('/files/fonts/neuropol.otf');
}

p   {color: white; font-size: 15px; text-indent: 25px;}
z   {color: white; font-size: 13px;}
h3  {color: white}
h2  {color: white}
h1  {color: white}
iframe  {border: none;}
a   {color: cyan; text-decoration: underline;}

.content{
  margin: auto;
  width: 760px;
}

.dotted {
 border: 1px dotted grey;
}

.main {
 border-style: inset;
 outline: 7px outset #0c2c2b;
 border-color: #163736;
 border-width: 6px;
 height: 700px;
 padding: 10px;
 box-shadow: 0px 0px 10px 10px #0c2c2b;
 background: black;
 overflow: scroll;
 }

.left {
 width: 200px;
 padding: 5px;
 background: black;
 float: left;
}

.news {
 width: 200px;
 height: 430px;
 padding: 5px;
 background: black;
 float: left;
 text-align: left;
 overflow: scroll;
}

.song {
 width: 700px;
 padding: 5px;
 margin: auto;
 background: black;
 text-align: center;
 overflow: auto;
}

.right {
 width: 450px;
 height: 510px;
 padding: 5px;
 float: right;
 overflow: scroll;
 margin: auto;
 padding: 20px;
 border: double #0c2c2b;
}

.rightimg {
 float: right; 
}


.topnav {
  overflow: hidden;
  padding: 5px;
  border-radius: 3px;
  text-align: left;
  background: #0c2c2b;
  box-shadow: 0px 0px 10px 10px #0c2c2b;
}
.topnav a {
  color: white;
  text-decoration: underline;
  font-size: 13px;
}
.topnav a:hover {
  background-color: #0c2c2b;
  color: black;
}
.topnav a.active {
  background-color: #0c2c2b;
  color: white;
}

.header {
 height: 100px;
 font-size: 50px;
}