@import url(http://fonts.googleapis.com/css?family=Sigmar+One);

#wrapper{
width:70%;
 
  vertical-align:top;
  display:inline-block;
 margin-top:-30%;
 margin-left:20%;
  margin-right:auto;
  
}

header{
  border-style:solid;
  font-family: 'Sigmar One', cursive;
  color:yellow;
  width:360px;
  font-size:75px;
  transform:rotate(-7deg) translate(20px);
  box-shadow: 5px 5px 5px #000000;

}

body{
  background-image:url(../media/images/back.jpg);
  
}

nav{
  
border-style: solid;
border-color:yellow;
  width:170px;
  height:400px;
  vertical-align: top;
  display:inline-block;
  margin-top:100px;
  margin-left:2%;
 color:yellow;
 box-shadow: 5px 5px 5px #000000;
 
}

ul{
 list-style-type:none;

  font-size:40px;
  font-family: 'Sigmar One', cursive;
 text-align:center;
  padding:0;
   margin-top:60px;
 
}

.content{

  
  margin-top:-10%;
  border-radius:10px;
  border-color:yellow;
 margin-left:10%;
vertical-align: top;

 
  color:yellow;
 font-family: 'Sigmar One', cursive;
  font-size:20px;
  text-shadow: 1px 4px #000000;
  text-align:center;
  
}

.text{
  text-align:left;
  vertical-align: top;
  color:yellow;
  width:95%;
   font-family: 'Sigmar One', cursive;
  font-size:20px;
  text-shadow: 1px 4px #000000;
  margin-left:10%;
}

img{
  border-style:solid;
  box-shadow: 5px 5px 5px #000000;
  
}

table, td{
  
  border-collapse: collapse;
  border:1px solid yellow;
  padding:6px;
  
}

#table #music td{
  border:hidden;
  padding-left:10px;

 
}

#table{
  display:inline-block;
  
}
.footerright{


font-size:18px;
padding:10px;
display:inline;

}

footer{

margin-top:10%;
	font-size:15px;
	color:yellow;		
  
}

a {
color:inherit;
}

a:hover{
color:blue;
text-decoration:none;
cursor:pointer;
}