﻿html {
overflow-y: scroll;
}

html, body
{
  margin: 0;
  padding: 0;
      display:block;
      height:100%
}

@media screen
{
  body
  {
    background: #fffaeb url('images/BodyBG.png') repeat left top;
    font-size: 14px;
    line-height: 1.4em;
    position: relative;
    font-weight: 100;
    color: #1E1E1E;
  }

  /* BACKGROUND GRADIENT   
  ----------------------------------------------------------*/

  /* First we set the four elements of our vignette
  to be on top no matter what and set their initial
  width and height which we'll overwrite in the next declarations.
  */
  #top, #bottom, #left, #right
  {
    height: 100%;
    position: absolute;
    z-index: 999;
    width: 100%;
  }
  /* Overwriting the default 100% */
  #top, #bottom
  {
    height: 200px;
  }
  #left, #right
  {
    width: 200px;
    height:100%; 
  }
  /* We set the gradient with CSS3 from a solid gray to
  a 100% transparent color which should be the same as
  the body background color, to have a nice, clean falloff.
  And we're also setting the position of the vignette elements.
  */
  #top
  {
    background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255, 255, 255, 0), #aea99b );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aea99b), to(rgba(255, 255, 255, 0)));
    top: 0;
    z-index: -10;
  }
  #bottom
  {
    background-image: -moz-linear-gradient(100% 100% 90deg, #aea99b, rgba(255, 255, 255, 0) );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(#aea99b));
    bottom: 0;
    z-index: -10;
  }
  #left
  {
    background-image: -moz-linear-gradient(100% 100% 180deg, rgba(255, 255, 255, 0), #aea99b );
    background-image: -webkit-gradient(linear, left center, right center, from(#aea99b), to(rgba(255, 255, 255, 0)));
    left: 0;
    z-index: -10;
  }
  #right
  {
    background-image: -moz-linear-gradient(100% 100% 180deg, #aea99b, rgba(255, 255, 255, 0) );
    background-image: -webkit-gradient(linear, right center, left center, from(#aea99b), to(rgba(255, 255, 255, 0)));
    right: 0;
    z-index: -10;
  }

  .body-2
  {
    width:auto;
  }
  
  .body-2 img
  {
    margin:100px auto;
  }

  /* HEADINGS   
  ----------------------------------------------------------*/
  h1, h2, h3, h4, h5, h6
  {
    font-family: 'Oswald' !important;
    color: #7B0406;
  }

