windhamdavid 10 years ago
parent
commit
a58b71635a
4 changed files with 1427 additions and 0 deletions
  1. 83 0
      index.php
  2. BIN
      screenshot.png
  3. 14 0
      single.php
  4. 1330 0
      style.css

+ 83 - 0
index.php

@@ -0,0 +1,83 @@
+<?php get_header(); ?>
+
+	<div id="slider-wrap">
+		<div class="container">
+			<div class="row">
+				<div class="twelvecol slides">		
+					<div class="slided" data-autorotate="4000">
+						<ul class="slider">
+						<?php query_posts( array ( 'orderby' => 'date', 'post_type' => 'Film','posts_per_page' => 53 ) ); ?>
+						<?php while (have_posts()) : the_post(); ?>
+							<li class="slide">					
+								<a href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('slide');} ?></a>
+								<h1 class="film-title"><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h1>			
+								<?php the_date('Y', '<h3>', '</h3>'); ?>
+								<?php the_excerpt(); ?>
+							</li>
+						<?php endwhile; ?>			
+						</ul>
+					</div>			
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<div class="container front">
+		<div class="row">
+			<div class="eightcol">
+				<h2 class="col-title" style="color:#777;text-align:center;">&nbsp;</h2>
+			</div>
+			<div class="fourcol last">
+				<!--<h1 class="josefin-head" style="color:#777;text-align:center;">DVD HIGHLIGHT</h1>-->
+			</div>
+		</div>
+		<div class="row">
+			<div class="fourcol">
+				<div class="press">
+					<?php query_posts( array ( 'category_name' => 'Press', 'posts_per_page' => 3 ) ); ?>
+					<?php while (have_posts()) : the_post(); ?>
+					<article>
+						<a href="<?php the_permalink() ?>" class="rollover" title="<?php the_excerpt();?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail();} ?></a>
+						<h3 class="josefin"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title() ?></a></h3>
+						<?php the_excerpt();?>
+					</article>
+					<?php endwhile; ?>
+				</div>			
+			</div>
+			<div class="fourcol">
+				<div class="press">
+					<?php query_posts( array ( 'category_name' => 'Press', 'offset'=> 3, 'posts_per_page' => 3 ) ); ?>
+					<?php while (have_posts()) : the_post(); ?>
+					<article>
+						<a href="<?php the_permalink() ?>" class="rollover" title="<?php the_excerpt();?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail();} ?></a>
+						<h3 class="josefin"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title() ?></a></h3>
+						<?php the_excerpt();?>
+					</article>
+					<?php endwhile; ?>
+				</div>
+				<div class="more-press">
+					<a href="press">More Press</a>
+				</div>			
+			</div>
+			<div class="fourcol last">
+				<div class="press">
+					<?php query_posts( array ( 'category_name' => 'News', 'posts_per_page' => 1 ) ); ?>
+					<?php while (have_posts()) : the_post(); ?>
+					<article>
+						<a href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('spotlight');} ?></a>
+						<div class="clear">&nbsp;</div>
+						<!--<h3 class="josefin"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title() ?></a></h3>-->
+						<?php the_excerpt();?>
+					</article>
+					<?php endwhile; ?>
+					<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fphfilms&amp;height=380&amp;show_faces=false&amp;colorscheme=light&amp;stream=true&amp;show_border=false&amp;header=true" style="border:none; overflow:hidden; width:100%; height:350px;"></iframe>
+					<div class="social-tweet">
+						<a class="twitter-timeline" href="https://twitter.com/PHFilms" data-widget-id="345670204174503936">Tweets by @PHFilms</a>
+						<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+					</div>				
+				</div>
+			</div>
+		</div><!-- row -->
+	</div>
+
+<?php get_footer(); ?>

BIN
screenshot.png


+ 14 - 0
single.php

@@ -0,0 +1,14 @@
+<?php get_header(); ?>
+<div id="press-wrap">
+<div class="container">
+	<div class="row journal">
+		<div class="twelvecol">
+			<?php while ( have_posts() ) : the_post(); ?>
+				<?php get_template_part( 'content', 'single' ); ?>
+				<?php if ( comments_open() || '0' != get_comments_number() ) comments_template( '', true ); ?>
+			<?php endwhile; ?>
+		</div>
+	</div>
+</div>
+</div>
+<?php get_footer(); ?>

+ 1330 - 0
style.css

@@ -0,0 +1,1330 @@
+/* @override http://macs.local/phf/wp-content/themes/ph/style.css */
+
+/* @override http://magicbullet.local/phf/wp-content/themes/ph/style.css */
+
+
+/*
+Theme Name: Pennebaker Hegedus Films
+Theme URI: https://phfilms.com
+Author: windhamdavid
+Author URI: http://davidawindham.com
+Description: pretty good
+
+	/* Thanks! 
+		http://meyerweb.com/eric/tools/css/reset/ - Eric Myer
+		http://html5boilerplate.com/ - HTML5 ✰ Boilerplate - Paul Irish
+		https://github.com/Automattic/_s - Automattic
+		http://www.google.com/webfonts/specimen/Josefin+Sans - Santiago Orozco
+		http://dimsemenov.com/plugins/magnific-popup/ - Dmitry Semenov
+		https://github.com/Wilto/Dynamic-Carousel - Mat Marquis
+	*/
+	
+/* TABLE OF CONTENTS
+	Reset | Typography | Color | Stucture [header/content/footer] | Grid | @media [480/1024/1920) | @print
+*/
+
+
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+blockquote, q { quotes: none; }
+blockquote:before, blockquote:after,
+q:before, q:after { content: ""; content: none; }
+ins { background-color: #ff9; color: #000; text-decoration: none; }
+mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
+del { text-decoration: line-through; }
+abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
+table { border-collapse: collapse; border-spacing: 0; }
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+input, select { vertical-align: middle; }
+
+html { overflow-y: scroll; }
+a:hover, a:active { outline: none; }
+ul, ol { margin-left: 0; }
+ol { list-style-type: decimal; }
+nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
+small { font-size: 85%; }
+strong, th { font-weight: bold; }
+td { vertical-align: top; }
+sub, sup { font-size: 75%; line-height: 0; position: relative; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
+textarea { overflow: auto; } 
+.ie6 legend, .ie7 legend { margin-left: -7px; } 
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+button, input, select, textarea { margin: 0; }
+input:valid, textarea:valid   {  }
+input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
+form, input, textarea {padding: 0; margin: 0;}
+a:link { text-decoration: none; }
+a:visited { text-decoration: none; }
+a:hover { text-decoration: none; }
+a:active { text-decoration: none; }
+form { margin: 0;padding: 0; }
+.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+.hidden { display: none; visibility: hidden; }
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+.invisible { visibility: hidden; }
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }
+.clear { clear: both;}
+
+
+/** /\/\/***   TYPOGRAPHY   ***\/\/\/  **/
+
+@font-face {
+    font-family: 'JosefinSansStdLight';
+    src: url('img/fonts/JosefinSansStd-Light-webfont.eot');
+    src: url('img/fonts/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('img/fonts/JosefinSansStd-Light-webfont.woff') format('woff'),
+         url('img/fonts/JosefinSansStd-Light-webfont.ttf') format('truetype'),
+         url('img/fonts/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Josefin Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Josefin Sans SemiBold'), local('JosefinSans-SemiBold'), url('http://themes.googleusercontent.com/static/fonts/josefinsans/v3/C6HYlRF50SGJq1XyXj04zxefZI2gqg-NXpw43Z_DJ3I.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Josefin Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Josefin Sans'), local('JosefinSans'), url('http://themes.googleusercontent.com/static/fonts/josefinsans/v3/xgzbb53t8j-Mo-vYa23n5qRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Josefin Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url('http://themes.googleusercontent.com/static/fonts/josefinsans/v3/C6HYlRF50SGJq1XyXj04zxAPw1J91axKNXP_-QX9CC8.woff') format('woff');
+}
+
+
+body { font:13px/1.231 sans-serif; *font-size:small; }
+body {font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
+select, input, textarea, button { font:99% sans-serif; }
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::selection { background:#FF5E99; color:#fff; text-shadow: none; }
+a:link { -webkit-tap-highlight-color: #FF5E99; }
+button {  width: auto; overflow: visible; }
+.ie7 img { -ms-interpolation-mode: bicubic; }
+body, select, input, textarea { color: #444; }
+
+
+h1.josefin {
+	color:#fff;
+	font-family: 'Josefin Sans', 'JosefinSansStdLight',  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 26px;
+	font-weight: 700;
+	line-height: 27px;
+	text-shadow: 1px 1px 1px #000;
+	letter-spacing:7px;
+	margin-top: 15px;
+	font-weight: 800;
+}
+
+h1.josefin-head {
+	color:#fff;
+	font-family: 'Josefin Sans', 'JosefinSansStdLight', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 21px;
+	font-weight: 700;
+	line-height: 27px;
+	letter-spacing:0px;
+	margin-top: 15px;
+}
+
+h2.josefin {
+	font-family: 'JosefinSansStdLight', 'Josefin Sans', "Helvetica Neue", Helvetica, Geneva, sans-serif; 
+	font-size: 15px;
+	font-weight: 800;
+	line-height: 17px;
+	text-shadow: 1px 1px 1px #000;
+	letter-spacing:0px;
+	color:#cecece;
+}
+h3.josefin {
+	font-family: 'JosefinSansStdLight', 'Josefin Sans', "Helvetica Neue", Helvetica, Geneva, sans-serif;
+	font-size: 21px;
+	font-weight: 300;
+	line-height: 14px;
+	color:#cecece;
+	margin: 7px 0;
+}
+h5.josefin {
+	font-family: 'JosefinSansStdLight', 'Josefin Sans', "Helvetica Neue", Helvetica, Geneva, sans-serif;
+	font-weight: 700; 
+	font-size: 13px;
+	line-height: 17px;
+	text-shadow: 1px 1px 1px #000;
+	letter-spacing:2px;
+	color:#cecece;
+}
+
+h1.film-title {
+	font-family: 'JosefinSansStdLight', "Helvetica Neue", Helvetica, Geneva, sans-serif;
+	font-size: 26px;
+	line-height: 27px;
+	color:#fff;
+	margin: 0px 0 0;
+}
+	h1.film-title a{
+	color:#fff;
+	}
+	h3.film-title {
+		font-size: 14px;
+	}
+h1.page-title {
+	font-family: Helvetica, Geneva, sans-serif;
+	font-size: 26px;
+	line-height: 27px;
+	color:#111;
+	margin: 24px 0 20px;
+}
+	
+h2 {
+	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	font-size: 21px;
+	line-height: 21px;
+	margin: 0 0 20px;
+	color:#000;
+}
+
+ul#theNavigation h2.josefin {
+	margin: 0 29px;
+}
+
+h1 {
+	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	font-size: 27px;
+	line-height: 21px;
+	margin: 0 0 20px;
+	color:#000;
+}
+h1.entry-title {
+	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	font-size: 21px;
+	line-height: 26px;
+	margin: 15px 0 20px;
+	color:#000;
+}
+
+h2.col-title{
+	font-family: Arial, Helvetica, Geneva, sans-serif;
+	font-size: 26px;
+	line-height: 27px;
+	margin: 25px 0 0;
+	color:#000;
+}
+p {
+	font-size: 14px;
+	line-height: 16px;
+	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	margin: 0 0 10px;
+	display: block;
+	-webkit-margin-before: 1em;
+	-webkit-margin-after: 1em;
+	-webkit-margin-start: 0px;
+	-webkit-margin-end: 0px;
+}
+a {
+	color:#333 ;
+}
+a:hover {
+	color: #999;
+}
+
+
+/** /\/\/***   STRUCTURE   ***\/\/\/  **/
+
+body {
+	margin: 0;
+	padding: 0;
+	background: #f2f2f2;
+}
+nav {
+	margin: -85px 0 0px;
+	float: right;
+}
+
+
+/** /\/\/***   HEADER   ***\/\/\/  **/
+
+#header-wrap {
+	margin: 0;
+	background: url(img/banner-bg.jpg) no-repeat #777777;
+}
+#header-wrap .container {
+	background: url(img/trans.png);
+}
+.s
+#header-wrap img.blur { width:367; height:459px;
+filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px);
+-o-filter: blur(3px); -ms-filter: blur(3px); }
+
+header {
+	margin: 0;
+	padding: 0;
+}
+	header h1.title {
+		margin: 67px 0 10px;
+	}
+	header h1.josefin a {
+		color: #fff;
+	}
+	
+	header h1.josefin a:hover {
+		color: #555;
+	}
+	nav h2 a {
+		color: #fff;
+		margin: 0 7px;
+		
+	}
+	nav h2 a:hover {
+		color: #fff;
+	}
+	nav h2.josefin {
+	margin: 0;
+	}
+header img.logo {
+	float: left;
+	margin: 25px 20px 0 0;
+}
+
+
+header .head-secondary {
+	float: right;
+	margin: -60px 0 0 0;
+}
+
+
+
+
+/***   SLIDER   ***/
+.slided {display: none;} /*Flash of un-styled content*/
+
+#slider-wrap {
+	background:#252525;
+	margin: 0;
+	padding: 0;
+}
+#slider-wrap .container {
+	background: url(img/trans.png) #252525;
+}
+.slided {
+	margin: 0;
+	padding: 0;
+
+}
+.slided li {
+	list-style: none;
+	margin: -20px 0 10px;
+	padding: 0;
+}
+.slided img {
+	padding: 0 20px 0 0;
+	margin: 0 0 0 0;
+}
+li.slide img {
+	margin: 0;
+	float: left;
+	/**background: #2d2d2d;
+	padding: 4px;**/
+}
+
+ul.slidecontrols {
+	margin: 0;
+}
+	.slided a.film-prev {
+		float: right;
+		position: relative;
+		left: 0px;
+		top: 280px;
+		background: url(img/prevButton.png);
+		height: 50px;
+		width: 50px;
+		z-index: 300;
+		-webkit-transition: all ease 0.3s;
+		-moz-transition: all ease 0.3s;
+		-o-transition: all ease 0.3s;
+		-ms-transition: all ease 0.3s;
+		transition: all ease 0.3s;
+	}
+	.slided a.film-prev:hover {
+		background: url(img/prevButton.png);
+		background-position: -50px 0;
+		
+	}
+	.slided  a.film-next {
+		float: right;
+		position: relative;
+		right: 0px;
+		top: 280px;
+		background: url(img/nextButton.png) -50px 0px;
+		height: 50px;
+		width: 50px;
+		z-index: 300;
+		-webkit-transition: all ease 0.3s;
+		-moz-transition: all ease 0.3s;
+		-o-transition: all ease 0.3s;
+		-ms-transition: all ease 0.3s;
+		transition: all ease 0.3s;
+	}
+	.slided a.film-next:hover {
+		background: url(img/nextButton.png);
+		background-position: 0px 0px;
+	}
+
+
+.slided p {
+	//background-color: rgba(18, 14, 15, .3);
+	color: #b3b3b3;
+	letter-spacing: 0px;
+	padding: 20px;
+	margin: 0px 0 0 20px;
+	font: 300 17px/19px "Helvetica Neue", Helvetica, Geneva, sans-serif;
+}
+.slided a {
+	color: #777;
+}
+.slided h2{
+	color: #fff;
+	font: 700 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+}
+.slided h1 {
+	padding: 10px;
+}
+.slided h1.film-title a {
+	color: #fff;
+	//background-color: rgba(18, 14, 15, .9);
+	font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	line-height: 35px;
+	font-weight: 300;
+	padding: 12px 20px;
+	margin: 0 0 0 -20px;
+	
+}
+.slided h3{
+	color: #c7c7c7;
+	margin: 10px 0 0 5px;
+	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	z-index: 0;
+}
+
+.slider {
+	padding: 0;
+	margin: 0;
+}
+	
+.slided .film-tabs {
+	padding: 0px 0 0px;
+	margin: 0px auto 2px;
+	float:left;
+}
+.slided .film-tabs li {
+    display: inline-block; 
+    padding: 2px;
+    margin: 0;
+    background: #222;
+}
+
+.slided .film-tabs a {
+	display: inline-block;
+    height: 11px;
+    text-indent: -9999px;
+    width: 11px;
+    border-radius: 0px;
+    margin-left: 3px;
+	background-color: #393939;
+	opacity: 0.7;
+	filter: alpha(opacity = 70);
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+}
+.slided .film-tabs a:hover	{
+	background: #f5f5f5;
+}
+.ie .slided .film-tabs li,
+.ie .slided .film-tabs a { 
+	display: block;
+	float: left;
+}
+.slided .film-tabs .film-active-tab a {
+	background: #777;
+	outline: none;
+}
+
+ul.dots {
+	float: right;
+}
+ul.dots li {
+	display: inline-block;
+    height: 13px;
+    text-indent: -9999px;
+    width: 13px;
+    border-radius: 0px;
+    margin: 10px 0 0 6px;
+    float: left;
+}
+
+
+
+/** /\/\/***   CONTENT   ***\/\/\/  **/
+
+.404 {
+	padding: 20px;
+	margin: 20px 0;
+	min-height: 540px;	
+}
+.front {
+	margin:0;
+	background: #fff	
+}
+.search-results {
+	margin: 10px 0 50px;
+}
+
+.single {
+	margin: 10px 0 50px;
+	background: #f8f8f8;
+}
+
+#film-wrap {
+	background: #f2f2f2;
+	margin: 0;
+	padding: 0;
+}
+
+#film-wrap .container {
+	background: #fff;
+	padding: 0 30px 40px;
+}
+
+.film-page {
+	padding: 30px 0;
+	min-height: 480px;	
+}
+.film-page h2 {
+	margin: 0px 0 5px;
+	color: #000;
+	font-size: 25px;
+	font-weight: 500;
+	background: #fff;
+	padding: 10px;
+}
+.film-page h5 {
+	font-size: 15px;
+	padding: 0 10px;
+}
+.film-page p {
+	font-size: 14px;
+	margin-bottom: 5px;
+}
+.film-page img {
+	float: left;
+	padding: 10px 0;
+}
+.film-page li {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+li.credits {
+	font-size: 14px;
+}
+.film-page .cover img {
+	margin: 5px 10px 30px;
+	max-width: 150px;
+}
+.summary {
+	background: #fff;
+}
+.container.films {
+	padding: 20px 30px;
+	background: #fff;
+}
+.films {
+	background-color: #fff;
+}
+.film {
+	background-color: rgba(255, 255, 255, .7);
+	margin: 10px 2px;
+	padding: 12px;
+	-moz-box-shadow: 1px 1px 5px #575757;
+	-webkit-box-shadow: 1px 1px 5px #575757;
+	box-shadow: 1px 1px 5px #575757;
+	height: 200px;
+	overflow: hidden;
+}
+
+.film:hover #slidingbox {
+	margin-top: -210px;
+	opacity: 1;
+}
+.film:hover img {
+	opacity: 0;
+}
+.film:hover h3 {
+	opacity: 0;
+}
+.film:hover p.date {
+	opacity: 0;
+}
+.slidingbox {
+	-webkit-transition: all 300ms ease;
+	-moz-transition: all 300ms ease;
+	-o-transition: all 300ms ease;
+	transition: all 300ms ease;
+	}
+	
+.film p {
+	text-align:left;
+	color: #333;
+	font-size: 12px;
+}
+.film img {
+	max-height: 140px;
+	min-height: 133px;
+}
+.film p.date {
+	margin: 0px 0 10px;
+	color: #777;
+	font-weight: 500;
+	font-size: 14px;
+	text-align: right;
+}
+.film h3 {
+	margin: 0 0 2px;
+	padding: 3px;
+	text-align: left;
+	background: #fff;
+	height: 40px;
+}
+
+.film h3 a { 
+	font-size: 17px;
+	font-weight: 800;
+	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	text-align: left;
+	color: #333;
+}
+
+.film img {
+	border: 1px solid #555;
+	-webkit-transition: all ease 0.5s;
+	-moz-transition: all ease 0.5s;
+	-o-transition: all ease 0.5s;
+	-ms-transition: all ease 0.5s;
+	transition: all ease 0.5s;
+}
+.film img:hover {
+	opacity: 0;
+}
+
+.film-page li.previous {
+	float: left;
+}
+.film-page li.next {
+	float: right;
+}
+.media-loading {
+	
+}
+img.play {
+	position: relative;
+	margin: 0 auto -300px;
+	max-width: 50px;
+}
+
+.history {
+	padding: 30px 0;
+	min-height: 540px;	
+}
+
+.history h1 {
+	font-size: 21px;
+}
+.history h2 {
+
+}
+.history h3 {
+
+	font-size: 17px;
+	font-weight: 300;
+	margin: 10px 0 0;
+}
+.history .top-pad {
+	padding: 26px 0;
+}
+
+
+#press-wrap {
+	margin: 0;
+
+}
+#press-wrap .container {
+	background: #fff;
+}
+
+.press {
+	margin: 23px 0;
+}
+.press img {
+	float: left;
+	margin: 0px 0px 15px 15px;
+}
+.press article {
+	margin: 0 0 11px;
+	padding: 20px 0px 10px;
+	clear: both;
+}
+	.front .press article {
+	margin: 20px 0 0;
+	padding: 15px;
+	border-top: 1px dashed #888;
+}
+	.front .press article img {
+	max-width: 255px;
+	margin: 0 0 10px;
+	width: 100%;
+}
+.press h3.josefin {
+
+	font: small-caps 100 23px "Helvetica Neue", Helvetica, sans-serif;
+	font-size: 17px;
+	font-weight: 600;
+	line-height: 17px;
+	margin: 0 0 10px;
+	color: #000;
+}
+.press h3 a {
+	color: #000;
+}
+.press p {
+	color: #555;
+	font-size: 14px;
+	padding: 0px;
+}
+.press_highlight {
+	background: #f3f3f3;
+	padding: 55px 28px;
+	margin: 0 0;
+}
+.press_highlight p {
+	color: #888;
+}
+.more-press {
+	float: right;
+	padding: 20px;
+	margin: 0px 0 5px;
+	background: #f5f5f5;
+	-webkit-border-radius: 0 4px 4px 0;
+	-moz-border-radius: 0 4px 4px 0;
+	border-radius: 0 4px 4px 0;
+	display: inline-block;
+	*display: inline;
+	padding: 4px 12px;
+	*margin-left: .3em;
+	font-size: 14px;
+	line-height: 20px;
+	color: #333333;
+	text-align: center;
+	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+	vertical-align: middle;
+	cursor: pointer;
+	background-color: #f5f5f5;
+	*background-color: #e6e6e6;
+	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+	background-repeat: repeat-x;
+	border: 1px solid #cccccc;
+	*border: 0;
+	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	border-bottom-color: #b3b3b3;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	*zoom: 1;
+	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+li.previous {
+	margin: 13px 0;
+	float: left;
+}
+li.next {
+	margin: 13px 0;
+	float: right;
+}
+
+.journal {
+	background: #fff;
+}
+.journal img {
+	float: left;
+	margin: 0 21px 11px 0;
+	padding: 10px;
+	background: #cecece;
+}
+.journal article {
+	padding: 47px;
+	margin: 0px 0;
+	clear: both;
+	color: #333;
+	min-height: 400px;
+}
+.journal h1 {
+	color: #333;
+	margin: 27px 0 7px;
+	font: 500 23px "Helvetica Neue", Helvetica, sans-serif;
+}
+.journal h1 a {
+	color: #333;
+}
+.journal h2 {
+	font-size: 21px;
+}
+.journal h2 a {
+	color: #333;
+}
+.journal h3 {
+	font-size: 19px;
+	font-family: "Helvetica Neue", Helvetica, sans-serif;
+	margin: 14px 0 8px;
+}
+	.journal h3 a {
+		color: #000;
+	}
+	.journal h3 a:hover {
+		color: #555;
+	}
+	
+	
+form.show-btn input {
+	padding: 10px; 
+	margin: 10px 0 0;
+	color: #ffffff;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+	background-color: #49afcd;
+	*background-color: #2f96b4;
+	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
+	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
+	background-repeat: repeat-x;
+	border-color: #2f96b4 #2f96b4 #1f6377;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.buy-now input {
+	padding: 10px; 
+	margin: 10px 0 0;
+	color: #ffffff;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+	background-color: #49afcd;
+	*background-color: #2f96b4;
+	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
+	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
+	background-repeat: repeat-x;
+	border-color: #2f96b4 #2f96b4 #1f6377;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.store-item {
+	padding: 10px 0 0;
+	margin: 10px 0;
+	min-height: 400px;
+}
+.store-item h4 {
+	min-height: 30px;
+	font-weight: 500px;
+	background-color: #f1f1f1;
+	padding: 10px;
+}
+#store-wrap {
+	background:#f2f2f2;	
+}
+#store-wrap .container {
+	background: #fff;
+}
+.store-item input { 
+	width:auto !important; overflow:visible; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(images/button_default.gif) left center repeat-x; color:#000; 
+  margin: 10px 0 0;
+}
+.store-item input.buy-now {
+	padding: 3px 10px; 
+	margin: 3px 0 0;
+	color: #ffffff;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+	background-color: #49afcd;
+	*background-color: #2f96b4;
+	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
+	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
+	background-repeat: repeat-x;
+	border-color: #2f96b4 #2f96b4 #1f6377;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	}
+.store-item input.button:active { border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf; }
+
+
+div#PPMiniCart img {
+	display: none;
+}
+div#PPMiniCart form ul {
+	margin: 0px 0 0;
+}
+div#PPMiniCart form {
+	margin: 0px 0 0;
+}
+div#PPMiniCart form input.quantity {
+	margin: 0px;
+	background: #f5f5f5;
+	color: #000;
+}
+div#PPMiniCart form input {
+	padding: 3px; 10px 
+	margin: 10px 0 10px;
+	color: #ffffff;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+	background-color: #49afcd;
+	*background-color: #2f96b4;
+	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
+	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
+	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
+	background-repeat: repeat-x;
+	border-color: #2f96b4 #2f96b4 #1f6377;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+
+
+
+/***   TABS   ***/
+
+ul.tabs {
+	display: block;
+	margin: 35px 0 20px 0;
+	border-bottom: 1px solid #cecece;
+	
+	}
+ul.tabs li {
+	display: block;
+	width: auto;
+	height: 29px;
+	padding: 0;
+	float: left;
+	margin-bottom: 0; 
+	background: #fff;
+	}
+ul.tabs li a {
+	color: #111;
+	display: block;
+	font-weight: bold;
+	text-decoration: none;
+	width: auto;
+	padding: 0px 20px;
+	line-height: 28px;
+	border-right: solid 1px #333;
+	border-width: 1px 1px 0 0;
+	margin: 0;
+	font-size: 13px; 
+	}
+ul.tabs li:last-child a {
+	border: none;
+}
+ul.tabs li a.active {
+	position: relative;
+	margin: 0;
+	color: #444;
+	}
+ul.tabs li:first-child a.active {
+	margin-left: 0; 
+	}
+ul.tabs li:first-child a {
+	border-width: 1px 1px 0 1px;
+	}
+
+ul.tabs-content { margin: 0; display: block; }
+ul.tabs-content > li { display:none; }
+ul.tabs-content > li.active { display: block; }
+
+/* Clearfixing tabs for beautiful stacking */
+ul.tabs:before,
+ul.tabs:after {
+  content: '\0020';
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0; }
+ul.tabs:after {
+  clear: both; }
+ul.tabs {
+  zoom: 1;}
+
+
+.gallery .image-title,
+.gallery .image-description,
+.gallery .image-author,
+.gallery .image-link {
+	display:none;
+}
+
+.gallery
+{
+	width: 100%;
+	text-align: center;
+	margin-left: auto;
+	margin-right: auto;
+	padding: none;
+}
+
+.gallery ul.images
+{
+	list-style-type: none;
+	border: none;
+	padding: none;
+}
+
+.gallery ul.images li.image
+{
+	display: inline;
+	line-height: 0;
+}
+
+.gallery ul.images li.image a
+{
+	text-decoration: none;
+	color: inherit;
+	cursor: pointer;
+	margin: 14px;
+	display: inline-block;
+	background: white;
+	padding: 3px;
+	line-height: 0;
+	-webkit-border-radius: 4px 4px;
+	-moz-border-radius: 4px 4px;
+	border-radius: 4px 4px;
+	-moz-box-shadow: 0px 0px 8px #AAA;
+	-webkit-box-shadow: 0px 0px 8px #AAA;
+	box-shadow: 0px 0px 8px #AAA;
+	-webkit-transition: -webkit-box-shadow 0.1s ease-out;
+	-moz-transition: -webkit-box-shadow 0.1s ease-out;
+	-o-transition: -webkit-box-shadow 0.1s ease-out;
+	transition: -webkit-box-shadow 0.1s ease-out;
+}
+
+.gallery ul.images li.image a img
+{
+	border: none;
+	padding: none;
+	-webkit-border-radius: 4px 4px;
+	-moz-border-radius: 4px 4px;
+	border-radius: 4px 4px;
+}
+
+.gallery ul.images li.image a:hover
+{
+	-moz-box-shadow: 0px 0px 8px #222;
+	-webkit-box-shadow: 0px 0px 8px #222;
+	box-shadow: 0px 0px 8px #222;
+}
+
+
+
+
+
+/** /\/\/***   FOOTER   ***\/\/\/  **/
+#footer-wrap {
+	width: 100%;
+	min-height: 100px;
+	margin: 0;
+	background: #252525;
+}
+#footer-wrap .container {
+	background: url(img/trans.png) #252525;
+	opacity: 0.7;
+	filter: alpha(opacity = 70); /* For IE */
+}
+.s
+footer {
+	clear: both;
+}
+footer img.logo {
+	margin: 30px 0 0;
+	float: left;
+}
+footer a {
+	color: #c7c7c7;
+}
+footer a:hover {
+	color: #fff;
+}
+footer p {
+	text-align: left;
+	color: #777;
+	font-size: 13px;
+	line-height: 14px;
+	margin: 0;
+}
+.info {
+	text-align: right;
+	margin: 25px 40px 0px 0;
+	padding: 20px 0px 40px;
+}
+.social {
+	margin: 45px 0px 0px 0;
+}
+.social-tweet {
+	position: relative;
+	bottom: 0px;
+}
+.social li a {
+	text-decoration: none;
+}
+.social a {
+	color: #888;
+}
+.social p {
+	margin: 20px 0 0 0;
+}
+.social ul {
+	margin: 0 0 10px;
+	list-style-type: none;
+}
+.social img {
+	float: right;
+	margin: 0 0 0 15px;
+}
+
+span.twit:hover {
+	background-position: 0 0px;
+	}
+span.twit {
+	width: 32px;
+	height: 32px;
+	margin-left: 10px;
+	background-image: url(img/tweet.png);
+	background-position: 0 32px;
+	position: relative;
+	float: right;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+span.vimeo:hover {
+	background-position: 0 0px;
+	}
+span.vimeo {
+	width: 32px;
+	height: 32px;
+	margin-left: 10px;
+	background-image: url(img/vimeo.png);
+	background-position: 0 32px;
+	position: relative;
+	float: right;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+span.fb:hover {
+	background-position: 0 0px;
+	}
+span.fb  {
+	width: 32px;
+	height: 32px;
+	margin-left: 10px;
+	background-image: url(img/fb.png);
+	background-position: 0 32px;
+	position: relative;
+	float: right;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+span.yt:hover {
+	background-position: 0 0px;
+	}
+span.yt {
+	width: 32px;
+	height: 32px;
+	margin-left: 10px;
+	background-image: url(img/yt.png);
+	background-position: 0 32px;
+	position: relative;
+	float: right;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+span.gowatch:hover {
+	background-position: 0 0px;
+	}
+span.gowatch {
+	width: 32px;
+	height: 32px;
+	margin-left: 10px;
+	background-image: url(img/gowatchit.png);
+	background-position: 0 32px;
+	position: relative;
+	float: right;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+span.tumblr:hover {
+	background-position: 0 0px;
+	}
+span.tumblr {
+	width: 32px;
+	height: 32px;
+	margin-left: 10px;
+	background-image: url(img/tumblr.png);
+	background-position: 0 32px;
+	position: relative;
+	float: right;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+.tooltip{display:inline;position:relative}
+.tooltip:hover{text-decoration:none}
+.tooltip:hover:after{
+	margin-left: 150px;
+	background:#111;
+	background:rgba(0,0,0,.8);
+	border-radius:5px;
+	bottom:18px;
+	color:#fff;
+	content:attr(title);
+	display:block;
+	left:50%;
+	padding:5px 15px;
+	position:absolute;
+	white-space:nowrap;
+	z-index:98
+}
+.tooltip:hover:before{
+	border:solid;
+	border-color:#111 transparent;
+	border-width:6px 6px 0 6px;
+	bottom:12px;
+	content:"";
+	display:block;
+	left:75%;
+	position:absolute;
+	z-index:99
+}
+
+#searchform {
+	margin: -35px 0 25px;
+	padding: 0px 0 0;
+	width: 100%;
+	display: block;
+	cursor: pointer;
+	text-align: right;
+}
+#searchform input#s.field {
+	margin: 0 10px;
+	width: 100px;
+	background: #fff;
+}
+#searchform input#searchsubmit.submit {
+	padding: 0;
+	margin: 0 0 0;
+	width: 20px;
+	height: 21px;
+	background: url(img/search2.png) no-repeat;
+	border: none;
+}
+.elsewhere  {
+	text-align: right;
+	margin: 0px 0 11px;
+}
+.elsewhere p {
+	font-family:WebSymbolsRegular;
+	font-size: 22px;
+	line-height: 24px;
+	color: #c7c7c7;
+}
+.elsewhere p a {
+	color: #c7c7c7;
+}
+.elsewhere p a:hover {
+	color: #fff;
+}