@import "reset.css";
@import "layout.css";

/* home page */
body.home #content {
  background: url(/images/biobird.png) no-repeat 132px 27px;
}

/* resumé */

body.resumé #col1,
body.resumé #col2 {
  width: 301px;
}
body.resumé #col1 {
  margin-top: 95px;
}
body.resumé #col2 {
  position: absolute;
  bottom: 41px;
  right: 0;
}
body.resumé h5 {
  font-weight: normal;
}
body.resumé p + p {
  margin: 0;
}
body.resumé p.client {
  color: #666;
  margin: 0;
}
body.resumé p.pdf {
  margin: 1em 0;
}

/* work */

body.work #logo {
  display: none;
}
body.work #content {
  background-color: #eee;
  padding: 0;
  height: 484px;
  width: 750px;
}
body.work #content #logo {
  left: -15px;
}
body.work #content .shadow {
  background: transparent none repeat-y;
  height: 484px;
  top: 0;
  width: 10px;
  z-index: 1001;
}
body.work #content .shadow.left {
  background-image: url(/images/bg_shadow_right.png);
  left: 0;
}
body.work #content .shadow.right {
  background-image: url(/images/bg_shadow_left.png);
  right: 0;
}

body.work #pages {
  position: absolute;
  top: 2px;
  left: 8px;
  z-index: 4;
}
body.work #pages li {
  background: url(/images/page_dots.png) no-repeat 1px 1px;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  width: 12px;
}
body.work #pages li.selected {
  background-position: 1px -11px;
  cursor: default;
}

body.work #viewer {
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border-width: 0 1px;
  position: relative;
  width: 750px;
}
body.work #caption,
body.work #menu {
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  font-weight: bold;
}
body.work #caption {
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
body.work #caption p,
body.work #menu li.selected,
body.work #menu li:hover {
  background-color: rgba(153,0,0,0.5);
}
body.work #caption p {
  cursor: pointer;
  font-weight: bold;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

body.work #menu {
  position: absolute;
  right: 0;
  top: 29px;
}
body.work #menu li {
  cursor: pointer;
  padding: 0 10px;
  text-align: right;
}

body.work #portfolio_nav a {
  background: url(/images/arrows.png) no-repeat;
  height: 30px;
  line-height: 500px;
  overflow: hidden;
  position: absolute;
  top: 227px;
  width: 30px;
  z-index: 1000;
}
body.work #portfolio_nav .previous {
  left: -31px;
}
body.work #portfolio_nav .next {
  background-position: -30px 0;
  right: -31px;
}

body.work #projects {
  font-size: 0;
  height: 484px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 750px;
}
body.work #projects > li {
  display: inline-block;
}
body.work #projects .name {
  display: none;
}
body.work #projects .pieces {
  height: 484px;
  position: relative;
  width: 750px;
}
body.work #projects .pieces li {
  background-color: #fff;
  display: none;
  height: 484px;
  left: 0;
  line-height: 455px;
  overflow: hidden;
  position: absolute;
  text-align: center;;
  width: 750px;
}
body.work #projects .pieces li.selected {
  display: block;
  z-index: 2;
}
body.work #projects .pieces li.next {
  display: block;
  z-index: 1;
}
body.work #projects .pieces li * {
  vertical-align: middle;
}