/* Pillory Barn Mk4. (c) 2011 */

* {
 margin: 0;
 padding: 0; }

body {
 background: #3cd4d0;
 color: #000;
 font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

img {
 display: block; }

/* FORMATTING */

a {
 text-decoration: none;
 color: #3cd4d0; }

a:hover {
 text-decoration: none;
 color: #2eb7b3; }

/* FORMATTING */

.smaller-text {
 font-size: 10px; }

/* PAGE ELEMENTS */

#logo-container {
 clear: both; }

#logo {
 width: 480px;
 margin: 0 auto 50px auto; }

#logo img {
 margin: 50px 0 0 0; }

/* Left Column */

#left-column {
 float: left;
 width: 220px;
 margin: 0 20px 0 25px; }

/* Filter */

#filter {
 margin: 0 0 21px 0; }

#filter ul {
 list-style: none; }

#filter li {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin: 0 0 5px 0;
 border-top: 1px solid rgba(255,255,255,0.3);
 text-shadow: 0 1px 1px rgba(0,0,0,0.3);
 -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
 box-shadow: 0 1px 4px rgba(0,0,0,0.3); }

#filter li a {
 width: 200px;
 text-align: center;
 text-transform: uppercase;
 padding: 6px;
 display: block;
 color: #fff; }

#filter li a:hover {
 color: #000; }

/* Feed */

#feed, #feed-pr {
 color: rgba(0,0,0,0.7);
 padding: 12px;
 margin: 0 0 21px 0;
 background: rgba(255,255,255,0.2);
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border-top: 1px solid rgba(255,255,255,0.3);
 -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
 box-shadow: 0 1px 4px rgba(0,0,0,0.3); }

#feed h3, #feed-pr h3 {
 border-bottom: 1px solid rgba(0,0,0,0.5);
 padding: 2px 0 9px 0;
 margin: 0 0 9px; }

#feed h3 a, #feed-pr h3 a {
 display: block; }

#feed-pr h3 a {
 font-weight: bold; }

.feed-twitter {
 background: url(/images/pbc-tweets-icon.png) no-repeat right top; }

#feed a, #feed-pr a {
 color: #000;
 font-weight: bold; }

#feed-pr a {
 font-weight: normal; }

#feed a:hover, #feed-pr a:hover {
 color: #fff; }

.feed-divider {
 border-bottom: 1px dotted rgba(0,0,0,0.5);
 padding: 0 0 9px;
 margin: 0 0 9px; }

.feed-follow {
 font-size: 11px; }

/* Tabs */

#tabs {
 list-style: none;
 margin: 0 0 0 50px;
 width: auto; }

#tabs li {
 text-transform: uppercase;
 letter-spacing: 2px;
 margin: 12px 0 0 0; }

#tabs li a {
 padding: 12px;
 background: #5adbd7;
 color: #fff;
 margin: 0 0 0 5px;
 border-left: 1px solid #38c8c4;
 border-right: 1px solid #38c8c4;
 border-bottom: 1px solid #38c8c4;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 border-bottom-right-radius: 5px; }

#tabs li a:hover {
 color: #000; }

#drag-wwd {
 float: left; }

#drag-contact {
 float: left; }

#home-tab {
 float: left; }

/* BOXES */

#wrapper {
 position: absolute;
 left: 267px;
 top: 0;
 margin: 0 20px 0 0; }

#wrapper-new {
 position: absolute;
 left: 267px;
 margin: 0 20px 0 0;
 width: 85%; }

.box, .sticky-box {
 float: left;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin: 0 20px 20px 0;
 -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
 box-shadow: 0 1px 4px rgba(0,0,0,0.3);
 -webkit-transition: -webkit-box-shadow .2s linear;
 transition: -moz-box-shadow .2s linear; }

.box:hover {
 -moz-box-shadow: 0 0 10px #ffffff;
 -webkit-box-shadow: 0 0 10px #ffffff;
 box-shadow: 0 0 10px #ffffff; }

.c1x1 {
 width: 220px;
 height: 240px; }

.c2x1 {
 width: 460px;
 height: 240px; }

.c1x2 {
 width: 220px;
 height: 500px; }

.c2x2 {
 width: 460px;
 height: 502px; }

.image, .tweet {
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -moz-border-radius-topright: 5px;
 border-top-right-radius: 5px;
 border-bottom: 1px solid rgba(255,255,255,0.5); }

.c1x1 .image, .c2x1 .image {
 height: 165px;
 overflow: hidden; }

.c1x2 .image, .c2x2 .image {
 height: 427px;
 overflow: hidden; }

.label h2 {
 font-weight: normal;
 margin: 0 0 18px;
 color: #fff;
 font-size: 14px;
 position: absolute;
 top: 9px;
 left: 9px;
 width: 172px; }

.label h2 a {
 color: #fff; }

.label h2 a:hover {
 color: #000; }

.label {
 position: relative;
 height: 75px;
 text-shadow: 0 1px 1px rgba(0,0,0,0.3); }

.item-view {
 position: absolute;
 right: 9px;
 top: 9px; }

.item-tags {
 font-size: 10px;
 color: #fff;
 position: absolute;
 left: 9px;
 bottom: 9px; }

.item-tags a {
 color: #000; }

.tweet {
 height: 135px;
 padding: 15px;
 font-size: 17px;
 background: #fff; }

.tweet a {
 color: #3cd4d0; }

/* Footer */

#footer {
 width: 768px;
 clear: both;
 margin: 33px auto;
 padding: 0 0 21px 0;
 text-align: center;
 color: #1d6967;
 font-size: 10px; }

/* DISCIPLINE COLOURS */

#item-copy-text h2 {
 margin: 0 0 12px 0;
 font-size: 18px;
 font-weight: normal; }

.advertising {
 background: #e26faf; }

#item-copy-text.advertising h2 {
 color: #e26faf; }

.design {
 background: #e30059; }

#item-copy-text.design h2 {
 color: #e30059; }

.online {
 background: #9472df; }

#item-copy-text.online h2 {
 color: #9472df; }

.video {
 background: #b52ead; }

#item-copy-text.video h2 {
 color: #b52ead; }

.pr {
 background: #f8692f; }

#item-copy-text.pr h2 {
 color: #f8692f; }

.articles {
 background: #0681ea; }

#item-copy-text.articles h2 {
 color: #0681ea; }

.events {
 background: #70b925; }

#item-copy-text.events h2 {
 color: #70b925; }

.exhibitions {
 background: #ecce05; }

#item-copy-text.exhibitions h2 {
 color: #ecce05; }

.bio {
 background: #1db1ae; }

#item-copy-text.bio h2 {
 color: #1db1ae; 
 font-size: 16px;}

.home {
  }

.home, .design, .bio, .articles, .events, .pr, .advertising, .online, .video, .exhibitions, #feed, #newsletter, #contact-us, #join-us, #flickr {
 border-bottom: 2px solid rgba(0,0,0,0.3); }

/* ITEM PAGE */

#item-main {
 width: 998px;
 margin: 0 auto;
 overflow: auto;
 position: relative; }

#home-icon {
 position: absolute;
 left: 20px;
 top: 0;
 z-index: 100; }

#item-main-person {
 width: 710px;
 margin: 0 auto; }

#item-images img {
 overflow: auto;
 box-shadow: 0 5px 5px rgba(0,0,0,0.3) }

#item-copy {
 font-size: 13px;
 line-height: 18px;
 width: 710px;
 overflow: auto;
 float: left; }

#item-copy-title {
 width: 710px;
 height: 55px; }

#item-copy-title h1 {
 float: left;
 padding: 18px 12px 0 12px; }

#item-copy-tags {
 float: right;
 font-size: 11px;
 width: 200px;
 margin: 11px 12px 0 0;
 text-align: right;
 color: #fff; }

#item-copy-text {
 padding: 12px;
 background: #fff;
 margin: 0 0 12px; }

#item-copy p {
 margin: 0 0 9px 0; }

#item-copy p:last-child {
 margin: 0; }

#item-copy-title h1 {
 margin: 0 0 9px 0;
 font-weight: normal;
 font-size: 30px;
 color: #fff; }

#item-related h3 {
 margin: 0 0 12px 0;
 font-size: 14px;
 font-weight: normal;
 color: #fff; }

#item-related ul {
 list-style: none; }

#item-related li {
 float: left;
 margin: 0 10px 0 0; }

#item-related li:last-child {
 margin: 0; }

#item-sidebar {
 float: right;
 width: 278px; }

#item-testimonial {
 padding: 15px;
 background: #b1eeec;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 text-align: center;
 color: rgba(0,0,0,0.7); }

#item-testimonial p {
 margin: 0 0 9px 0;
 color: #000;
 font-size: 15px; }

#item-social {
 margin: 12px 0 0 0;
 border-top: 1px solid #b1eeec;
 padding: 10px 0 0 0; }

#item-social-twitter, #item-social-facebook {
 float: left;
 margin: 0 18px 0 0; }

/* Slideshow */

#slideshow {
 float: left; }

#slideshow img {
 display: block; }

#nav {
 list-style: none;
 overflow: hidden;
 width: 278px;
 float: right; }

#nav li {
 float: left;
 height: 123px;
 margin: 0 0 4px;
 border: 1px solid transparent; }

#nav li img {
 box-shadow: 0 0 0 }

#nav li.activeSlide {
 border: 1px solid rgba(0,0,0,0.6); }

/* PR SECTION */

#pr-container {
 width: 768px;
 position: absolute;
 left: 267px; }

#pr-container h1 {
 font-size: 21px;
 font-weight: normal;
 margin: 0 0 18px 0; }

#pr-container .item-divider {
 border-top: 1px dotted #000;
 padding: 6px;
 overflow: auto; }

#pr-container .item-name {
 float: left; }

#pr-container a {
 color: #fff; }

#pr-container a:hover {
 color: #000; }

#pr-container .item-date {
 float: right;
 width: 65px; }

#pr-paper {
 background: #fff;
 padding: 30px;
 line-height: 22px;
 margin: 0 0 21px 6px;
 -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.4);
 -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.4);
 box-shadow: 0 3px 5px rgba(0,0,0,0.4);
 -moz-border-radius: 2px;
 border-radius: 2px; }

#pr-paper h1 {
 font-size: 18px;
 text-align: center;
 font-weight: bold; }

#pr-paper a {
 color: #f8692f; }

#pr-paper p {
 margin: 0 0 12px; }

/* BLOG */

body.blog {
 background: #fff; 
 color: #333;}

#newsletter, #contact-us, #join-us, #flickr {
 margin: 0 0 21px 0;
 padding: 0 0 21px 0; }

body.blog #filter h3, #newsletter h3, #contact-us h3, #join-us h3, #flickr h3 {
 background: #3cd4d0;
 padding: 6px;
 font-size: 12px;
 font-weight: normal;
 color: #fff;
 text-transform: capitalize;
 margin: 0 0 12px 0; }

body.blog #contact-us p, body.blog #newsletter p {
  margin: 0 0 15px 0;}
 
body.blog #newsletter {
 border-top: 2px solid rgba(0,0,0,0.3);
 padding: 21px 0 ; }
  
body.blog #filter p {
  margin: 0 0 4px 0;}

body.blog #newsletter #zsjrl-zsjrl {
 background: #f0f0f0; border: 0; padding: 5px;
 width: 155px; }

body.blog #newsletter input {
 background: #000; color: #fff; padding: 5px; border: 0; width: 50px; }

body.blog #join-us {
 overflow: auto; }

body.blog #join-us img {
 float: left; }

body.blog .box h2 a {
 color: #3cd4d0;
 text-shadow: 0 0 ; }

body.blog .box h2 a:hover {
 color: #000; }

body.blog .box .item-tags {
 color: #000;
 text-shadow: 0 0 ; }

body.blog .entry {
 width: 768px;
 float: left; }

body.blog .entry h1 {
 margin: 0 0 12px;
 color: #3cd4d0;
 font-size: ; }

body.blog .entry p {
 margin: 0 0 12px;
 line-height: 19px; }

body.blog .entry img {
 margin: 0 0 18px; } 

body.blog #container { }

body.blog .box:hover {
 -moz-box-shadow: 0 0 10px #3cd4d0;
 -webkit-box-shadow: 0 0 10px #3cd4d0;
 box-shadow: 0 0 10px #3cd4d0; }

/* DEVICE SCALING - FOR REVIEW */