/* generic detail */
/* these styles are (sometimes) over ridden by page css in the /pages/ folder*/

#fm.detail > .cols-2x {
	overflow: visible;
	position: relative;
	z-index: 1;
}
	.detail .content .col-1 {
		width: 460px;
		padding: 25px 0 0 160px;
	}

		.detail .content .col-1 > .img, 
		.detail .content .col-1 > .embed, 
        .detail .content .col-1 > .ngg-imagebrowser,
		.detail .content .col-1 > div.meta, 
		.detail .content .col-1 > .pullquote, 
		.detail .content .col-1 > .cover, 
		.detail .content .col-1 > p > img, 
		.detail .content .col-1 > p > a[rel*=attachment], 
		.detail .content .col-1 > p > iframe, 
		.detail .content .col-1 > .wp-caption, 
		.detail .content .col-1 > p > object, 
		.detail .content .col-1 > p > embed {
			clear: left;
			display: inline;
			float: left;
			margin: 6px 20px 22px -160px;
			position: relative;
		}

			.detail .content .col-1 > div.meta {
				margin-bottom: 60px;
			}

			.detail .content .col-1 > div.meta p.tags {
				border-top:1px solid #e5e5e5;
				margin-top:-4px;
				padding-top:15px;
			}

			.detail .content .col-1 > .img, 
			.detail .content .col-1 > .embed, 
            .detail .content .col-1 > .ngg-imagebrowser,
			.detail .content .col-1 > p > img, 
			.detail .content .col-1 > p > a[rel*=attachment], 
			.detail .content .col-1 > p > iframe, 
			.detail .content .col-1 > .wp-caption, 
			.detail .content .col-1 > p > object, 
			.detail .content .col-1 > p > embed {
				margin: 5px 20px 16px -160px;
			}
			.detail .content .col-1 > .img:first-child, 
			.detail .content .col-1 > .embed:first-child,
            .detail .content .col-1 > .ngg-imagebrowser {
				margin-top: -26px;
				max-width: 620px;
				width: 620px;
				background: #1a1a1a;
				overflow: hidden;
			}
            .detail .content .col-1 > .ngg-imagebrowser {
                background: transparent;
            }
				.detail .content .col-1 > .img:first-child iframe, 
				.detail .content .col-1 > .embed:first-child iframe {
					margin: 0 auto;
					display: block;
					width: 620px;
				}
			.detail .content .col-1 div.meta {
				width: 140px;
				color: #999;
				margin-top: 0;
			}
			 .detail .content .col-1 div.meta .hidesubmsg {
        line-height: 22px; 
        border: 1px solid #333; 
        padding: 1em; 
        color: #333; 
        background-color: #efefef 
      }
			.detail .content .col-1 .img img {
				display: block;
				max-width: 620px !important;
				height: auto;
			}
			.detail .content .col-1 .img span, 
			.detail .content .col-1 > .wp-caption .wp-caption-text {
				position: absolute;
				left: 0;
				bottom: 0;
				color: #fff;
				background: #1a1a1a;
				background: rgba(0,0,0,.5);
				padding: 14px 15px 12px;
				max-width: 75%;
				font-size: 14px;
				line-height: 17px;
				margin: 0;
			}
    		.detail .content .col-1 .img .locked {
    			position: absolute;
					left: 0;
					top: 0;
					color: #fff;
					background: #f0341b url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat 0 -601px;
					padding: 0 15px 0 34px;
					font-size: 14px;
					height: 41px;
					line-height: 43px;		
    		}
			
			.detail .content .col-1 .pullquote {
				margin-top: 14px;
				width: 300px;
			}
			.detail .content .col-1 > .cover {
				position: relative;
				border: 1px solid #e6e6e6;
				min-height: 33px;
			}
				.detail .content .col-1 > .cover img {
					display: block;
					margin: 0;
					border: 0 none;
				}
				.detail .content .col-1 > .cover .gowatchit {
					position: absolute;
					bottom: 0;
					left: 0;
					height: 33px;
					width: 66px;
				}
					.detail .content .col-1 > .cover .gowatchit > .watchit_button {
						height: 33px;
					}
					.detail .content .col-1 > .cover .gowatchit div * {
						height: 33px !important;
						width: 33px !important;
					}
					.detail .content .col-1 > .cover .gowatchit a {
						height: 33px !important;
						width: 33px !important;
						display: inline;
						float: left;
						text-decoration: none;
						border-bottom: 0 none;
					}
						.detail .content .col-1 > .cover .gowatchit a img {
							display: none;
						}
					.detail .content .col-1 > .cover .gowatchit .watchit_button .watchit_button a,
					.detail .content .col-1 > .cover .gowatchit .watchit_button .watchit_queue_button a {
						background: url("/wp-content/themes/filmmaker/images/watchit_sprite.png") no-repeat 0 0;
						-o-transition: background-color .2s ease-in-out;
					  -moz-transition: background-color .2s ease-in-out;
					  -webkit-transition: background-color .2s ease-in-out;
					  transition: background-color .2s ease-in-out;
					}
					.detail .content .col-1 > .cover .gowatchit .watchit_button .watchit_button a:hover {
						background-position: 0 -100px;
						background-color: #e74d24;
					}
					.detail .content .col-1 > .cover .gowatchit .watchit_button div.watchit_button,
					.detail .content .col-1 > .cover .gowatchit .watchit_button div.watchit_queue_button {
						display: inline;
						float: left;
					}
					.detail .content .col-1 > .cover .gowatchit .watchit_button .watchit_queue_button a {
						background-position: -33px 0;
					}
						.detail .content .col-1 > .cover .gowatchit .watchit_button .watchit_queue_button a:hover {
							background-position: -33px -100px;
							background-color: #fcc827;
						}


			.detail .content .col-1 > p > img, 
			.detail .content .col-1 > p a[rel*=attachment], 
			.detail .content .col-1 > p a[rel*=attachment] img, 
			.detail .content .col-1 > .wp-caption a[rel*=attachment], 
			.detail .content .col-1 > .wp-caption a[rel*=attachment] img {
				/*max-width: 300px;*/
				max-width: 620px !important;
				min-width:300px;
				height: auto;
				display: block;
				border: 0 none !important;
				text-decoration: none !important;
			}
			.detail .content .col-1 > p > iframe, 
			.detail .content .col-1 > p > object, 
			.detail .content .col-1 > p > embed, 
			.detail .content .col-1 > p > object embed {
				max-width: 620px !important;
				min-width:300px;
				width: 620px !important;
				position: relative;
			}
				.detail .content .col-1 > .wp-caption, 
				.detail .content .col-1 > .wp-caption a[rel*=attachment], 
				.detail .content .col-1 > .wp-caption a[rel*=attachment] img {
					max-width: 620px !important;
					/*width: 620px !important;*/
					min-width: 300px;
					height: auto;
				}


		.detail .content .col-1 > p:first-of-type:first-letter {
			display: inline;
			float: left;
			font-size: 49px;
			margin: 11px 5px 0 -2px;
			font-family: "proxima-nova", Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-style: normal !important;
		}
		.detail .content .col-1 .comments {
			margin: 0 0 20px -160px;
			padding: 15px 0 0;
			clear: left;
		}


	.detail .featured-articles {
		clear: both;
	}
		.detail .featured-articles ul.listing-articles {
			overflow: hidden;
			padding: 0 0 20px;
			margin: 0;
		}
			.detail .featured-articles ul.listing-articles li {
				display: inline;
				float: left;
				margin: 0 0 0 20px;
				width: 220px;
			}
				.detail .featured-articles ul.listing-articles li:first-child {
					margin-left: 0;
				}