/* Import fonts */
@import url(fonts/FaktoPro_Normal/FaktoPro-Normal.css);
@import url(fonts/FaktoPro_NormalItalic/FaktoPro-NormalItalic.css);
@import url(fonts/FaktoPro_SemiBold/FaktoPro-SemiBold.css);
@import url(fonts/FaktoPro_SemiBoldItalic/FaktoPro-SemiBoldItalic.css);

/* Tags */
p, ul, li, h1, h2, h3, h4, h5, .logotype, div#text::after {
	text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  
  font-feature-settings: "onum" 1;
  -moz-font-feature-settings: "onum" 1;
	-moz-font-feature-settings: "onum=1";
	-ms-font-feature-settings: "onum" 1;
	-o-font-feature-settings: "onum" 1;
	-webkit-font-feature-settings: "onum" 1;
}

html {overflow-y: scroll; } /* background-image:url('../img/17px-baseline.png'); background-position-y: -2px;}*/
body {margin: 0px; padding: 15px 34px;}
div {margin: 0; padding: 0px;}

h1 {float: left; margin: 0 17px 0 0; font: bold 19px/24px 'FaktoPro', Calibri, sans-serif; color: black; letter-spacing: -0.05px;}
h2 {margin: 0; float: left; width: 500px; margin-right: 100%; font: normal 19px/24px 'FaktoPro', Calibri, sans-serif; color: #988f87; letter-spacing: -0.05px;}
#date {display: inline-block; margin: 5px 0 0 0; height: 14px;}

h3 {margin: 0 0 17px 0px; font: bold 14px/17px 'FaktoPro', Calibri, sans-serif; color: black;}
h4 {margin: -17px 0 17px 0; font: normal 14px/17px 'FaktoPro', Calibri, sans-serif; color: #988f87;}
p, ul, li {margin: 0; padding: 0px; font: normal 14px/17px 'FaktoPro', Calibri, sans-serif; color: #988f87; list-style: none;}
a {text-decoration: none; color: inherit; cursor: pointer; cursor: hand;}
a:visited {color: #988f87;}
a:active, a:hover {color: black;}
a:hover p {color: black;}
a:hover .indent {color: #988f87;}
img {height: 100%; width: auto;}

/* Fallback Menu */
#nav {float: left; width: 250px; padding-top: 5px; margin-right: 30px;}
#nav:hover > p > a {font-weight: bold; color: black;}
#nav:hover #menu {display: none;}
#menu {width: 250px;}
#menu a:hover {font-weight: bold; color: black;}

#menu > li > ul {
	display: none; 
	padding: 17px 0 17px 17px; 
	margin: 0;
	position: relative;
}

#menu > li:nth-child(3) {padding: 0;}


/* IDs */
#container {width:970px; margin: 0 auto;}
#content {width: 660px; float: left; margin-bottom: 70px;}
#contentHeader {display: inline-block; margin-bottom: 32px; width: 100%;}
#header {width: 100%; height: 14px; margin: 0 0 190px 0;}
#header p {overflow: hidden; white-space: nowrap;}
#pageTitle {margin: 36px;}
#leadImage {width: 660px; min-height: 236px; margin: 0 0 36px 0; overflow: hidden;}
#leadImage img {position: relative; width: 100%; height: auto; border: none; outline: none;}
#leadBook { width: 310px; height: 350px; margin: 0 0 36px 0; overflow: hidden; float: left; clear: left;} /*background-color: pink;}*/
#leadBook img {position: relative; height: 350px; width: auto;}
#bookBlurb { width: 310px; margin: 0 0 67px 40px; overflow: hidden; float: left;} /*background-color: orange;}*/
#text, #links, #awards, #text2, #imdb {width: 310px; float: left; padding-top: 13px; margin-bottom: 67px; border-top: 1px solid #cacaca;}
#images, #pullout {width: 310px; float: left; padding-top: 13px; margin-bottom: 67px; border-top: 1px solid #cacaca;}
#pullout img {max-width: 310px; height: auto; max-height: 310px;}

/* Home page features*/
.homeFeature {background-color: grey; width: 310px; height: 234px; margin-top: 9px; float: left; overflow: hidden; white-space: nowrap;}
.homeFeature:nth-child(n+3) {margin-top: 40px;}
.homeFeature:nth-child(even) {margin-left: 40px;}
.homeFeature img {width: 100%; height: auto;}
.homeFeature .caption {background: white; opacity: 0.75; z-index: 10;}

/*thumbnail slideshow*/
#thumbnailSlider {max-height: 310px; width: 311px; overflow-y: auto; overflow-x: hidden;}
#thumbnailSlider .mTSButtonRight {right: 1px;}
.thumbSet {max-height: 310px; width: 310px; overflow: hidden; float: left; margin-left: 1px;}
.thumbSet:first-child {margin-left: 0px }
a:not(:nth-child(3n+1)) .thumb {margin-left: 5px;}
.thumb {height: 100px; width: 100px; float: left; clear: right; background-color: #eee; background-size: 100px; background-position: 0px; border: 0px solid #cacaca;}
a:nth-child(n+4) .thumb {margin-top: 5px;}
.thumb:hover { width: 98px; height: 98px; border: 1px solid black; background-size: 100px; background-position: -1px;}

/*tdoa posters slideshow*/
#posters, #adverts {width: 660px; float: left; padding-top: 13px; margin-bottom: 62px; border-top: 1px solid #cacaca; clear: both;}
#posters #thumbnailSlider, #adverts #thumbnailSlider {width: 661px; height: auto; max-width: none; max-height: none;}
#posters .thumbSet, #adverts .thumbSet {width: 660px; height: auto; max-width: none; max-height: none;}
#posters .thumb {margin: 0px; width: 156px; height: 230px; background-size: 156px auto; background-position: 0px; border: 0px solid #cacaca;}
#posters .thumb:hover {width: 154px; height: 228px; border: 1px solid black; background-size: 156px auto; background-position: -1px;}
#adverts .thumb {margin: 0px;}
#posters a:not(:nth-child(4n+1)) .thumb, #adverts a:not(:nth-child(4n+1)) .thumb {margin-left: 12px;}
#posters a:nth-child(n+5) .thumb, #adverts a:nth-child(n+5) .thumb {margin-top: 12px;}
#posters .thumb .enlargeIcon {margin-top: 206px;}

/*tdoa adverts slideshow*/
#adverts, #adverts {width: 660px; float: left; padding-top: 13px; margin-bottom: 62px; border-top: 1px solid #cacaca; clear: both;}
#adverts #thumbnailSlider, #adverts #thumbnailSlider {width: 661px; height: auto;}
#adverts .thumbSet, #adverts .thumbSet {width: 660px; height: auto;}
#adverts .thumb {margin: 0px; width: 156px; height: 212px; background-size: 156px auto; background-position: 0px; border: 0px solid #cacaca;}
#adverts .thumb:hover {width: 154px; height: 210px; border: 1px solid black; background-size: 156px auto; background-position: -1px;}
#adverts .thumb {margin: 0px;}
#adverts a:not(:nth-child(4n+1)) .thumb, #adverts a:not(:nth-child(4n+1)) .thumb {margin-left: 12px;}
#adverts a:nth-child(n+5) .thumb, #adverts a:nth-child(n+5) .thumb {margin-top: 12px;}
#adverts .thumb .enlargeIcon {margin-top: 186px;}

/*fancybox content*/
.textBox {width: 310px; margin: 0; padding: 0; overflow-y: auto;} /*background-image:url('../img/17px-baseline.png'); background-position: 0 0px;} */
.textBox .caption:first-child {margin-bottom: 12px;}
.textBox h2 {margin: 25px 0 77px 0; padding: 0px; font-weight: normal; font: bold 30px/34px 'FaktoPro', Calibri, sans-serif; color: black; letter-spacing: -0.1px; width: 100%;}
.textBox h3 {margin: 14px 0 77px 0; padding: 0px; font-weight: normal; font: bold 14px/18px 'FaktoPro', Calibri, sans-serif; color: black; display: inline-block;}
.textBox p {margin-bottom: 17px;}
.hide {display: none;}
.quote {font: 21px/27px 'FaktoPro', Calibri, sans-serif; border-top: 1px dotted #cacaca; border-bottom: 1px dotted #cacaca; padding: 17px 0; margin: 17px 0;}
.fancybox-inner img :hover {width: 50%; cursor: hand;}

/* Classes (typographic) */
.logotype {margin: 0 0 36px -1px; font: bold 19px/24px 'FaktoPro', Calibri, sans-serif; color: black; letter-spacing: -0.05px;}
.author {font: normal 11px/14px 'FaktoPro', Calibri, sans-serif; margin: 3px 17px 1px 0;}
.caption {font: normal 11px/14px 'FaktoPro', Calibri, sans-serif; margin: 3px 17px 1px 0;}
.leadCaption {font: normal 10.5px/14px 'FaktoPro', Calibri, sans-serif; margin: -33px 0 36px 0;}
.black {color: black !important;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.indent {margin-left: 17px;}
.noSpaceAfter {margin-bottom: 0px !important;}
.buyitnow {display: inline-block; background-color: #988f87; color: white; padding: 4px 4px 1px 4px; position: relative; top: -4px;}
a:hover .buyitnow {background-color: black; color: white;}
.imdb {display: inline-block; margin-left: -3px; background-image: url('../img/IMDb_logo.png'); background-size: 100%; width: 50px; height: 25px; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.imdb a {display: block; white-space: nowrap; width: 100%; height: 100%;}
.noBorder {padding-top: 0 !important; border: 0 !important;}
.interviewName {margin-bottom: 0 !important;}
.bullet {margin-left: 14px; text-indent: -14px;}

div.textLimit {width: 310px; height: 272px; overflow: hidden;}
a#text::after { content: '> read more'; display: block; font: normal 14px/17px 'FaktoPro', Calibri, sans-serif; color: #988f87; margin-top: 17px;}
a#text:hover::after { content: '> read more'; display: block; font: normal 14px/17px 'FaktoPro', Calibri, sans-serif; color: black; margin-top: 17px;}
.clientName {font-weight: bold; color: #E04;}

/* Classes (structural) */
.left {float: left !important;}
.newRow {clear: both;}
.clear {clear: left;}
.gutter {margin-left: 40px;}
.textDivider {height: 16px; width: 100%; margin-top: 68px; border-top: 1px solid #cacaca;}
.menuTouch {margin-bottom: 9px;}

.enlargeIcon {background: black; width: 24px; height: 24px; background-image: url('../img/enlargeIcon-viii.png'); background-position: center; background-size: 16px 16px; background-repeat: no-repeat; opacity: 0.0; position: relative; display: block;}
.enlargeIcon {margin-top: -28px;}
.thumb .enlargeIcon {margin-top: 74px;}
a:hover div.enlargeIcon { opacity: 0.75; }
.wideBook { width: 660px !important;}
.wideBlurb { margin: 0 0 36px 0 !important;}
.press {height: 310px; overflow: hidden;}
.press:nth-child(2n+1) {margin-left: 40px;}

/*.videoStill {width: 310px; height: 171px;  background-size: 100% auto;}*/
.videoStill {width: 100%; background-size: 100% auto;}
/*div.videoStill div.enlargeIcon {margin-top: 0px; top: 147px;}*/
div.videoStill div.videoIcon {
	background-image: url('../img/video-icon.png');
	width: 100%;
	background-size: 45px;
	opacity: 0.8;
	display: inline-block;
	position: relative;
	height: 0;
	padding-top: 49%;
	background-repeat: no-repeat;
	background-position: 50%;
}
div.videoStill:hover div.videoIcon {opacity: 1;}

/*Fix focus*/
*:focus {
	outline:none;
	border:none;
	color:black;
	text-decoration:none;
	}