/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 22, 2011 */

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

}

/* references:
 * http://stackoverflow.com/questions/30487756/how-to-set-text-gradient
 * http://www.cssmatic.com/gradient-generator#%27\-moz\-linear\-gradient\%28top\%2C\%20rgba\%28255\%2C255\%2C255\%2C1\%29\%200\%25\%2C\%20rgba\%280\%2C139\%2C139\%2C1\%29\%20100\%25\%29\%3B%27
 * https://css-tricks.com/snippets/css/gradient-text/
*/
.headertext {
  font-size:30px;
  font-family:BebasRegular;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
  line-height:50px;
  display:block;
  color:#444;

  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,139,139,1) 100%);
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,139,139,1)));
  background: -webkit-linear-gradient(top, rgba(100,100,100,1) 0%, rgba(0,160,160,1) 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,139,139,1) 100%);
  -o-background-clip: text;
  -o-text-fill-color: transparent;
  
  background-position: 0px 7px;

}