@font-face {
      font-family: "FuturaCondMed";
      src: url('/Fonts/FuturaCondMed.eot') format('embedded-opentype');
      src: url('/Fonts/FuturaCondMed.eot?#iefix') format('embedded-opentype'), 
         url('/Fonts/FuturaCondMed.woff') format('woff'),
	     url('/Fonts/FuturaCondMed.ttf') format('truetype');
    }
    
    body {
      padding: 0;
      margin: 0;
      background-image: url('/Fonts/WBBackg.jpg');
    }
    p {
      font-family: helvetica;
      font-size: 15px;
      color: #333333;
      text-indent: 40px;
      text-align: justify;
      line-height: 160%;
      letter-spacing: 0.4px;
      margin:0px;
      margin-top: 10px;
    }
    .link {
      text-decoration: none;
      color: rgb(55,143,215);
    }
    .link:hover {
      color: rgb(22,104,177);
    }
    .link:active {
      color: rgb(178,18,26);
    }
    .header {
      box-shadow: 0 5px 15px -8px;
      border: none;
      color: dark-grey;
      background-color: rgb(247,247,247);
      width: 100%;
    }
    .topbarlink {
      display:inline-block;
      margin-top: 121px;
      margin-left: -2px;
      margin-right:-1px;
      padding-left: 30px;
      padding-right: 30px;
      font-family: FuturaCondMed;
      text-decoration: none;
      font-size: 30px;
      color: #555555;
      transition: all cubic-bezier(0,0,0,1) 0.25s;
    }
    .topbarlink:hover {
      padding-right: 40px;
      padding-left: 40px;
      background-color: rgb(215,225,235);
      transition: all cubic-bezier(0,0,0,1) 0.25s;
    }
    .topbarlink:active {
      background-color: rgb(200,210,220);
    }
    .postcase {
      width: 850px;
      padding: 30px;
      border-radius: 15px;
      margin-top: 33px;
      background-color: rgb(247,247,247);
      box-shadow: 0 5px 15px -10px #000000;
    }
    .posttitle {
      margin: 0x;
      display:inline-block;
      padding-bottom: 5px; 
      padding-left: 40px;
      padding-right: 40px;
      height: 100px; 
      color: rgb(178,18,26);
      font-family: FuturaCondMed;
      font-size: 80px;
      background-color: white;
      position: relative; 
      top: -12px; 
      left: -42px;
      margin-right: -42px;
      box-shadow: 0 5px 8px 0px rgba(0,0,0,0.35);
      text-shadow: 0 4px 4px rgba(0,0,0,0.35);
    }
    .posttitlefull {
      margin: 0x;
      display:inline-block; 
      padding-bottom: 5px; 
      padding-left: 40px;
      padding-right: 40px;
      height: 100px;
      width: 854px;
      color: rgb(178,18,26);
      font-family: FuturaCondMed;
      font-size: 80px;
      background-color: white;
      position: relative; 
      top: -12px; 
      left: -42px;
      margin-right: -42px;
      box-shadow: 0 5px 8px 0px rgba(0,0,0,0.35);
      text-shadow: 0 4px 4px rgba(0,0,0,0.35);
    }
    .floatingimageright {
      margin-left: 30px;
      margin-bottom: 10px; 
      margin-top: 10px; 
      border: 15px solid; 
      border-radius: 15px; 
      border-color: #FFFFFF;
      float: right;
      box-shadow: 0 5px 15px 0px rgba(0,0,0,0.35);
    }
    .floatingimageleft {
      margin-right: 30px;
      margin-bottom: 10px; 
      margin-top: 10px; 
      border: 15px solid; 
      border-radius: 15px; 
      border-color: #FFFFFF;
      float: left;
      box-shadow: 0 5px 15px 0px rgba(0,0,0,0.35);
    }