html, body {
  margin: 0;
  padding: 0;
  background: url(/inc-files/retina_wood.png);
  font-family: sans-serif;
  color: #444;
}

.glare {
  background: url(/inc-files/bgglare.png) left top no-repeat;
  height: 120px;
  width: 740px;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
}

.home {
  width: 1000px;
  height: 600px;
  background: url(/inc-files/texasflag.png);
  margin: 20px auto;
  position: relative;
  overflow: hidden;
  border-radius: 23px;  
}

header.homepage h1 {
  text-indent: -99999px;
  line-height: 0;
  padding: 0;
  margin: 0;
  height: 0;
}

.nav {
  position: absolute;
  left: 380px;
  top: 230px;
}

.nav a {
  padding: 1em;
  color: #222;
  font-weight: bold;
  text-decoration: none;
  margin-right: 1em;  
  border: 2px solid transparent;
  border-radius: .5em;
}

.nav a.active {
  color: #fff;
  font-weight: bold;
  background: rgb(234,0,0);
  background: -moz-linear-gradient(top,  rgba(234,0,0,1) 0%, rgba(243,0,0,1) 2%, rgba(241,0,0,1) 4%, rgba(137,0,0,1) 83%, rgba(116,0,2,1) 98%, rgba(109,0,14,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,0,0,1)), color-stop(2%,rgba(243,0,0,1)), color-stop(4%,rgba(241,0,0,1)), color-stop(83%,rgba(137,0,0,1)), color-stop(98%,rgba(116,0,2,1)), color-stop(100%,rgba(109,0,14,1)));
  background: -webkit-linear-gradient(top,  rgba(234,0,0,1) 0%,rgba(243,0,0,1) 2%,rgba(241,0,0,1) 4%,rgba(137,0,0,1) 83%,rgba(116,0,2,1) 98%,rgba(109,0,14,1) 100%);
  background: -o-linear-gradient(top,  rgba(234,0,0,1) 0%,rgba(243,0,0,1) 2%,rgba(241,0,0,1) 4%,rgba(137,0,0,1) 83%,rgba(116,0,2,1) 98%,rgba(109,0,14,1) 100%);
  background: -ms-linear-gradient(top,  rgba(234,0,0,1) 0%,rgba(243,0,0,1) 2%,rgba(241,0,0,1) 4%,rgba(137,0,0,1) 83%,rgba(116,0,2,1) 98%,rgba(109,0,14,1) 100%);
  background: linear-gradient(to bottom,  rgba(234,0,0,1) 0%,rgba(243,0,0,1) 2%,rgba(241,0,0,1) 4%,rgba(137,0,0,1) 83%,rgba(116,0,2,1) 98%,rgba(109,0,14,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#6d000e',GradientType=0 );
  border: 2px solid #444;
  box-shadow: 2px 2px 2px rgba(0,0,0,.5);
} 

.nav a:hover {
  color: #fff;
  background: rgb(45,140,213);
  background: -moz-linear-gradient(top,  rgba(45,140,213,1) 0%, rgba(44,143,217,1) 2%, rgba(14,131,211,1) 22%, rgba(17,129,209,1) 24%, rgba(14,128,207,1) 26%, rgba(16,118,193,1) 39%, rgba(13,117,188,1) 43%, rgba(16,115,186,1) 46%, rgba(12,78,127,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,140,213,1)), color-stop(2%,rgba(44,143,217,1)), color-stop(22%,rgba(14,131,211,1)), color-stop(24%,rgba(17,129,209,1)), color-stop(26%,rgba(14,128,207,1)), color-stop(39%,rgba(16,118,193,1)), color-stop(43%,rgba(13,117,188,1)), color-stop(46%,rgba(16,115,186,1)), color-stop(100%,rgba(12,78,127,1)));
  background: -webkit-linear-gradient(top,  rgba(45,140,213,1) 0%,rgba(44,143,217,1) 2%,rgba(14,131,211,1) 22%,rgba(17,129,209,1) 24%,rgba(14,128,207,1) 26%,rgba(16,118,193,1) 39%,rgba(13,117,188,1) 43%,rgba(16,115,186,1) 46%,rgba(12,78,127,1) 100%);
  background: -o-linear-gradient(top,  rgba(45,140,213,1) 0%,rgba(44,143,217,1) 2%,rgba(14,131,211,1) 22%,rgba(17,129,209,1) 24%,rgba(14,128,207,1) 26%,rgba(16,118,193,1) 39%,rgba(13,117,188,1) 43%,rgba(16,115,186,1) 46%,rgba(12,78,127,1) 100%);
  background: -ms-linear-gradient(top,  rgba(45,140,213,1) 0%,rgba(44,143,217,1) 2%,rgba(14,131,211,1) 22%,rgba(17,129,209,1) 24%,rgba(14,128,207,1) 26%,rgba(16,118,193,1) 39%,rgba(13,117,188,1) 43%,rgba(16,115,186,1) 46%,rgba(12,78,127,1) 100%);
  background: linear-gradient(to bottom,  rgba(45,140,213,1) 0%,rgba(44,143,217,1) 2%,rgba(14,131,211,1) 22%,rgba(17,129,209,1) 24%,rgba(14,128,207,1) 26%,rgba(16,118,193,1) 39%,rgba(13,117,188,1) 43%,rgba(16,115,186,1) 46%,rgba(12,78,127,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8cd5', endColorstr='#0c4e7f',GradientType=0 );
  border: 2px solid #444;
}

.featured {
  position: absolute;
  left: 350px;
  top: 300px;
  background: rgba(255,255,255,.5);
  border-radius: .5em;
  width: 600px;
  padding: 1em;
  font-size: .9em;
}

.featured img {
  float: left;
  margin-right: 1em;
}

.featured h1 {
  color: #C80E21;
  background: #E0E0E0;
  margin-top: 0;
  padding: .5em 0;
  text-align: center;
  border-radius: .25em .25em 0 0;
}

footer {
  text-align: center;
  font-size: .7em;
  font-style: italic;
  clear: both;
}