/******
caseygunschel.com
Main CSS styling
Author: Erica Dreisbach
Author URL: ericadreisbach.com
boom kaboom.
*******/
body {
  background: #666;
  color: #fff;
  font-family: arial, sans-serif;
  line-height: 1.44;
  margin: 0; }

section, .wrapper {
  position: relative; }

section {
  display: block;
  clear: both;
  position: relative; }

#about-wrapper, #work, #press, #contact-wrapper {
  padding-top: 6em;
  padding-bottom: 6em; }

#about-wrapper, #press, #contact-wrapper {
  background: rgba(0, 0, 0, 0.6); }

#about-wrapper {
  margin: 8em auto; }

.wrapper {
  margin: 0 auto; }

a {
  border: none;
  color: #fff;
  text-decoration: none; }
  a img {
    border: 0; }

/* p a {
	text-decoration: underline;	
} */
a:hover {
  color: #bebebe; }

p {
  font-size: .9em; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h2 {
  font-size: 1.7em;
  text-transform: uppercase; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.clear {
  clear: both; }

.table {
  width: 100%;
  height: 100%;
  display: table; }

.table-cell {
  height: 100%;
  display: table-cell; }

.table-cell.middle {
  vertical-align: middle; }

#nav {
  width: 96%;
  height: 3em;
  background: rgba(0, 0, 0, 0.6);
  list-style-type: none;
  margin: 0;
  position: relative;
  padding: 0 2%;
  position: fixed;
  z-index: 99; }
  #nav ul {
    float: right;
    margin: 0; }
    #nav ul li {
      display: inline;
      font-size: .95em;
      font-weight: 100;
      line-height: 3;
      padding-top: 1em;
      text-align: left;
      text-transform: uppercase; }
  #nav #logo {
    float: left; }
  #nav #logo-vert {
    display: none; }
  #nav #logo-horiz {
    height: 2.6em;
    margin-top: .2em; }

#press-thumbs {
  padding-top: 2em; }
  #press-thumbs .title {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    /* For IE8 and earlier */
    position: absolute;
    z-index: 20; }
  #press-thumbs .title.table, #press-thumbs .table-cell {
    height: 100%; }
  #press-thumbs .well {
    background: #111;
    display: block;
    float: left;
    margin-right: 3%;
    margin-bottom: 1.44em;
    overflow: hidden;
    position: relative; }
    #press-thumbs .well a {
      color: #fff;
      overflow: hidden; }
    #press-thumbs .well img {
      width: 100%; }
  #press-thumbs .title {
    text-align: center; }
  #press-thumbs .title.table.regular-link img {
    opacity: 1; }
  #press-thumbs .well:hover {
    cursor: pointer; }
    #press-thumbs .well:hover img {
      opacity: .2;
      filter: alpha(opacity=20);
      /* For IE8 and earlier */
      -moz-transition: all .1s ease-in-out 0s;
      -webkit-transition: all .1s ease-in-out 0s;
      -o-transition: all .1s ease-in-out 0s;
      -ms-transition: all .1s ease-in-out 0s;
      transition: all .1s ease-in-out 0s; }
    #press-thumbs .well:hover .title {
      opacity: 1;
      filter: alpha(opacity=100);
      /* For IE8 and earlier */ }

#top {
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/top-bg.jpg', sizingMethod='scale')";
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/top-bg.jpg', sizingMethod='scale')"; }

#top, #about, #polish, #work-press, #contact {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }