/* ---------------------------------------------------------------------------------------------

  general setup

--------------------------------------------------------------------------------------------- */
body {
  margin: 0;
  font: 9px/12px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000;
}

a { text-decoration: none; border-bottom: 1px solid; outline: none; color: #000; }
a:hover { text-decoration: none; border-bottom: 1px dotted; }

/* ---------------------------------------------------------------------------------------------

	container

--------------------------------------------------------------------------------------------- */

.container { margin: 0; } /* slams container in top left corner */


/* ---------------------------------------------------------------------------------------------

	content-sidebar

--------------------------------------------------------------------------------------------- */

#content-sidebar {
  position: fixed;
  height: 100%;
}

#content-sidebar a { border: none; }

#content-sidebar h1  {
  width: 81px;
  height: 108px;
  position: absolute;
  top: 396px;
  left: 40px;
}

#content-sidebar h1 a {
  width: 81px;
  height: 108px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_logo.png) no-repeat;
}

#content-sidebar h1 a:hover { background-position: -81px 0; }

#content-sidebar p#contact {
  margin: 0;
  position: absolute;
  left: 30px;
  top: 522px;
  font: italic bold 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  color: #000;
}

#content-sidebar p#contact a {
  text-decoration: none;
  color: #000;
}

#content-sidebar p#contact a:hover { text-decoration: underline; }

#content-sidebar ul {
  margin: 0;
  position: absolute;
  top: 53px;
  left: 40px;
  list-style: none;
}

#content-sidebar ul a {
  width: 81px;
  display: block;
  text-indent: -9999px;
}

#work a { height: 87px; background: url(/images/btn_nav.png) no-repeat; }
#play a { height: 80px; background: url(/images/btn_nav.png) no-repeat 0 -87px; }
#shop a { height: 86px; background: url(/images/btn_nav.png) no-repeat 0 -167px; }

#s-work #work a, #work a:hover { background-position: -81px 0; }
#s-play #play a, #play a:hover { background-position: -81px -87px; }
#s-shop #shop a, #shop a:hover { background-position: -81px -167px; }


/* ---------------------------------------------------------------------------------------------

	content-main

--------------------------------------------------------------------------------------------- */

#content-main {
  margin: 90px 0 0 200px;
}

#content-main h2 {
  height: 18px;
  text-indent: -9999px;
  background-repeat: none;
}

#content-main #about h2 { background: url(/images/bg_h2-about.png); }
#content-main #blog h2 { background: url(/images/bg_h2-blog.png); }
#content-main #archive h2 { background: url(/images/bg_h2-archive.png); }
#content-main #work-list h2 { background: url(/images/bg_h2-work.png); }
#content-main #play-list h2 { background: url(/images/bg_h2-play.png); }
#content-main #shop-header h2 { background: url(/images/bg_h2-shop.png); }
#content-main #category h2 { background: url(/images/bg_h2-category.png); }

/* BLOG */
h3.date-heading {
  padding-bottom: 7px;
  font-size: 12px;
  letter-spacing: -.045em;
  text-transform: uppercase;
  border-bottom: 1px solid #CCC;
}

.entry {
  margin-bottom: 18px;
  padding-bottom: 9px;
  border-bottom: 1px dotted #CCC;
}

.entry p.date {
  margin: 0;
  font-weight: bold;
}

.entry h3 {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
}

/* ARCHIVE */
#archive ul {
  margin: 0;
  padding-top: 3px;
  list-style-type: none;
  font-weight: bold;
}

#archive li {
  padding: 7px 0;
  font-size: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #CCC;
}

#archive li a { border: none; }
#archive li a:hover { text-decoration: none; border-bottom: 1px dotted; }

#archive p {
  margin: 0;
  padding-top: 7px;
  font-size: 8px;
  font-weight: bold;
}

/* WORK & PLAY - LIST PAGE */
.portfolio-list ul {
  margin: 0;
  list-style-type: none;
}

.portfolio-list li { padding: 7px 0; }

.portfolio-list li a { border: none; }
.portfolio-list li a:hover { text-decoration: none; border-bottom: 1px dotted; }

#work-list a:visited { color: #ff79b5; }
#play-list a:visited { color: #29c8f6; }

#category ul {
  margin: 0;
  padding-top: 3px;
  list-style-type: none;
  font-weight: bold;
}

#category li {
  padding: 7px 0;
  font-size: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #CCC;
}

#category li a { border: none; }
#category li a:hover { text-decoration: none; border-bottom: 1px dotted; }

/* WORK & PLAY - DETAIL PAGE */
#detail h3 {
  margin: 0 0 12px 0;
  font-size: 9px;
  line-height: 1;
}

#detail #pic-nav a {
  margin-bottom: 0 1px 18px 1px;
  padding: 5px;
  text-decoration: none;
  border: none;
}

#detail p.more {
  margin: 36px 0 18px 0;
}

#detail p.more a {
  margin-right: 10px;
}

#s-work #detail #pic-nav a.activeSlide { padding: 5px 4px; border: 1px solid #ff79b5; }
#s-play #detail #pic-nav a.activeSlide { padding: 5px 4px; border: 1px solid #2ac9f6; }

#detail #pic-nav a:hover { text-decoration: none; border-bottom: 1px dotted; }

/* SHOP */
#shop-header h2 {
  width: 230px;
  float: left;
}

#shop-header p { margin-left: 240px; }

#shop-list { margin-top: 54px; }

#shop-list .shop-entry {
  margin-bottom: 36px;
  height: 216px;
  position: relative; /* for pinning button to bottom of shop-entry */
}

#shop-list .shop-entry img.shop-pic {
  width: 150px;
  float: left;
}

#shop-list .shop-entry .details { margin-left: 160px; }

#shop-list .shop-entry .details h3 {
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

#shop-list .shop-entry .details ul {
  margin: 0;
  list-style-type: none;
}

#shop-list .shop-entry .details li { margin-bottom: 10px; }
#shop-list .shop-entry .details li.short-description { font-weight: bold; }

#shop-list .shop-entry .details p.button {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
}