/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
  #Site Styles
  #Page Styles
  #Media Queries
  #Font-Face */

/* #Site Styles
================================================== */
.portfolio_piece img:before,
.portfolio_piece img:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.portfolio_piece img:after {
  clear: both;
}
.portfolio_piece img {
  margin: 0 15px 5px 0;
  zoom: 1;
  border: 5px solid slateGrey;
}
.portfolio_piece {
  height: 200px;
}
.active img {
  float: left;
  margin: 0 15px 5px 0;
}
.zac_photo {
  box-shadow: 0 0 3px #666666;
  position: relative;
  top: 5px;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file
    Just create a "fonts" folder at the root,
    copy your FontName into code below and remove
    comment brackets */

@font-face {
  font-family: 'FranchiseRegular';
  src: url('fonts/franchise-bold-webfont.eot');
  src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/franchise-bold-webfont.woff') format('woff'),
       url('fonts/franchise-bold-webfont.ttf') format('truetype'),
       url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

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