/*
Theme Name: 	EC-FC
Theme URI: 		http://bennorman.com.au
Description: 	The theme for El Chupacabras Film Company
Version: 		1.0
Author: 		Ben Norman
Author URI: 	http://bennorman.com.au
Tags: 			starkers, naked, clean, basic
*/

/* RESET */
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 {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block
}
audio, canvas, video {
	display:inline;
	zoom:1
}
html {
	font-size:100%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	margin:0
}
h1, h2, h3, h4, h5, h6 {
	font-weight:400
}
a {
	color:blue
}
a:focus {
	outline:thin dotted
}
li {
	list-style:none
}
abbr[title] {
	border-bottom:none
}
b, strong {
	font-weight:700
}
i, em, dfn {
	font-style:italic
}
hr {
	display:block;
height:.1rem;
	border:0;
border-top:.1rem solid #666;
	margin:1rem 0;
	padding:0
}
ins {
	background:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background:#ff0;
	color:#000;
	font-style:italic;
	font-weight:700
}
pre, code, kbd, samp {
	font-family:monospace, monospace;
	_font-family:'courier new', monospace
}
pre {
	white-space:pre-wrap;
	word-wrap:break-word
}
q {
	quotes:none
}
q:before, q:after {
	content:none
}
small {
	font-size:85%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle
}
label {
	cursor:pointer
}
input, select, textarea {
	font-size:100%;
	vertical-align:middle;
	margin:0
}
button, input {
	line-height:normal;
	overflow:visible
}
button, input[type=button], input[type=reset], input[type=submit] {
	cursor:pointer;
	-webkit-appearance:button
}
input[type=checkbox], input[type=radio] {
	box-sizing:border-box
}
input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td {
	vertical-align:top
}
audio:not([controls]), [hidden] {
display:none
}
div, article, section, header, footer, nav, li {
	position:relative;
}
.group:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden
}
body {
	background:#fff
}
::-moz-selection, ::selection {
background:#ff0;
color:#333
}
* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box
}
html {
	font-size: 62.5%;
}
/* TYPOGRAPHY */
body, input, textarea {
	font-family: 'Lato', Arial, sans-serif;
	font-weight:400;
	color: #333;
	font-size: 1.6rem;
}
p {
	line-height: 2rem;
	margin-bottom: 1rem;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight:900;
}
h1 {
	font-family: "Courier New", Courier, monospace;
	font-weight: 400;
	font-size: 3rem;
 margin: 2rem .4rem 3rem;
	background: #212121;
	color: #FFF;
	display: inline-block;
	text-transform: uppercase;
	padding: 1rem;
	-moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	z-index:99;
	position: relative;
}
h2 {
	font-size: 2.5rem;
 margin: 1rem 0 .5rem;
}
h3 {
	font-size: 1.6rem;
	font-weight: 400;
}
h4 {
	font-size: 2rem;
	margin: 2.5rem 0 0.75rem
}
h5 {
	font-size: 2rem;
	font-weight: 300;
}
h6 {
	font-size: 1.6rem;
	font-family: "Courier New";
	color: #FFF;
	background: #000;
	display: inline-block;
 padding: .2rem .5rem;
	font-weight: 400;
	-moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
a {
	color: #333;
	text-decoration: none;
 border-bottom:.1rem solid #FFB90F;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
a:hover {
 border-bottom:.1rem solid #444;
}
/* LAYOUT */
body {
	background: url(img/bg.png) repeat;
}
img {
	max-width: 100%;
	height: auto;
}
.wrapper {
	background: #FFF;
	-webkit-box-shadow:  0 0 10px 5px rgba(0, 0, 0, .25);
	box-shadow:  0 0 10px 5px rgba(0, 0, 0, .25);
	width: 94%;
	margin: 0 auto;
}
header { margin-bottom: 5rem; }
header, footer, .content-wrapper {
	padding: 2rem 2.5rem;
}
.content-wrapper {
	margin-top: 5rem;
}
.home .content-wrapper {
	margin-top: 0;
}
.logo {
	height: 11.25rem;
	width: 28rem;
	display: block;
	border: 0;
	position: absolute;
	top: 1rem;
	z-index: 999;
}
nav {
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 300;
	text-align: right;
	background: rgba(255,255,255,.7);
}
nav li {
	display: inline;
	margin-left: 4rem;
}
nav a {
 border-bottom: .1rem solid #FFF;
}
.mobilebutton {
	background: #333;
	width: 3.3rem;
	height: 3.3rem;
 -webkit-border-radius: .5rem 0 .5rem 0;
 border-radius: .5rem 0 .5rem 0;
	cursor: pointer;
 padding-top: .5rem;
	float: right;
}
.mobilestrip {
	background: #FFF;
 height: .5rem;
 margin: 0 .4rem .4rem .4rem;
 -webkit-border-radius: .5rem;
 border-radius: .5rem;
}
.mobilemenu {
	display: none;
	position: absolute;
	left: 3rem;
	overflow: visible;
	z-index: 99999;
 border: .1rem solid #444;
	-webkit-border-radius: 1.5rem 0 1.5rem 0;
	border-radius: 1rem 0 1rem 0;
	background: #FFF;
 padding: .5rem;
	width: 20rem;
}
.mobilemenu li {
	background: #FFf;
 margin: .5rem;
}
.mobilemenu li {
	display:block;
}
.screenmenu {
	display: none;
	margin-top: 7rem;
 margin-bottom: .1rem;
}
.content-wrapper {
	overflow: hidden;
}
footer {
	background: #222222;
	background: -moz-linear-gradient(top, #222222 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #333333));
	background: -webkit-linear-gradient(top, #222222 0%, #333333 100%);
	background: -o-linear-gradient(top, #222222 0%, #333333 100%);
	background: -ms-linear-gradient(top, #222222 0%, #333333 100%);
	background: linear-gradient(to bottom, #222222 0%, #333333 100%);
	color: #FFF;
	margin-top: 5rem;
}
/* SEARCH */
#searchform {
	display: none;
	float: right;
}
#searchtext {
	border-radius: 1.5rem;
 border: .1rem solid #CCC;
 padding: .2rem .2rem .2rem 4rem;
	height: 2.75rem;
	width: 20rem;
}
#searchsubmit {
	border: 0;
	background: url(img/search.png) no-repeat;
	height: 2.5rem;
	width: 2.5rem;
	position: relative;
	left: -3.1rem;
}
/* FRONT PAGE */
.content {
	overflow: hidden;
	width: 22rem;
	display: block;
	margin: 0 auto;
}
.frontpage_post {
 border: .2rem solid #444;
	width: 22rem;
	height: 14.7rem;
	overflow: hidden;
	margin: 1rem auto;
}
.frontpage_post h3 {
	position: absolute;
	width: 100%;
	z-index: 99;
}
.frontpage_post img {
	min-height: 14.7rem;
 border-bottom: .2rem solid #444;
}
.frontpage_post a {
	display: block;
	border: 0;
}
.frontpage_post a:hover {
	display: block;
	border: 0;
}
.frontpage_post h3 a {
	background: rgba(0,0,0,.7);
 padding: .5rem;
	color: #FFF;
}
time {
	font-size: 1.1rem;
	color: #777;
 padding: .5rem 0 .2rem;
	text-transform: uppercase;
}
.frontpage_post time {
 padding-left: .5rem;
}
.frontpage_post .excerpt {
 padding: .5rem .5rem;
	overflow:hidden;
}
.readmore, .button, input[type="submit"] {
	font-family: "Courier New", Courier, monospace;
	background: #000;
	color: #FFF;
 padding: .4rem .75rem;
	float: right;
	font-size: 1.3rem;
	border: 0;
}
.cat-article .postthumbnail { display: none!important; }
.postthumbnail {
	border: 0;
}
.postthumbnail:hover {
	border: 0;
}
/* SLIDER */
.slider, .slide {
	overflow: hidden;
	height: 8.1rem;
}
.slide {
	width: 100%;
	cursor: pointer;
}
/* SIDEBAR */
.mobilepozible {
	margin-top: 1rem;
	overflow: hidden;
}
.screenpozible {
	display: none;
	margin-top: 1rem;
 padding-left: .2rem;
	overflow: hidden;
}
.sidebar {
	overflow: hidden;
	width: 23rem;
	margin: 0 auto;
}
.social {
	background: url(img/social.png);
	width: 5.1rem;
	height: 5.1rem;
	display: inline-block;
	text-indent: -99999rem;
	border: 0;
 margin-left: .2rem;
}
.slider a, .slider a:hover, .social:hover, .readmore:hover, .logo:hover {
	border: 0;
}
.social:first-child {
	margin-left: 0;
}
.facebook {
	background-position: 0 0;
}
.twitter {
	background-position: -51px 0;
}
.vimeo {
	background-position: -102px 0;
}
.linkedin {
	background-position: -153px 0;
	display: none;
}
.youtube {
	background-position: -204px 0;
}
/* ARCHIVE PAGES */
.archive article {
	margin-bottom: 4rem;
 padding-bottom: .5rem;
 border-bottom: .1rem dashed #444;
	overflow: hidden;
}
.category-projects article {
	width: 22rem;
	height: 14.7rem;
	clear: none;
	overflow:hidden;
 border: .2rem solid #444;
}
.category-projects h1 {
	margin-bottom: -1rem;
}
/* AUTHOR PAGES */
.author h1 {
	margin-bottom: 0;
}
.authorinfo {
	overflow: hidden;
	margin-bottom: 5rem;
 border-bottom: .2rem solid #FFB90F;
	padding-bottom: 1.5rem;
	text-align: center;
}
.authorinfo img {
 border: .2rem solid #444;
}
.authorinfo div {
	margin-top: 2rem;
	text-align: left;
}
/* FOOTER */
footer .socialicons {
	width: auto;
	float: right;
}
.linkedin, .youtube {
	visibility: hidden;
}
footer .social {
	width: 2.8rem;
	height: 2.8rem;
}
footer .facebook {
	background-position: -2px -53px;
}
footer .twitter {
	background-position: -33px -53px;
}
footer .vimeo {
	background-position: -63px -53px;
}
footer .linkedin {
	background-position: -92px -53px;
}
footer .youtube {
	background-position: -123px -53px;
}
.copyright {
	text-align: center;
	font-size: 1.3rem;
	margin-top: 2rem;
}
.footermenu {
	overflow: hidden;
}
footer .screenmenu {
	display: inline-block;
 margin-top: .5rem;
}
footer .screenmenu li {
	display: inline;
	margin-right: 1.5rem;
}
footer .screenmenu li a {
	color: #FFF;
 border-bottom: .1rem solid rgba(0,0,0,0);
	text-transform: uppercase;
	font-size: 1.4rem;
}
footer .screenmenu li a:hover {
 border-bottom: .1rem solid #FFF;
}
/* COMMENTS */
#comments, #comments article {
	margin-top: 2.5rem;
}
#comments article {
 border-bottom: .1rem solid #444;
	clear: both;
	overflow: hidden;
	padding-bottom: 1rem;
}
#comments h6 {
	position: relative;
	min-width: 9.6rem;
	text-align: center;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
#comments h6 a {
	color: #FFF;
	border: 0;
}
#comments article:first-of-type {
	margin-top: 1rem;
}
.comment-image img {
	width: 8.5rem;
	height: 8.5rem;
}
.comment-content time {
	margin-bottom: 1rem;
	display: block;
}
.comment-image {
	width: 10rem;
}
.form-allowed-tags {
	font-size: 1.2rem;
	line-height: 1.6rem;
	max-width: 38rem;
}
#comments input, #comments textarea {
	display: block;
}
#respond {
	max-width: 38rem;
	overflow: hidden;
	margin: 1rem 0 1rem 10rem;
}
#respond h3 {
	font-weight: bold;
}
/* INPUT */
input, textarea {
	max-width: 100%;
}
/* PROJECT POSTS */
.project-details h2 {
 border-top: .1rem solid #444;
 border-bottom: .1rem solid #444;
 padding: .5rem 0;
}
.project-text, .project-images {
	overflow: hidden;
	margin-top: 2rem;
}
.project-text th {
	margin-right: 1rem;
	display: block;
	text-align: left;
}
.project-text th, .project-text td {
	padding: 1rem 0;
}
.project-images iframe {
	width: 27rem!important;
	height: 15.2rem!important;
}
/* NEXTGEN */
.project-gallery {
	margin-bottom: 1.6rem;
}
.ngg-galleryoverview {
	margin-top: 0;
}
.ngg-slideshow, .ngg-slideshow img {
	border: 0;
	padding: 0;
	margin-left: 0;
	width: 100%!important;
	height: 20.3rem!important;
	overflow: hidden;
}
.wpcf7-submit { float: left!important; }
.ngg-gallery-thumbnail-box {
float: right;
}
/* MEDIA QUERIES */
@media all and (min-width:320px) {
.wrapper {
	width: 32rem;
	margin: 0 auto;
}
}
 @media all and (min-width:640px) {
.wrapper {
	width: 64rem;
	margin: 0 auto;
}
.content-wrapper {
	margin-top: 0;
}
.content {
	float: left;
}
.frontpage_post {
	float: left;
	margin: 1rem;
	margin-left: 0;
}
.frontpage_post:first-of-type {
	margin-top: 0;
}
.frontpage_post time {
	display: none;
}
.frontpage_post .excerpt {
	display: none;
}
.frontpage_post:first-of-type time {
	display: block;
}
.frontpage_post:first-of-type .excerpt {
	display: block;
}
.slider, .slide {
	height: 16.3rem;
}
.sidebar {
	float: right;
	display: inline;
}
.category-projects article {
	float: left;
	height: 12.2rem;
	width: 18.3rem;
	margin: 1rem;
}
.category-projects article:nth-child(3n+1) {
	margin-left: 0;
}
.category-projects article:nth-child(3n+3) {
	margin-right: 0;
}
.category-projects article figure {
	border: 0;
}
.category-projects .content {
	width: 100%;
}
.category-projects article img {
	min-height: 12.2rem;
}
.authorinfo {
	text-align: left;
}
.project-details {
	overflow: hidden;
}
.project-text, .project-images {
	float: left;
	display: inline;
}
.project-text {
	width: 30rem;
}
.project-images {
	width: 24rem;
	margin-left: 5rem;
}
.project-images iframe {
	width: 24rem!important;
	height: 13.5rem!important;
}
.ngg-slideshow, .ngg-slideshow img {
	height: 18rem!important;
}
}
 @media all and (min-width:960px) {
.wrapper {
	width: 96rem;
	margin: 0 auto;
}
header { margin-bottom: 0rem; }
.logo {
	height: 18rem;
	width: 48rem;
}
nav { z-index: 9999; }
.mobilebutton {
	display: none;
}
.screenmenu {
	display: block;
}
#searchform {
	display: block;
}
.screenmenu {
	margin-top: 10rem;
}
.content-wrapper {
	margin-top: 4rem;
}
.content {
	width: 55rem;
}
.home .content {
	width: 50rem;
}
.frontpage_post {
	margin: 1rem 1rem 1rem 0;
}
.frontpage_post:first-of-type h3 {
	font-size: 2rem;
}
.frontpage_post:first-of-type {
	width: 50rem;
	height: auto;
	margin: 0;
}
.frontpage_post:first-of-type img {
}
.slider, .slide {
	height: 24.4rem;
}
.frontpage_post:nth-child(4) {
	float:right;
	margin-right: 0;
}
.archive article {
	margin-bottom: 4rem;
 padding-bottom: .5rem;
	border-bottom: 0;
}
.archive article figure {
	width: 20rem;
	margin: 1.5rem 2rem 1.5rem 0;
}
.archive section {
	width: 33rem;
}
.archive figure, .archive section {
	float: left;
	display: inline;
}
.category-projects article {
	height: 18.9rem;
	width: 28.3rem;
	margin: 1rem 1.5rem;
 border: .2rem solid #444;
}
.category-projects article figure {
	width: 100%;
	margin: 0;
}
.category-projects article img {
	min-height: 18.8rem;
}
.authorinfo {
	overflow: hidden;
	margin-bottom: 5rem;
 border-bottom: .2rem solid #FFB90F;
	padding-bottom: 1.5rem;
}
.authorinfo img {
	float: left;
	margin-right: 2rem;
}
.authorinfo div {
	display: inline;
	float: left;
	width: 33rem;
	margin-top: 0;
}
.project-images {
	width: 46rem;
	margin-left: 15rem;
}
.project-images iframe {
	width: 46rem!important;
	height: 25.9rem!important;
}
.ngg-slideshow, .ngg-slideshow img {
	height: 34.5rem!important;
}
.comment-image, .comment-content {
	float: left;
	display: inline;
}
.comment-content {
	width: 20rem;
}
}
 @media all and (min-width:1280px) {
.wrapper {
	width: 128rem;
	margin: 0 auto;
}
nav { z-index: 99; }
.home .content, .content {
	width: 73rem;
}
.frontpage_post {
	margin: 0 0 1rem 1rem;
}
.slider, .slide {
	height: 32.5rem;
}
.sidebar {
	width: 32rem;
}
.mobilepozible {
	display: none;
}
.screenpozible {
	display: block;
}
.social {
	margin-left: 1.2rem;
}
.linkedin {
	display: inline-block;
}
.archive article figure {
	width: 30rem;
}
.archive section {
	width: 41rem;
}
.category-projects article figure {
	width: 100%;
}
.category-projects article:nth-child(3n+1) {
	margin-left: 1.5rem;
}
.category-projects article:nth-child(3n+3) {
	margin-right: 1.5rem;
}
.category-projects article:nth-child(4n+1) {
	margin-left: 0;
}
.category-projects article:nth-child(4n+4) {
	margin-right: 0;
}
.authorinfo div {
	width: 51rem;
}
.project-text {
	width: 45rem;
}
.project-images {
	width: 58rem;
	margin-left: 20rem;
}
.project-images iframe {
	width: 58rem!important;
	height: 32.6rem!important;
}
.ngg-slideshow, .ngg-slideshow img {
	height: 43.5rem!important;
}
.comment-content {
	width: 35rem;
}
}

.ri-iframe { 
    padding-bottom: 56.25%;
    position: relative;
}
.ri-iframe p { margin: 0; }
.ri-iframe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.single-view-video { margin: 10px 0 20px; }
@media all and (min-width:960px) {
	.frontpage_post h3.video-post { position: static; }
}