/* for setting up page*/
#wrapper {
    margin: 0;
    width: 100%;
    padding: 0px;
    position: absolute;
}

/*for the top black bar */
#bar {
background-color:black;
height:35px;
table-layout:fixed;
width:100%;
border:none;
}

/*social buttons*/
#social {
height: 34px;
margin-left: auto;
margin-right: auto;
/*margin:  0 0 0 0;
position: absolute;*/
top: 18px;
width: 450px;
}



/*for logo*/
#logo {
position:relative;
margin-left:auto;
margin-right:auto;

}

/*background setting for the index*/
body {
margin:0;
width: 100%;
background-color:#E6E6E6;
}

/*to fit the main content*/
.content{

}

/* remove IE borders... BOOO, IE! BOOOOO!*/
.noBorder{
border:none;
}




/*for the contact list*/
.contactList {
display:inline;
text-align:center;
list-style: none inside none;
}

/*soundcloud player stuff*/

.player {
  width:450px;
  height:450px;
}

/* to add font properties to the contact list*/



.links {
padding-top: 10px;
padding-bottom: 10px;
letter-spacing: 5px;

font-family: 'fantasy', bold, sans-serif;
}

/*force inline */
li.inline {
display:inline;
text-align:left;
}

/*for removing linkiness*/
a:link {
text-decoration: none;
color:inherit;
}
a:visited{
text-decoration: none;
color:inherit;
}
a:hover{
text-decoration: none;
color:white;
}
a:active{
text-decoration: none;
color:black;
}
/*Bubble Titles*/
h2 {
color:white;
}

/*for mobile*/

@media only screen and (max-width: 800px)
{
body {

}
/*#wrapper {
    margin: 0;
    width: 100%;
    /*position: absolute;
}*/
#social {
width: 100%;
}
.content {
width:100%;
/*padding-left: 2px;
padding-right: 2px;*/
}
.player {
  width:100%
}
.links {
  width:100%;
  position: relative;
  /*padding-right: 10px;*/
  font-size: 4vw;
  font-size: 4vh;
  overflow: hidden;
}
.contactList {
  width:100%;

}
#social {
  width:100%
}
#logo {
  height:auto;
  width:100%;
}
li.inline {
  width:100%;
  }
}