/* 
Theme Name: Stuyck
Author: Gato Gordo Digital Creative
Author URI: http://gatogordoweb.com
*/

/* GENERAL */

html, body {
	height: 100%;
}
body {
	background: #f9ed33;
	padding: 0;
	margin: 0;
	height: 100%;
}
body#splash-page {
	background: #f9ed33;
}
body#splash-page #outer-content {
	margin: 0;
	padding: 0;
}
.icon {
	height: 30px;
	width: auto !important;
}
.icon:hover {
	opacity: 0.7;
}
#outer-content {
	margin: 0 auto;
	padding: 30px 0 20px 0;
	background: #171717;
	position: relative;
	top: 110px;
	margin-bottom: 115px;
}

/* FONTS */

@font-face {
  font-family: 'Akzidenz';
  src: url('fonts/akz.ttf') format('truetype');
}
@font-face {
  font-family: 'Essence Sans';
  src: url('fonts/es.ttf') format('truetype');
}
@font-face {
  font-family: 'Essence Sans Italic';
  src: url('fonts/esi.ttf') format('truetype');
}
@font-face {
  font-family: 'Gotham Light';
  src: url('fonts/gl.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham Medium';
  src: url('fonts/gm.otf') format('opentype');
}

/* TEXT */

body {
	font-family: 'Gotham Light', helvetica, sans-serif;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #38bdbd;
}
.inner-content p, 
.inner-content div,
.inner-content h1,
.inner-content a {
	color: #fff;
}

/* NAV */

ul, li {
	padding: 0;
	list-style-type: none; 
}
li {
	margin: 0;
	display: inline;
}

/* HEADER */ 

header {
	background: #f9ed33;
	text-align: center;
	position: fixed; 
	width: 100%;
	top: 0;
	z-index: 2;
	height: 110px;
}
header h1 {
	margin-bottom: 0;
	font-size: 220%;
	font-family: 'Akzidenz', helvetica, sans-serif;
}
header .menu-stuyck-container ul {
	margin: 5px 0 15px 0;
}
header .menu-stuyck-container li:nth-child(1):after,
header .menu-stuyck-container li:nth-child(2):after { 
    content: " //";
}
header .menu-stuyck-container li a {
	font-style: italic;
}
header .menu-stuyck-container li.current-menu-item a {
	font-family: 'Gotham Medium', helvetica, sans-serif;
}
header .menu-stuyck-container li.current-menu-item a:hover {
	color: #000;
	cursor: default;
}

/* FOOTER */

footer {
	background: #f9ed33;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
footer nav {
	margin: 15px 0 0 0;
}
footer nav a:hover .icon {
	opacity: 0.7;
}
footer .icon {
	height: 20px;
}
footer div {
	width: auto;
	display: inline-block;
	margin: 0 auto;
}
footer div p {
	text-align: left;
	font-size: 80%;
	margin: 5px 0 25px 0;
}

/* CONTENT */

.inner-content {
	margin: 0 auto;
	overflow: hidden;
	width: 1010px;
}

/* FRONT PAGE */ 

.home #outer-content {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #f9ed33;
    top: 0;
}
.home #header-container {
    z-index: 1000;
    position: relative;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -40px;
}
.home header {
    left: 50%;
    margin-left: -130px; 
    width: 260px;
    position: absolute;
    height: 80px;
}
.home header h1 {
	margin: 0;
}
.home header a#header-link:hover,
.home header a#header-link h1:hover {
	color: #000 !important;
}

/* CATEGORY PAGES */

.category-box .category-trailer {
	background: #f9ed33;
	height: 136px;
}
#sticky-box a {
	width: 100%;
	height: 100%;
	display: block;
	color: #000;
	text-align: center;
	line-height: 136px;
}
#sticky-box a:hover {
	color: #38bdbd;
}
.category-box {
	width: 240px;
	height: 172px;
	margin: 6px;
	float: left;
	position: relative;
	overflow: hidden;
}
.category-box img {
	width: 241px;
	height: 137px; 
}
.category-box .category-hover-info {
	padding: 6px 0 0 0;
	width: 100%;
}
.category-box .category-hover-info p {
	margin: 0;
}
.category-box .category-hover-info span {
	font-size: 70%;
	color: #f9ed33;
}
.category-box .category-hover-info p span.title {
	font-family: 'Gotham Light', helvetica, sans-serif;
	position: relative;
	top: 1px;
}
.category-box .category-hover-info .meta {
	display: block; 
}
.category-box:hover .category-hover-info {
	opacity: 1;
}
.category-box .post-preview {
	background: #f9ed33;
	overflow: hidden;
	height: 136px;
	width: 240px;
}
.category-box .post-preview a,
.category-box .category-trailer a {
	display: block;
	line-height: 0;
}
.category-box:hover img {
	opacity: 0.8;
}

/* VIDEO PLUGIN */

div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_content_container .pp_left, 
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right,
div.pp_default .pp_content {
	background: none;
}
div.pp_default .pp_expand {
	display: none !important;
}
div.pp_default .pp_content_container .pp_details {
	position: absolute;
	top: 5px;
}
div.pp_default .pp_close {
	left: 10px;
}

/* SINGLE PAGES */

.hidden {
	display: none;
}

#go-back-link img {
	height: 16px;
	padding-top: 10px;
}
button {
	border: none;
	background: none;
	margin: 0 0 7px 0;
	padding: 0;
}
button:hover {
	cursor: pointer;
}
button:focus {
	outline: 0 !important;
}
#portfolio-view {
	width: 912px;
	float: left;
}
#portfolio-view img {
	width: 100%; 
}
#portfolio-meta {
	width: 912px;
}
#portfolio-meta h1 {
	font-size: 100%;
	letter-spacing: 0.1em;
	margin: 0.4em 0 0.2em 0;
	text-transform: uppercase;
	font-family: 'Essence Sans', helvetica, sans-serif;
	color: #f9ed33;
}
#portfolio-meta .meta {
	padding-right: 30px;
	font-size: 75%;
	display: block;
	padding-bottom: 3px;
}
#portfolio-meta .awards {
	font-style: italic;
	padding-top: 7px;
}
#portfolio-thumbs {
	width: 80px;
	float: right;
}
#portfolio-thumbs img {
	float: left;
	width: 100%;
	margin: 0 0 7px 0;
	opacity: 0.7;
	background: #fff;
	border: 1px solid #171717;
}
#portfolio-thumbs .current-portfolio-item img,
#portfolio-thumbs img:hover {
	opacity: 1.0;
	border: 1px solid #333;
}

/* CONTACT */

div.contact {
	max-width: 400px !important;
}
.contact img {
	width: 100%;
}
.page-template-contact-php .inner-content p {
	color: #f9ed33;
	font-size: 80%;
}
#contact-text p {
	text-align: justify;
}
#contact-info span {
	display: inline-block;
	width: 25px;
}
#contact-info img {
	height: 16px; 
	position: relative;
	top: 4px;
}
#contact-info img#map-marker {
	left: 4px;
	height: 20px;
}
#contact-info img#phone {
	top: 2px;
}
#contact-info img#email {
	left: 2px;
}
#social-links {
	padding-top: 10px;
	text-align: center;
}
#social-links a {
	padding: 0 20px;
}
#social-links img {
	height: 24px;
}
#social-links img#imdb {
	height: 20px;
	position: relative;
	top: -1px;
}

/************************** RESPONSIVENESS **************************/

/* WIDTH RESIZING */ 
@media screen and (max-width: 1060px) {
	.inner-content {
		width: 90%; 
	}
	#portfolio-view, 
	#portfolio-thumbs,
	#portfolio-meta {
		width: 100%;
	}
	#portfolio-thumbs {
		padding-bottom: 8px;
	}
	#portfolio-thumbs img {
		width: 80px;
		margin: 3px 6px 3px 0;
	}
	#portfolio-meta {
		clear: both;
	}
}

/* CATEGORY BOX STACKING */
@media screen and (max-width: 1060px) {
	.category .inner-content {
		width: 756px; 
	}
}
@media screen and (max-width: 806px) {
	.category .inner-content {
		width: 504px;
	}
}
@media screen and (max-width: 554px) {
	.category .inner-content {
		width: 252px;
	}
}