@import url(http://fonts.googleapis.com/css?family=Economica:400,700);

body {
  padding-top: 2em;
  background-image: url('../img/bkgrd.jpg');
  background-size: cover;
  background-repeat: none;
  background-position-y: 4.5em;
  background-attachment: fixed;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  
}
h1 {
  
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11px;
}
strong,
b {
  color: white;

}
a {
    color: lightgoldenrodyellow;
}
a:hover {
    color: white;
}
.webicon a:hover {
}
dd {
    color: white;
    font-size: 1em;
}
.texture {
    background-image: url(../images/white_wall.png);
    background-repeat: repeat;
}

/* MAIN CONTENT
-------------------------------------------------- */
.container {
  background-color: none;
  color: white;
}
.info {
    background-color: none;
    height: 100%;

}
.contentarea {
    background-color:  rgba(0,0,0,.5);
}

.content {
    width: 100%;
    height: auto%;
}

.logo { 
    color: white;
    font-size: 2.5em;
    padding-top: .25em;
    padding-right: 3em;
    font-family: 'Economica', sans-serif;
    font-weight: 700;
    /*text-shadow: 0.1em 0.1em 0.2em lightgoldenrodyellow;*/
    text-shadow: 2px 3px 6px lightgoldenrodyellow;
    text-decoration: ;
}

.navarea {
    background-color: black;
    z-index: 9999;
}

.tab-title {
    color: black;
    font-size: 4em;
   /* background-color: rgba(255,255,255,.5);*/
    width: 100%;
}
p.tab-quote {
    color: lightgoldenrodyellow;
    font-size: 1em;
    background-color: rgba(0,0,0,.5);
    bottom: -1.5em;
    position: fixed;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* SOCIAL ICONS
-------------------------------------------------- */
.social-icon {
  margin-top: 1em;
}
.social-icon a {
  padding-left: 1em;
}
.social-icon a:hover {
  border: 1px solid lightgoldenrodyellow;
}
.social-icon a + a {
  margin-left: 1em;
}

.tab-bar > dd {
    display: inline;
    margin-right: 1em;
    font-size: 1.5em;
    padding-right: 1em;
    font-family: 'Economica', sans-serif;
    font-weight: 400;
}

.button {
    width: 100%;
    background-color: grey;
    color: lightgoldenrodyellow;
    font-size: 1.25em;
    font-family: 'Economica', sans-serif;
    font-weight: 400;
}

.button:hover {
    width: 100%;
    background-color: darkgray;
    color: lightgoldenrodyellow;
    font-size: 1.40em;
    font-family: 'Economica', sans-serif;
    font-weight: 700;
    text-shadow: 0.1em 0.1em 0.2em black;
}

.white-text {
    color: white;
}

.contact {
    background-color: none;
}

.contact h1 {
    font-size: 1.75em;
    font-weight: 400;
    text-shadow: 0.1em 0.1em 0.2em grey;

}

.contact h2 {
    font-size: 1.5em;
    font-weight: 200;
}

.contact h3 {
    font-size: 1em;
}

.contact p {
    font-size: .75em;
}