/* Reset link styles */
a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

/* Reset CSS margin and padding */
body, div, dl, dt, dd, ul, ol, li, hr, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0px;
  padding: 0px; }

@font-face {
  font-family: OpenSans;
  src: url("../fonts/open-sans/OpenSans-Regular.ttf"); }
@font-face {
  font-family: OpenSansBold;
  src: url("../fonts/open-sans/OpenSans-Bold.ttf"); }
@font-face {
  font-family: AllThingsPink;
  src: url("../fonts/all-things-pink/All Things Pink.ttf"); }
@font-face {
  font-family: AllThingsPinkSkinny;
  src: url("../fonts/all-things-pink/All Things Pink Skinny.ttf"); }
@font-face {
  font-family: CutiePatootie;
  src: url("../fonts/cutie-patootie/Cutie Patootie.ttf"); }
@font-face {
  font-family: CutiePatootieSkinny;
  src: url("../fonts/cutie-patootie/Cutie Patootie Skinny.ttf"); }
@font-face {
  font-family: SimpleKindOfGirl;
  src: url("../fonts/simple-kind-of-girl/Simple Kind Of Girl.ttf"); }

/* Remove the bullets and numbering from lists */
ul {
  list-style: none; }

body, html {
  overflow: hidden; }

body {
  background-image: url("../img/texture-cork.jpg");
  background-size: 350px auto;
  background-repeat: repeat;
  text-align: center; }

.post-it {
  position: absolute; }
  .post-it img {
    position: relative;
    width: 320px;
    height: 292px; }
  .post-it p {
    position: absolute;
    overflow: hidden;
    top: 20.44px;
    left: 38.4px;
    width: 243.2px;
    height: 251.12px;
    text-align: left;
    font-size: 34px; }
    .post-it p a {
      font-weight: bold;
      -webkit-transition: 0.2s linear 0s;
      -moz-transition: 0.2s linear 0s;
      -o-transition: 0.2s linear 0s;
      transition: 0.2s linear 0s; }
    .post-it p a:hover {
      color: #262626; }

.pin {
  position: absolute; }
  .pin img {
    position: relative;
    width: 75px;
    height: auto; }

.polaroid {
  width: 532.675px;
  height: 478.5px;
  background-image: url("../img/polaroid.png");
  background-size: 532.675px 478.5px;
  position: absolute; }
  .polaroid img {
    position: absolute;
    width: 410.15975px;
    height: 322.9875px;
    top: 43.065px;
    left: 63.921px; }
  .polaroid p {
    position: absolute;
    overflow: hidden;
    top: 373.23px;
    left: 63.921px;
    width: 404.833px;
    height: 71.775px;
    text-align: left;
    font-size: 40px; }
    .polaroid p a {
      font-weight: bold;
      -webkit-transition: 0.2s linear 0s;
      -moz-transition: 0.2s linear 0s;
      -o-transition: 0.2s linear 0s;
      transition: 0.2s linear 0s; }
    .polaroid p a:hover {
      color: #262626; }

.paper {
  position: absolute; }
  .paper img {
    position: relative;    
    width: 519.2px;
    height: 704px; }
  .paper p {
    position: absolute;
    overflow: hidden;
    top: 49.28px;
    left: 88.264px;
    width: 342.672px;
    height: 605.44px;
    line-height: 27.456px;
    text-align: left;
    font-size: 19.712px; }
    .paper p a {
      color: #29aba4;
      font-weight: bold;
      -webkit-transition: 0.2s linear 0s;
      -moz-transition: 0.2s linear 0s;
      -o-transition: 0.2s linear 0s;
      transition: 0.2s linear 0s; }
    .paper p a:hover {
      color: #4cd4cd; }

/*-------------------Style Templates-------------------*/
.font-white {
  color: #FFFFFF; }

.font-black {
  color: #000000; }

.font-grey {
  color: #7f7f7f; }

.font-beige {
  color: #e9e0d6; }

.font-red-dark {
  color: #dc2742; }

.font-red {
  color: #f05b47; }

.font-red-light {
  color: #eb7260; }

.font-green {
  color: #29aba4; }

.font-blue-dark {
  color: #354458; }

.font-blue {
  color: #3a9ad9; }

.font-blue-light {
  color: #0dc9f7; }

.font1 {
  font-family: AllThingsPink; }

.font2 {
  font-family: AllThingsPinkSkinny; }

.font3 {
  font-family: CutiePatootie; }

.font4 {
  font-family: CutiePatootieSkinny; }

.rotate-left-min {
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  /* Safari */
  transform: rotate(-3deg); }

.rotate-left {
  -ms-transform: rotate(-10deg);
  /* IE 9 */
  -webkit-transform: rotate(-10deg);
  /* Safari */
  transform: rotate(-10deg); }

.rotate-left-max {
  -ms-transform: rotate(-14deg);
  /* IE 9 */
  -webkit-transform: rotate(-14deg);
  /* Safari */
  transform: rotate(-14deg); }

.rotate-right-min {
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Safari */
  transform: rotate(3deg); }

.rotate-right {
  -ms-transform: rotate(10deg);
  /* IE 9 */
  -webkit-transform: rotate(10deg);
  /* Safari */
  transform: rotate(10deg); }

.rotate-right-max {
  -ms-transform: rotate(14deg);
  /* IE 9 */
  -webkit-transform: rotate(14deg);
  /* Safari */
  transform: rotate(14deg); }

.bg-trans-full {
  background-color: rgba(127, 127, 127, 0); }

.bg-trans-light {
  background-color: rgba(127, 127, 127, 0.8); }

.bg-trans-med {
  background-color: rgba(127, 127, 127, 0.5); }

.bg-trans-dark {
  background-color: rgba(127, 127, 127, 0.3); }

.bg-light {
  background-color: #bfbfbf; }

.bg-med {
  background-color: #7f7f7f; }

.bg-dark {
  background-color: #3f3f3f; }

.font-trans-light {
  color: rgba(85, 85, 85, 0.8); }

.font-trans-med {
  color: rgba(85, 85, 85, 0.5); }

.font-trans-dark {
  color: rgba(85, 85, 85, 0.3); }

.font-light {
  color: #aaaaaa; }

.font-dark {
  color: #2a2a2a; }

.font-huge {
  font-size: 50px; }

.font-very-big {
  font-size: 40px; }

.font-big {
  font-size: 30px; }

.font-med {
  font-size: 20px; }

.font-small {
  font-size: 15px; }

.font-very-small {
  font-size: 10px; }

.box-tall {
  padding-top: 10px;
  padding-bottom: 10px; }

.box-wide {
  padding-left: 10px;
  padding-right: 10px; }

/*-------------------Section Styles-------------------*/
#wrapper {
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding-bottom: 2000px; }

#nav {
  position: relative;
  z-index: 99;
  margin: 0px auto;
  padding-bottom: 500px; }
  #nav ul {
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline-table;
    margin-top: 10px;
    margin-bottom: 0px; }
    #nav ul li:first-child {
      border-left: none; }
      #nav ul li:first-child a {
        border-radius: 0px 0px 0px 0px; }
    #nav ul li:last-child a {
      border-radius: 0px 0px 0px 0px; }
    #nav ul li {
      float: left;
      margin-right: 0px;
      border-left: 2px solid #000000; }
      #nav ul li a {
        display: block;
        width: 180px;
        background-color: transparent;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: bold;
        font-family: OpenSans;
        line-height: 30px;
        text-decoration: none;
        padding: 10px 10px;
        border-radius: 0px;
        transition: background-color 0.25s ease, color 0.25s ease;
        -webkit-transition: background-color 0.25s ease, color 0.25s ease; }
    #nav ul li:hover a {
      background-color: transparent;
      color: #31d1f8; }
    #nav ul li:hover li a {
      background-color: transparent;
      color: #000000; }
  #nav li ul {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    margin: 0px;
    padding: 0px;
    transition: visibility 0s linear 0.25s, opacity 0.25s linear; }
    #nav li ul li {
      float: none;
      margin-left: 0px;
      margin-right: 0px;
      border-left: none;
      border-top: 2px solid #000000; }
      #nav li ul li a {
        width: 178px;
        padding: 10px 10px;
        font-size: 16px;
        font-family: OpenSans;
        border-radius: 0px; }
    #nav li ul li:last-child a {
      border-radius: 0px 0px 0px 0px;
      margin-right: 0px; }
    #nav li ul li:first-child {
      border-top: 0px; }
      #nav li ul li:first-child a {
        border-radius: 0px; }
  #nav li:hover ul {
    visibility: visible;
    opacity: 1;
    opacity: 0.9;
    filter: alpha(opacity=90);
    transition-delay: 0s; }
  #nav ul:after {
    content: "";
    clear: both;
    display: block; }
  #nav ul ul li a:hover {
    background-color: transparent;
    color: #31d1f8; }

/*# sourceMappingURL=work.css.map */