/* 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_fr {
/*			float: right;
			margin: 0 0 0 14px;
			width: auto;*/
		}
		.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 {
			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: 24px;
				font-weight: bold;
				margin: 0 0 6px;
				line-height: 24px;
			}
				.fontface .article_title h1 {
					font-family: "GothicBoldCond", sans-serif;
					font-weight: normal;
				}
					.fontface .bg .article_title h1,
					.fontface .cs .article_title h1,
					.fontface .jp .article_title h1,
					.fontface .pl .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 .jp .article_title h2,
					.fontface .pl .article_title h2,
					.fontface .ru .article_title h2,
					.fontface .ro .article_title h2 {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: normal;
					}
			.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 {
				margin-top: 4px;
			}
			.article_wrap .article_caption{
				font-style:italic;
			}
	.article_content,
	.article_content p {
		font-size: 13px;
		line-height: 19px;
	}
	.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_content .photo_caption {
        color: #666;
        display: block;
        font-size: 11px;
        margin-top: -15px;
    }
	.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 .article-mag-toc {
				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/vice/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 .ad_leaderboard {
    min-width: 0;
    padding-bottom: 10px;
    background: transparent;
}
    .photo-gallery-modal .top-photo-ad {
        margin: 0 auto 4px;
        width: 728px;
    }
    .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 .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;
    }


#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: 0; }
#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", sans-serif;
					font-weight: normal;
				}
					.fontface .bg #main .article_feature_carousel .top_feature h1,
					.fontface .cs #main .article_feature_carousel .top_feature h1,
					.fontface .jp #main .article_feature_carousel .top_feature h1,
					.fontface .pl #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", sans-serif;
					font-weight: normal;
				}
					.fontface .bg #main .article_feature_carousel .top_feature h2,
					.fontface .cs #main .article_feature_carousel .top_feature h2,
					.fontface .jp #main .article_feature_carousel .top_feature h2,
					.fontface .pl #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/vice/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/vice/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/vice/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;
		}