/* article page */

.article_view_doc {

}
    .article_view_doc .columns {
/*      border-top: 1px solid #E5E6E7;*/
    }

h3.section_title {
    color: #807f74;
}

.article_wrap {
    clear: both;
/*  border-bottom: 2px solid #E5E6E7;*/
    padding: 14px 14px 0;
}
    .article_wrap .article_hero {
        margin: 0 0 9px;
        text-align: center;
    }
        .article_wrap .article_hero img {
            display: inline-block;
            height: auto;
            max-width: 640px;
        }
        .article_wrap .article_hero_full .gallery_nav{
            padding: 14px 0;
            text-align: center;
            width: 100%;
        }
        .article_wrap .article_hero_full .gallery_nav a{
            background: #f3f4f2;
            color: #42423B;
            display: inline-block;
            font-size: 10px;
            font-weight: bold;
            padding: 2px 10px;
            margin: 0 20px;
            text-transform: uppercase;
        }
    .article_wrap .article_title {
        min-height: 64px;
        margin: 0 0 17px;
    }
    .article_wrap .page_title {
        min-height: 24px;
    }
        .article_title h3 {
            font-size: 13px;
			margin: 4px 0 6px;
		}
		.article_title h1,
		.article_title h2 {
			color: #000;
			font-size: 36px;
			margin: 0;
			text-transform: uppercase;
		}
			.article_title h1 {
				font-size: 30px;
				font-weight: bold;
				margin: 0 0 6px;
				line-height: 30px;
			}
				.fontface .article_title h1 {
					font-family: "GothicBoldCond", 'TradeGothic', sans-serif;
					font-weight: normal;
				}
					.fontface .bg .article_title h1,
					.fontface .cs .article_title h1,
					.fontface .ru .article_title h1,
					.fontface .ro .article_title h1 {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
					}
			.article_title h2 {
				font-size: 18px;
				font-weight: bold;
			}
				.fontface .article_title h2 {
					font-family: 'GothicLight', sans-serif;
					font-weight: normal;
				}
					.fontface .bg .article_title h2,
					.fontface .cs .article_title h2,
					.fontface .ru .article_title h2,
					.fontface .ro .article_title h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
					}
			.article_title h2 a,
			.article_title h3 a {
				border-bottom: 1px solid #fff;
				color: #000;
				display: inline-block;
				width: auto;
			}
				.article_title h2 a:hover,
				.article_title h3 a:hover {
					text-decoration: underline;
				}
			.article_title .inline_socials {
				float: right;
				margin-left: 14px;
				top: 14px;
/*				position: static;*/
/*				right: auto;*/
/*				top: auto;*/
/*				width: 186px;*/
			}
			.article_title p.author {
                font-size: 15px;
                margin-top: 4px;
            }
            .article_wrap .article_caption{
                font-style:italic;
            }
    .article_content,
    .article_content p {
        font-size: 15px;
        line-height: 1.625em;
    }
    .article_content {
        clear: left;
    }
    .article_content img {
        max-width: 642px;
        height: auto;
    }
    .article_content a {
        font-weight: bold;
    }
    .article_content ol li{
        list-style:decimal;
    }
    .article_content ul li{
        list-style:disc;
    }
    .article_content table {
        max-width: 100%;
    }
    .article_wrap .article_meta {
        margin: 0 0 17px;
    }
        .article_meta .story_meta {
            clear: both;
            margin: 0 0 17px;
        }
            .article_meta .story_meta .author {
/*              color: #c7c8ca;*/
            }
            .article_meta .story_meta .date {
                color: #a0a2a5;
                border-left: 1px solid #c7c8ca;
                margin-left: 6px;
                padding-left: 6px;
            }
            .article_meta .story_meta .like_comment_share {
                border-left: 1px solid #c7c8ca;
                margin-left: 6px;
                padding-left: 6px;
            }
            .article_meta .story_meta .tags {
                display: block;
            }
        .article_meta .related_stories {
            margin: 14px 0 0;
        }
            .article_meta .related_stories h5 {
                color: #42423b;
                margin: 0;
            }
            .article_meta .related_stories .related_stories_list {

            }
                .article_meta .related_stories .related_stories_list li {
                }

    /* hiding these temporarily */
    .article_meta .story_meta .like_comment_share, .article_meta .story_meta .article_meta .related_stories {
        display: none;
    }

/* article photo list */

.article_photo_wrap {
    float: left;
    position: relative;
    left: -19px;
    width: 661px;
}
    .article_photo_list {
        float: left;
        margin: 0 14px 2px 8px;
        width: 652px;
        line-height: 0;
    }
        .article_photo_list .article_photo {
            cursor:pointer;
            float: left;
            margin: 0 0 12px 12px;
            width: 146px;
        }
        .article_photo_list .article_photo.no-show {
            display: none;
        }
        .article_photo_list .article_photo:first-child {
            float: left;
            height: 306px;
            margin: 0 0 12px 12px;
            overflow: hidden;
            position: relative;
            width: 461px;
        }
        .article_photo_list .article_photo:first-child img {
            height: 306px;
            width: auto;
        }
        .article_photo_list .article_photo .enlarge-corner {
            background: url("/themes/noisey/statics/img/enlarge.png");
            bottom: 0;
            right: 0;
            height: 65px;
            position: absolute;
            width: 65px;
        }

            .article_photo_list .article_photo img {
                display: block;
            }
            .article_photo_list .article_photo:first-child {
/*              margin-left: 19px;*/
            }

/* photo modal */
a.view-full-slideshow {
    display: block;
    margin: 10px 0 10px 20px;
}

.bg-overlay {
    z-index: 10000000;
    background: rgba(0,0,0,.95);
    background: #000\9;
    cursor: pointer;
    display: none;
    height: 100%;
    min-height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
}

.photo-gallery-modal {
    display: none;
    position: fixed;
    top: 20px;
    width: 100%;
    z-index: 100000000;
}

    .photo-gallery-modal iframe.dfp-ad {
        overflow: hidden;
    }

    .photo-gallery-modal .inner {
        background: #fff;
        margin: 0 auto;
        width: 900px;
    }
    .photo-gallery-modal .inner .left {
        text-align: center;
        float: left;
        background: #000;
        overflow: hidden;
        position: relative;
        width: 570px;
        height: 400px;
    }
    .photo-gallery-modal .inner .left .modal-nav {
        display: none;
    }
        .photo-gallery-modal .inner .left .next,
        .photo-gallery-modal .inner .left .prev {
            position: absolute;
            top: 0;
            height: 100%;
            width: 40px;
            background: url("/themes/vice/statics/img/photo-arrows.png") 6px center no-repeat rgba(0,0,0,.45);
            background: url("/themes/vice/statics/img/photo-arrows.png") 6px center no-repeat #000\9;
            cursor: pointer;
            overflow: hidden;
        }
        .photo-gallery-modal .inner .left .prev {
            left: 0;
        }
        .photo-gallery-modal .inner .left .next {
            right: 0;
            background-position: -46px center;
        }
        .photo-gallery-modal .inner .left .modal-loading {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            display:none;
            height: 30px;
            background: url("/themes/vice/statics/img/photo-loader.gif") center center no-repeat #000;
        }
        .photo-gallery-modal .inner .right {
            float: right;
            width: 330px;
        }

        .photo-gallery-modal .inner .right .photo-content {
            margin: 0 15px;
        }

        .photo-gallery-modal .inner .right .close-modal {
            height: 16px;
            padding: 5px 3px 0 3px;
        }
        .photo-gallery-modal .inner .right .close-modal img {
            float: right;
            cursor: pointer;
        }

        .photo-gallery-modal .inner .right .top-info {
            padding: 5px 15px 0 15px;
        }

        .photo-gallery-modal .inner .right .photo-title {
            font-weight: bold;
        }
        .photo-gallery-modal .inner .right .photo-caption {
            margin-bottom: 15px;
        }
        .photo-gallery-modal .inner .right .photo-share {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 6px 0;
            width: 300px;
            height: 21px;
        }
        .photo-gallery-modal .inner .right .photo-share .inline_socials {
            float: left;
            position: static;
            right: auto;
            left: 0;
        }
        /*
        .photo-gallery-modal .inner .right .photo-ad {
            width: 300px;
            height: 250px;
        }
        */

       .photo-gallery-modal .top-photo-ad {
            margin: 0 auto 4px auto;
            width: 728px;
       }

        .photo-gallery-modal .inner .right .facebook-comments {
            margin: 15px 0 0 0;
        }

    .photo-gallery-modal .inner img.gallery-image {
        /*max-height: 600px;
        max-width: 600px;
        */
        width: auto;
        height: auto;
        vertical-align: top;
    }

    .photo-gallery-modal .clear {
        clear: both;
    }
.photo-gallery-modal .reddit-badge {
    display: none;
}
.photo-gallery-modal .inline_socials div.stumblebadge {
    margin-right: 0;
}
#scrollbar { clear: both;}
#scrollbar .viewport { overflow: hidden; position: relative; }
#scrollbar .viewport.browserScroll:hover {
    overflow-y: auto;
    margin-right: 0;
}
#scrollbar .overview { list-style: none; position: absolute; left: 0; top: 10px; }
#scrollbar .thumb .end,
#scrollbar .thumb {
    background-color: #fff;
    border-radius: 4px;
}
#scrollbar .scrollbar { position: relative; float: right; width: 8px; }
#scrollbar .track { background-color: #fff; height: 100%; width:6px; position: relative; padding: 0; }
#scrollbar .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar .thumb .end { overflow: hidden; height: 5px; width: 6px; }
#scrollbar .disable{ display: none; }
.photo-gallery-modal .inner .right:hover #scrollbar .thumb {
    background-color: #666;
}

/* article search results */

ul.article_search_results li.story .story_meta {
    width: 100%;
}

/* article feature carousel */

#main .article_feature_carousel,
#main .article_feature_carousel .top_content,
#main .article_feature_carousel .top_content .scrollable,
#main .article_feature_carousel .top_content .item,
#main .article_feature_carousel .sidebar {
    height: 375px !important;
}
#main .article_feature_carousel {
    border: 0;
/*  border-bottom: 2px solid #E5E6E7;*/
    float: left;
    height: auto !important;
    padding-top: 14px;
    margin-bottom: 14px;
    width: 100%;
}
	#main .article_feature_carousel .top_content {
		float: left;
		height: auto !important;
		width: 100%;
	}
		#main .article_feature_carousel .top_cycle,
		#main .article_feature_carousel .top_cycle li,
		#main .article_feature_carousel .top_content .top_feature {
			height: 230px !important;
		}
		#main .article_feature_carousel .top_cycle {
			position: relative;
			width: 642px !important;
		}
		#main .article_feature_carousel .top_cycle li {
			padding-left: 265px;
			width: 377px !important;
		}
		#main .article_feature_carousel .top_content .top_feature {
			margin: 0 14px 2px;
			overflow: hidden;
			position: relative;
		}
			#main .article_feature_carousel .top_feature h1 {
				color: #000;
				font-size: 42px;
				font-weight: bold;
				letter-spacing: -0.025em;
				line-height: 42px;
				margin: 0 0 4px;
				text-transform: uppercase;
			}
				.fontface #main .article_feature_carousel .top_feature h1 {
					font-family: "GothicBoldCond", 'TradeGothic', sans-serif;
					font-weight: normal;
				}
					.fontface .bg #main .article_feature_carousel .top_feature h1,
					.fontface .cs #main .article_feature_carousel .top_feature h1,
					.fontface .ru #main .article_feature_carousel .top_feature h1,
					.fontface .ro #main .article_feature_carousel .top_feature h1 {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
					}
				#main .article_feature_carousel .top_feature h1 a,
				#main .article_feature_carousel .top_feature h2 a {
					color: #000;
				}
			#main .article_feature_carousel .top_feature h2 {
				color: #000;
				font-size: 22px;
				font-weight: bold;
				margin: 0 0 5px;
			}
				.fontface #main .article_feature_carousel .top_feature h2 {
					font-family: "GothicBoldCond", 'TradeGothic', sans-serif;
					font-weight: normal;
				}
					.fontface .bg #main .article_feature_carousel .top_feature h2,
					.fontface .cs #main .article_feature_carousel .top_feature h2,
					.fontface .ru #main .article_feature_carousel .top_feature h2,
					.fontface .ro #main .article_feature_carousel .top_feature h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
					}
			#main .article_feature_carousel .top_feature h3 {
				margin: 0 0 8px;
			}
			#main .article_feature_carousel .top_feature p {
				font-size: 12px;
			}
			#main .article_feature_carousel .top_feature div.img {
				height: 220px;
				left: 0;
				overflow: hidden;
				position: absolute;
				top: 0;
				width: 250px;
			}
				#main .article_feature_carousel .top_feature div.img img {
					height: 220px !important;
					overflow: hidden;
					width: 250px !important;
				}
				#main .article_feature_carousel .top_feature div.img span.overlay_video {
					background: url("/themes/noisey/statics/img/vice_assets.png") no-repeat -120px -470px;
					display: block;
					height: 93px;
					left: 50%;
					margin: -47px 0 0 -46px;
					position: absolute;
					top: 50%;
					width: 92px;
				}
					#main .article_feature_carousel .top_feature:hover div.img span.overlay_video {
						background-position: -120px -570px;
					}
		#main .article_feature_carousel .top_content .top_feature_nav {
			margin: 0 14px;
		}
			#main .article_feature_carousel .top_feature_nav h3 {
				margin: 0 0 9px;
			}
			#main .article_feature_carousel .top_feature_nav ul {
				float: left;
				width: 642px;
			}
				#main .article_feature_carousel .top_feature_nav ul li {
					float: left;
					height: 95px;
					margin: 0 0 0 11px;
					margin: 0 0 0 10px\9;
					opacity: 0.66;
					overflow: hidden;
					position: relative;
					width: 120px;
				}
					#main .article_feature_carousel .top_feature_nav ul li.active_slide {
						opacity: 1;
					}
					#main .article_feature_carousel .top_feature_nav ul li:last-child {
						margin-left: 8px;
					}
					#main .article_feature_carousel .top_feature_nav ul li:first-child {
						margin-left: 0;
					}
					#main .article_feature_carousel .top_feature_nav ul li img {
						display: block;
						margin: 0 0 5px;
					}
					#main .article_feature_carousel .top_feature_nav ul li h4 {
						font-weight: normal;
						font-size: 11px;
						line-height: 14px;
					}
						#main .article_feature_carousel .top_feature_nav ul li a:hover,
						#main .article_feature_carousel .top_feature_nav ul li a:hover h4 {
							text-decoration: underline;
						}
					#main .article_feature_carousel .top_feature_nav ul li span.overlay_video {
						background: url("/themes/noisey/statics/img/vice_assets.png") no-repeat 0 -470px;
						display: block;
						height: 42px;
						left: 50%;
						margin: 0 0 0 -21px;
						position: absolute;
						top: 9px;
						width: 42px;
					}
	.article_feature_carousel .facebook_like .facebook_like_wrap {
		padding-top: 17px;
	}

/*	.article_wrap .social_box {
		border: 1px solid #E5E6E7;
		float: right;
		margin: 0 0 17px 17px;
		padding: 5px;
		width: 120px;
	}
		.article_wrap .social_box ul {
			margin: 0 0 5px;
		}
		.article_wrap .social_box li {
			border-bottom: 1px solid #e5e6e7;
			margin: 0 5px
		}
		.article_wrap .social_box a {
			background: url("/themes/noisey/statics/img/vice_assets.png") no-repeat -280px 2px;
			color: #262626;
			display: block;
			font-size: 11px;
			line-height: 20px;
			padding: 0 0 0 20px;
			text-transform: uppercase;
		}
			.article_wrap .social_box .twitter a {
				background-position: -280px -27px;
			}
			.article_wrap .social_box .email a {
				background-position: -278px -55px;
			}
			.article_wrap .social_box .share a {
				background-position: -277px -86px;
			}
		.article_wrap .social_box .ad_button,
		.article_wrap .social_box .ad_button .ad_wrap {
			height: 60px;
			overflow: hidden;
			width: 120px;
		}*/

.toc_wrap {
    padding: 0 14px;
}

/* inline story markup */

.inline_related_story {
    background-color: #efefec;
    border: 1px solid #e1e1e1;
    float: left;
    margin: 20px 0;
    padding: 13px 17px 10px 17px;
    outline: 1px solid #ededed;
    width: 608px;
}
    .inline_related_story h3 {
        margin: 0 0 10px 0;
    }

    .inline_related_story p {
        font-size: 11px;
        letter-spacing: .3px;
        line-height: 16px;
        margin: 2px 0;
    }

    .inline_related_story .img {
        float: left;
    }
        .inline_related_story img {
            margin: 2px 20px 0px 0;
            width: 60px;
        }

/* recommended articles */
.recommended-articles-wrap {
    clear: both;
    position: relative;
}
body .recommended-articles-wrap h3 {
    background: #f3f4f2;
    color: #000;
    display: block;
    font-family: "GothicBoldCond", 'TradeGothic', sans-serif;
    font-size: 18px;
    font-weight: normal;
    left: 0;
    letter-spacing: 0;
    padding: 5px 15px 5px 0;
    position: absolute;
    top: -13px;
    z-index: 10;
}
    .fontface .gr .recommended-articles-wrap h3 {
        font-size: 20px;
        letter-spacing: 1px;
    }
.recommended-articles {
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 25px 0 20px;
    min-height: 100%;
    overflow-y: hidden;
    padding: 20px 0 15px;
    position: relative;
    width: 640px;
}
.recommended-articles-wrap .recommended-articles ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .recommended-articles ul li {
        display: block;
        float: left;
        list-style-type: none;
        margin: 0 21px 0 0;
        overflow-x: hidden;
        position: relative;
        width: 144px;
    }
    .recommended-articles ul li:nth-child(4n),
    .recommended-articles ul li:last-child {
        margin: 0 0 0 0;
    }
    .recommended-articles ul li h4 {
        font: 700 11px/16px Helvetica, Arial, sans-serif;
        margin: 5px 0 0 0;
    }
    .recommended-articles ul li:hover a,
    .recommended-articles ul li a:hover {
        color: #000;
        text-decoration: none;
    }
    .recommended-articles li img {
        background-color: #555; /* temp */
        display: block;
        height: 80px;
        width: 144px;
    }
    .recommended-articles ul li span.duration {
        background-color: #000;
        color: #fff;
        font-size: 10px;
        padding: 0 3px;
        position: absolute;
        right: 0;
        top: 63px;
    }