/*
    Document   : lookbook
    Created on : Oct 5, 2013, 7:54:24 PM
    Author     : Ethan Cheong
    Description:

    All the css for Lookbook listing page & detail page

*/
/** Look Book Listing ***/
div.lookbook {
  margin-bottom: 100px;
}
div.lookbook:last-child {
  margin-bottom: 0;
}

.lookbook-row img {
  width: 100%;
  display:block;
  margin-bottom: 25px;
}

h2.lookbook-title {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.08em;
}

/*Look Book Details **/
#node-lookbook-images-wrapper {
  position: relative;
  overflow: hidden;
}

#node-lookbook-images-wrapper .node-lookbook-image img {
  width:100%;
  height: auto;
}

#node-lookbook-images-wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
  background:transparent url(images/lookbook-left1.png) no-repeat left top;
  height:38px;
  width:37px;
  margin-top:-19px;
}

#node-lookbook-images-wrapper .bx-wrapper .bx-controls-direction a.bx-next {
  background:transparent url(images/lookbook-right1.png) no-repeat left top;
  height:38px;
  width:37px;
  margin-top:-19px;
}


#node-lookbook-video {
  text-align: center;
}

#node-lookbook-pager {
  background: transparent url("images/line.png") repeat-x left 6px;
  position:relative;
  height:150px;
  overflow:hidden;
  margin-top:10px;
}


#node-lookbook-navigation {
  position:relative;
}

#node-lookbook-navigation a.browse {
  display: block;
  position: absolute;
  top: 55px;
  cursor: pointer;
}

#node-lookbook-navigation a.right {
  right: -10px;
}

#node-lookbook-navigation a.left {
  left: -10px;
}

#node-lookbook-pager .items {
  position: absolute;
  height: 150px;
  width: 2000em;
}

.lookbook-pager-item {
  width: 155px;
  margin: 0 5px;
  position: relative;
  text-align: center;
  display:inline-block;
  outline:none;
}

span.arrowimage {
  visibility: hidden;
}

.lookbook-pager-item img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.lookbook-pager-item span.arrowimage img {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.lookbook-pager-item.active span.arrowimage {
  visibility: visible;
}

.lookbook-pager-item.active img {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.node-lookbook-image img {
  display:block;
  width: 100%;
  height: auto;
}

div.collab {
  text-align:center;
  margin-bottom: 50px;
  padding-left:30px;
  padding-right: 30px;
}

div.collab img {
  display:inline-block;
  max-width: 400px;
}

h1.lookbooktitle {
  margin-bottom: 100px;
  line-height: 24px;
  font-size: 24px;
  letter-spacing: 0.08em;
}


#lookbook_bottom {
  padding-left: 46px;
  padding-right: 46px;
}

#lookbook_bottom h2.title {
  margin-top: 100px;
  margin-bottom: 50px;
  font-size: 32px;
  letter-spacing: 0.08em;
  line-height: 32px;
  text-align: center;
}

.section-lookbook #main-wrapper {
  padding-left: 0;
  padding-right: 0;
}