/* No margin for first items in nav */
#nav .profile a {margin-left: 0;}

/* List of people previews */
.people_previews {width: 900px; min-height: 1%; overflow: hidden;}

/* List of case story previews */
.case_story_previews {width: 900px; padding-top: 20px; border-top: 1px solid #bbb; min-height: 1%; overflow: hidden;}

/* Case story + Person */
.case_story, .person {margin-bottom: 10px; min-height: 1%; overflow: hidden;}
.case_story h2, .case_story h3, .case_story h5 .case_story h5 .case_story h6,
.person h2, .person h3, .person h4, .person h5, .person h6 {margin-top: 18px;}
.case_story img, .person img {margin-bottom: 10px; display: block;}
.case_story .img, .person .img {width: 590px; float: left; overflow: hidden;}
.case_story .img .img_1, .person .img .img_1 {float: left; width: 290px; overflow: hidden;}
.case_story .img .img_2, .person .img .img_2 {float: right; width: 290px; overflow: hidden;}
.case_story .text, .person .text {width: 290px; float: right; overflow: hidden;}

/* Single case story preview */
.case_story_preview, .blog_post_preview, .person_preview {width: 290px; margin: 0 10px 20px 0;float: left;}
.case_story_preview img, .blog_post_preview img, .person_preview img {width: 290px; height: 220px;}
.case_story_preview .text, .blog_post_preview .text, .person_preview .text {padding: 10px; color: #fff; background: #ce524e;}
.case_story_preview .text a, .blog_post_preview .text a, .person_preview .text a {color: #fff; text-decoration: none;}
.case_story_preview .text a:hover, .blog_post_preview .text a:hover, .person_preview .text a:hover {text-decoration: underline;}
.case_story_preview .text h3, .blog_post_preview .text h3, .person_preview .text h3,
.case_story_preview .text h4, .blog_post_preview .text h4, .person_preview .text h4 {height: 16px; overflow: hidden;}
.case_story_preview .text .preview, .blog_post_preview .text .preview, .person_preview .text .preview {height: 64px; overflow: hidden;}
.case_story_preview .text .date, .blog_post_preview .text .date, .person_preview .text .date {margin: 7px 0 -4px 0; font-size: 11px; height: 14px; overflow: hidden;}
.case_story_preview .text .date, .case_story_preview .text .date a,
.blog_post_preview .text .date, .blog_post_preview .text .date a,
.person_preview .text .date, .person_preview .text .date a {color: #d1e6cf;}

/* Background colors for case story previews */
.shop .case_story_preview .text, .shop .blog_post_preview .text, .shop .person_preview .text {background: #ea7575;}
.blog .case_story_preview .text, .blog .blog_post_preview .text, .blog .person_preview .text {background: #8ac289;}
.agency .case_story_preview .text, .agency .blog_post_preview .text, .agency .person_preview .text {background: #ce524e;}
.trailerpark .case_story_preview .text, .trailerpark .blog_post_preview .text, .trailerpark .person_preview .text {background: #fbc200;}
.dear_god .case_story_preview .text, .dear_god .blog_post_preview .text, .dear_god .person_preview .text {background: #cccccc;}
.about .case_story_preview .text, .about .blog_post_preview .text, .about .person_preview .text {background: #000;}

/* List of blog post preview */
.blog_post_previews {width: 900px; min-height: 1%; overflow: hidden;}

/* Single blog post */
.blog_post {width: 590px; float: left;}
.blog_post img {margin: 0 0 12px 0;}
.blog_post .meta, .blog_post .meta a {color: #999; padding: 10px 0 8px 0;}
.blog_post .meta .addthis_pane {float: right;}
.blog_post .meta a:hover {color: #b74848;}
.blog_post .comments {padding: 20px 0 20px 0; border-top: 2px solid #ccc;}
.blog_post .comments h2 {margin-bottom: -5px;}
.blog_post .comment {padding: 17px 0 8px 0; border-bottom: 2px solid #ccc;}
.blog_post .comment .meta {padding: 0;}
.blog_post .comment_form {padding: 0 0 10px 0;}
.blog_post .comment_form td {padding: 0 10px 10px 0; vertical-align: top;}
.blog_post .comment_form td.msg {color: #666; line-height: 22px;}
.blog_post .comment_form label {float: right;}
.blog_post .comment_form input.text {width: 290px;}
.blog_post .comment_form textarea {width: 290px;}
.no_comments {color: #999; margin-bottom: 17px; padding-top: 17px; padding-bottom: 17px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.comments_closed {color: #999; padding-top: 17px; border-top: 2px solid #ccc;}

/* Hover colors for meta links (categories) */
.shop .blog_post .meta a:hover {color: #d77373;}
.blog .blog_post .meta a:hover {color: #82ae80;}
.agency .blog_post .meta a:hover {color: #ce524e;}
.trailerpark .blog_post .meta a:hover {color: #3c7583;}
.dear_god .blog_post .meta a:hover {color: #b7b7b7;}
.about .blog_post .meta a:hover {color: #000;}

/* Blog paging */
#wp_page_numbers {padding: 10px 0 20px 0; margin:0 auto 0 auto; width:100%; min-height: 1%; overflow: hidden; position: relative; text-align:center;}
#wp_page_numbers ul {clear: left; float: left; position: relative; left: 50%;}
#wp_page_numbers li {text-transform: uppercase; display: block; float: left; position: relative; right: 50%;}
#wp_page_numbers a {padding: 3px 7px 2px 7px; margin: 0 4px; color: #000; background-repeat: no-repeat; text-decoration: none; display: block;}
#wp_page_numbers a:hover {text-decoration: underline; color: #000;}
#wp_page_numbers .sel a {background: #ce524e; color: #fff;}
#wp_page_numbers .first a {padding-left: 15px; background-image: url(../images/blog/ic_paging_first.png); background-position: 0 50%;}
#wp_page_numbers .prev a {padding-left: 10px; background-image: url(../images/blog/ic_paging_prev.png); background-position: 0 50%;}
#wp_page_numbers .next a {padding-right: 11px; background-image: url(../images/blog/ic_paging_next.png); background-position: 100% 50%;}
#wp_page_numbers .last a {padding-right: 17px; background-image: url(../images/blog/ic_paging_last.png); background-position: 100% 50%;}
#wp_page_numbers li.space {padding-left: 2px; padding-right: 2px;}

/* Selected colors for blog paging */
.shop #wp_page_numbers .active_page a {background: #ea7575; color: #fff;}
.blog #wp_page_numbers .active_page a {background: #8ac289; color: #fff;}
.agency #wp_page_numbers .active_page a {background: #ce524e; color: #fff;}
.trailerpark #wp_page_numbers .active_page a {background: #427d8b; color: #fff;}
.dear_god #wp_page_numbers .active_page a {background: #cccccc; color: #fff;}
.about #wp_page_numbers .active_page a {background: #000; color: #fff;}

/* Recent blog posts */
.recent_blog_posts {width: 290px; float: right;}

/* Front page */
.front #header {margin-bottom: 0;}
.front_page_banner {padding-bottom: 20px;}
.front_page_banner img {display: block; width: 890px;}
.shop_video_and_posts .shop_and_video {width: 590px; float: right;}
.shop_video_and_posts .posts {width: 290px; float: left;}
.front .shop {border: 2px solid #80becf; margin-bottom: 20px;}
.front .shop .products {height: 520px; overflow: hidden;}
.front .video {}

/* Front - Pages/Posts previews */
.front_post {float: left; width: 290px;}
.front_post.mini {float: none; width: auto; width: 900px;}
.front_post .case_story_preview {width: auto;}
.front_post .case_story_preview img {width: 270px; height: 205px; margin: 8px 8px 0 8px;}
.front_post .case_story_preview .text {margin: 0 8px 8px 8px;}
.front_post.about, .front_post.agency {margin-left: 10px;}

.front_post.blog .case_story_preview {border: 2px solid #8ac289;}
.front_post.mini .case_story_preview {border: 2px solid #8ac289;}
.front_post.agency .case_story_preview {border: 2px solid #ce524e;}
.front_post.trailerpark .case_story_preview {border: 2px solid #fbc200;}
.front_post.dear_god .case_story_preview {border: 2px solid #cccccc;}
.front_post.about .case_story_preview {border: 2px solid #000;}
.front_post.join_artrebels .case_story_preview {border: 2px solid #ccc;}

.front_post.join_artrebels {overflow: hidden;}
.front_post.join_artrebels .case_story_preview a {color: #fff; line-height: normal; font-size: 36px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; display: block; background: url(../images/front/bg_join_artrebels.png) no-repeat; margin: 8px; width: 270px; height: 308px;}
.front_post.join_artrebels .case_story_preview a span {display: block; padding-top: 21px;}
.front_post.join_artrebels .case_story_preview a:hover {text-decoration: underline;}

/* Front - Products */
.front .shop_product {width: 184px; float: left; margin: 8px 0 0 8px;}
.front .shop_product img {width: 184px; height: 205px;}
.front .shop_product .text {text-transform: uppercase; padding: 7px 0 8px 0;}
.front .shop_product .text a {text-decoration: none;}
.front .shop_product .text span {display: block;}
.front .shop_product .text .name {font-weight: bold; height: 16px; overflow: hidden;}
.front .shop_product .text .brand {height: 16px; overflow: hidden;}

/* Front - Create a shop button */
.front .shop .create_a_shop {background: #80becf url(../images/front/bg_create_a_shop.png) right top no-repeat; height: 155px; overflow: hidden; margin: 8px;}
.front .shop .create_a_shop a {color: #fff; line-height: 158px; font-size: 36px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; display: block; height: 155px;}
.front .shop .create_a_shop a:hover {text-decoration: underline;}

/* Front - Mini posts */
.front_post .mini_post {width: 170px; float: left; margin-right: 10px;}
.front_post .mini_post .case_story_preview img {width: 150px; height: 114px; margin: 8px 8px 0 8px;}
.front_post .mini_post .case_story_preview .text {background: #8ac289; margin: 0 8px 8px 8px;}
.front_post .mini_post .case_story_preview .text .preview {height: 48px;}

/* Front - Video */
.front_video {height: 328px; background: #000; position: relative;}
#front_video_pane {width: 450px; height: 253px; margin: 38px 0 0 14px;}
#front_video_thumbs {position: absolute; width: 100px; top: 38px; right: 14px;}
#front_video_thumbs img {display: block; width: 100px; height: 75px; margin-bottom: 10px; cursor: pointer;}

/* Custom fields */
.post-meta-key {display:none;}

/* Hide wp-stats smiley */
img#wpstats {display:none}