@font-face {
    font-family: 'ChunkFive';
    src: url('fonts/ChunkFive/Chunkfive-webfont.eot');
    src: url('fonts/ChunkFive/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ChunkFive/Chunkfive-webfont.woff') format('woff'),
         url('fonts/ChunkFive/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/ChunkFive/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GoodDog';
    src: url('fonts/GoodDog/GoodDog-webfont.eot');
    src: url('fonts/GoodDog/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GoodDog/GoodDog-webfont.woff') format('woff'),
         url('fonts/GoodDog/GoodDog-webfont.ttf') format('truetype'),
         url('fonts/GoodDog/GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*****************************************
General Header
*****************************************/

body {
  background : URL('../images/binding_dark.png');
  padding-top: 25px;
  font-size: 1em;
}

#headline {
  margin-bottom:100px;
}

#headline h1 {
  font-size: 4em;
  font-family: "ChunkFive";
  color: #FFFFFF;
  margin-bottom: 0px;
}

#headline h2 {
  font-family: "GoodDog";
  font-size: 3em;
  color: #888;
  text-align: center;
}


/*****************************************
Posts   A6B1ED
*****************************************/

.post h3 {
  color: #B3BEC4;
  font-size: 1.75em;
  font-family: "ChunkFive";
}

.post {
  background: rgba(46,46,46,.3);
  padding: 15px;
  color: white;
  font-size: 1.3em;
  border: 2px double rgb(201,59,40);
  border-radius: 10px;
  margin-bottom: 30px;
  font-family: "GoodDog";
}

/*****************************************
Navigation Bar
*****************************************/

.navigation {
  position: right;
  right: 30px;
  float: right;
  background: rgb(46,46,46);
  border-radius: 10px;
  border: 2px solid rgb(201,59,40);
}

#nav li{
  margin-bottom: 5px;
  list-style: none;
  font-size: 1.5em;
  font-family: "GoodDog";
}

#nav a {
  text-decoration: none;
  color: rgb(69,102,175);
}


/*****************************************
Icon Sets
*****************************************/

.icon {
  background-image:url("../images/icons.png");
  width: 64px;
  height: 64px;
  margin: 50px;
  float: right;
}

.social {
  list-style: none;
}

.linkedin {background-position: 0px 0px;}
.linkedin:hover {background-position: 0px -64px;}

.github {background-position: 64px 0px;}
.github:hover {background-position: 64px -64px;}