/*
Theme Name: Neil McInnes
Description: A theme for thee
Author: Daniel Lamb
Author URI: http://www.quicksheep.com/
Version: 1.7
*/

/*********************************************
Meyer Reset
*********************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
nav, section, aside { display: block; outline: none; }

/*********************************************
Defaults and Quickies
*********************************************/
#wpadminbar { z-index: 100000000 !important; }
body { position: relative; background: #fff; color: #555555; font-family: "Helvetica Neue", Arial, Helvetica, "Dejavu Sans", "URW Gothic L", sans-serif; font-weight: 400; font-size: 62.5%; }
p { line-height: 1.5; }
a:link, a:visited, a:active, a:hover { color: #777;  }
em, i { font-style: italic; }
strong, b {	font-weight: 700; }
.fl { float: left; }
.fr { float: right; margin-left: 40px !important; margin-top: -2px !important; }
.cl { clear: left;}
.cr { clear: right;}
.cb { clear: both; }
.block  { display: block; }
.inline { display: inline; }
.hidden { display: none; }
.notop { margin-top: 0 !important; padding-top: 0 !important; }
.nobottom { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.top10 { margin-top: 10px !important; }
.top20 { margin-top: 20px !important; }
.top30 { margin-top: 30px !important; }
.top40 { margin-top: 40px !important; }
.top50 { margin-top: 50px !important; }
.bottom10 { margin-top: 10px !important; }
.bottom20 { margin-top: 20px !important; }
.bottom30 { margin-top: 30px !important; }
.bottom40 { margin-top: 40px !important; }
.bottom50 { margin-top: 50px !important; }

.cf:after { visibility: hidden; display: block;	font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none;}
img { vertical-align: middle; max-width: 100%; height: auto; }
fieldset { border: 0; margin: 0; padding: 0; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #565656; padding: 0.2em 0; }

.mobileOnly { display: none; }
#mobileNavButton { display: none; }
.alignleft { float: left; margin-right: 15px; margin-bottom: 10px; max-width: 40%; }
.alignright { float: right; margin-left: 15px; margin-bottom: 10px;  max-width: 40%; }
.aligncenter { float: none; margin-right: auto; margin-left: auto;  }
.alignnone { float: none; }
img { max-width: 100%; height: auto; }
input {
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius:0;
}
input, submit {
  max-width: 100%;
}

/*********************************************
Transition Everything
*********************************************/

a, input {
-webkit-transition: all 0.09s ease-in;
-moz-transition: all 0.09s ease-in;
-ms-transition: all 0.09s ease-in;
-o-transition: all 0.09s ease-in;
transition: all 0.09s ease-in;
}
.error {
color: #999;
text-indent: 20px;
}
.post-edit-link {
  background: black;
  color: #fdfdfd !important;
  font-size: 140%;
  font-family: 'andale mono', 'courier new', courier, monospace;
  font-weight: bold;
  display: inline-block;
  border-radius: 6px;
  padding: 8px 13px;
  
  position: absolute;
  top: -40px;
  right: 0;
}
.post-edit-link:hover {
  background: #555;
}
/*********************************************
Easy Columnify
*********************************************/

/* two column structure */
.twoC .c1, .twoC .c2 { width: 45%;	}
.twoC .c1 { float: left; margin-right: 10%; }
.twoC .c2 { float: left; }

.twoCinset { width: 66%; margin: 0 auto; }

/* three column structure */
.threeC .c1, .threeC .c2, .threeC .c3 { width: 32%; }
.threeC .c1 { float: left; margin-right: 2%; }
.threeC .c2 { float: left; }
.threeC .c3 { float: right; }

/* four column structure */
.fourC .c1, .fourC .c2, .fourC .c3, .fourC .c4 { width: 21.25%; }
.fourC .c1 { float: left; margin-right: 5%; }
.fourC .c2 { float: left; margin-right: 5%; }
.fourC .c3 { float: left; }
.fourC .c4 { float: right; }

#main .c1 h1, #main .c2 h1, #main .c3 h1, #main .c4 h1, #main .c1 h2, #main .c2 h2, #main .c3 h2, #main .c4 h2, #main .c1 h3,#main .c2 h3, #main .c3 h3, #main .c4 h3 {	margin-top: 0; }

/*********************************************
Elastic Videos/Maps
*********************************************/

.videoContainerLimit { 	padding-left: 0%; padding-right: 0%; }
/* widescreen */
.videoContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px; }
/* 4x3 aspect ratio */
.fourByThree { 	padding-bottom: 75%; }
.videoContainer iframe, .videoContainer object, .videoContainer embed {	position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*********************************************
CMS Helper Links
*********************************************/

body #wrapper .post-edit-link {	box-shadow: 1px 1px 0px rgba(0,0,0,0.3); position: absolute; top: -33px !important; right: 30px !important; padding: 10px 30px 10px 30px !important; color: #fdfdfd !important; background: #292929 !important; border-radius: 1px 2px 5px 5px !important; font-family: "andale mono", "courier new", courier, monospace !important; font-size: 140%; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
body #wrapper .post-edit-link:hover { background-color: #f38f00 !important; }

/*********************************************
Core
*********************************************/

html {
	width: 100%;
	height: 100%;
	
}
body {
	-webkit-text-size-adjust: 100%;
	position: relative;
	height: 100%;
	
	background: #fdfdfd /* url('img/stripe.gif')*/  top left repeat fixed;
	
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 62.5%;
	text-align: center;
}
body#single {
  height: auto;
}

/*********************************************
Main Menu
*********************************************/
  .navMainWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12000;  }
  .navBar {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      height: 60px;
      background-color: rgba(0,0,0,1);
      height: 60px;
      line-height: 60px;
    z-index: 11000;
  }
  .navLogo, .navMenu {
      color: white;
      font-weight: 400;
      text-transform: uppercase;
      margin: 0;
      display: inline-block;
      font-size: 270%;
      line-height: 60px;
      z-index: 10000000;
  }
  .navLogo a {
      display: block;
      color: white !important;
      height: 60px;
      padding: 0 20px;
      line-height: 60px;
  }
  .navMenu a {
      display: block;
      color: white !important;
      height: 40px;
      width: 40px;
      padding: 10px;
  }
  .navMenu a img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .navLogo  {
    position: absolute;
    top: 0;
    left: 0;
  }   
  .navMenu  {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000;
  }
  #navMain {
    position: fixed;
    top: -501px;
    left: 0;
    width: 100%;
  }
  #navMain li a {
    display: block;
    height: 100px;
    line-height: 100px;
    background-color: rgba(0,0,0,1);
    border-top: 1px solid #333;
      color: #fff;
    font-size: 500%;
    font-weight: 300;
    text-transform: lowercase;
    letter-spacing: 3px;
    padding-left: 30px;
    font-family: 'lato';
  }


/*********************************************
Homelayer Splash Layer
*********************************************/
  #splash {
    
    text-align: left;
    position: relative;
    height: 100%;
    
    background-color: #555;
    background-attachment: fixed;
    background-position: center;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:100% 0;
    background-image:url('/wp-content/uploads/2014/01/Screen-Shot-2014-01-15-at-1.24.35-PM.png');
  }
#extras  {
  padding-bottom: 800px !important;
}
  
  .quote {
    position: absolute;
    top: 60px;
  }
  .quote p {
    padding: 30px 30px 40px;
    font-family: 'lato';
    font-weight: 300;
    font-size: 420%;
    line-height: 1.35;
    color: #fff;
  padding-right: 33%;
  text-transform: uppercase;
  max-width: none;
  margin-bottom: 0;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);

}
.readGroup {
  padding-left: 20px;
}
  .readMore {
       display: block;
       float: left;
   font-size: 180%;
    font-weight: 900;
    font-family: lato;
    letter-spacing: 3px;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 3px;
      height: 150px;
      width: 150px;
      line-height: 150px;
      margin: 0  30px 30px 0;
      color: white !important;
      border: 2px solid white;
      border-radius: 9999px;
  }
  .readMore span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
    }
.readMore2 {
}
   .readMore:hover {
      background-color: #47546a;
  } 
  .recentBlog {
    height: auto;
    width: 100%;
    background-color: rgba(0,0,0,1);
    padding: 25px 0 30px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .recentBlog p {
    max-width: none;
  }
  .recentBlog .blogHeader {
       font-size: 170%;
    font-weight: 900;
    font-family: lato;
      text-transform: uppercase;
    letter-spacing: 3px;
      color: #aaa;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .recentBlog .blogTitle {
    font-size: 300%;
    line-height: 1;
    font-weight: 300;
    font-family: lato;
      text-transform: uppercase;
      color: #565656;
      margin-bottom: 0;
}
    .recentBlog .blogTitle a {
    color: white;
  }
      .recentBlog .blogTitle a:hover {
    color: #9ea6b5;
  }

strong {
  text-transform: uppercase;
  color: black !important;
}

/*********************************************
Homelayer Basics
*********************************************/
.layer {
	width: auto;
	height: auto;
	min-height: 100%;
	text-align: left;
	outline: 1px;
	background: 50% 0 no-repeat fixed;
	background-size: 2560px 1440px;
	position: relative;
	margin: 0 0;
	  border-top: 2px solid black;
}
  .layer .inner {
	  padding: 200px 30px 100px;
  }
  .layer p {
    font-size: 210%;
    line-height: 1.5;
  }
#animation {
}
#intro {
  border-top: none;
}
#intro  {
  min-height: 100%;
}
#intro .content {
  position: relative;
}
#intro .content br {
	display: none;
}
#intro .bigNeil {
	margin-bottom: 20px;
	display: inline-block;
	background-color: black;
	padding: 20px;
	color: white;
	font-family: lato;
	font-weight: 300;
	font-size: 400%;
	line-height: 1.1;
	text-transform: uppercase;
}
  a:link, a:visited {
	  text-decoration: none;
  }
  a:active, a:hover {
	  text-decoration: none;
	  color: #677354;
  }
h1, h2, h3, h4, h5, h6, .menu li a {
	font-family: 'open sans', sans-serif;
}
p {
	font-size: 160%;
	margin-bottom: 20px;
	text-transform: none;
}
#main {
  margin: 0 20px;
}
#main .inner {
 margin: 90px auto;
 border-top: none;
}
#main .content {
  margin-top: 30px;
  padding-bottom: 30px;
}
#main * {
  line-height: 1.35;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p {
  color: #565656;
}
#main p {
  color: #909090;
} 
#main .metaBox p {
	font-size: 140%;
	margin-bottom: 20px;
	text-transform: none;
}

#main h1 {
  font-size: 260%;
  line-height: 1.1;
  margin-bottom: 15px;
}
.homeCat {
	font-size: 700%;
	font-weight: 400;
	margin-bottom: 25px;
	color: black;
}
.homeCat a {
	color: black;
}


.layer .category {
	font-size: 700%;
	font-weight: 400;
	margin-bottom: 40px;
	margin-left: -50px;
	text-transform: lowercase;
	vertical-align: middle;
	color: black;
}
.h1 a {
  color: #565656;
}

.homeSubCat, #menu-extras li a {

	display: inline-block;
	font-size: 230%;
	font-family: 'open sans';
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 9px;
	color: #888 !important;
}
  #menu-extras li a {
	  margin-top: 20px;
	  margin-bottom: 30px;
  }

/*********************************************
Bubbles
*********************************************/

.bubbleGroup {
	margin-top: 40px;
	margin-left: -5px;
	margin-bottom: 15px;
}






  .bubble {
	  float: left;
	  margin-right: 10px;
	  margin-top: 5px;
	  margin-bottom: 5px;
	  width: 100px;
	  height: 100px;
	  position: relative;
  }

  .bubble a {
      display: block;
	  width: 100px;
	  height: 100px;
	  margin: 0;
	  padding: 0;
  }
  
  .bubble.bubbleMore {
      height: 100px;
      width: 100px;
      line-height: 100px;
  }
  .bubble.bubbleMore a {
    text-align: center;
      color: white !important;
	  background-color: #999;
	box-shadow: 0px 0px 0px 2px #000;
	  border-radius: 9999px;
  }
  .bubble.bubbleMore span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
   font-size: 190%;
    font-weight: 900;
    font-family: lato;
    letter-spacing: 1px;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 3px;
    }  
.bubble a img {
	  border-radius: 9999px;
	box-shadow: 0px 0px 0px 2px black;
  }
}
.bubble a:link img,
.bubble a:visited img {
	position: absolute;
	top: 0;
	left: 0;
}
.bubble a:hover img,
.bubble a:active img,
.bubble.bubbleMore a:hover,
.bubble.bubbleMore a:active {
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 0px 2px #ccc;
}


  .navAdjacent {
    text-align: left;
    width: 120px;
  }
  .navBubblePrev,
  .navBubbleNext {
	  width: 50px;
	  height: 50px;
	  position: relative;
  }
  .navBubblePrev {
    float: right;
  }
  .navBubbleNext {
    float: left;
  }

  .navBubblePrev a,
  .navBubbleNext a {
      display: inline-block;
	  width: 50px;
	  height: 50px;
	  padding: 0;
	  background: center center;
	  background-size: cover;
	  background-image: url('img/arrow-bubble-left.jpg');
	  border-radius: 9999px;
  }
    .navBubblePrev a {
    float: left;
    	  background-image: url('img/arrow-bubble.jpg');

  }
    .navBubbleNext a {
    float: right;
  }








/*********************************************
Jump List
*********************************************/

.jumpList {
  padding-top: 20px;
  
}
.jumpList li {
}
.jumpList li a {
  display: inline-block;
  float: left;
  padding-left: 25px;
  height: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url('img/bullet.png') top left no-repeat;
  font-size: 200%; 
  transition: none;
}
.jumpList li a:hover {
  background-position: 0 -20px;
} 

.jumpListSide {
  position: fixed;
  display: block;
  z-index: 10000;
  top: 90px;
  right: 20px;
}
.jumpListSide li {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.jumpListSide li a {
  display: block;
  width: 20px;
  height: 20px;
margin: 0;
padding: 0;
  background: url('img/bullet.png') top left no-repeat;
  transition: none;
}
.jumpListSide li a:hover {
  background-position: 0 -20px;
}


/*********************************************
archive
*********************************************/
#archive .page .inner {
	border: none;
	padding-top: 0;
}


  .inner {
	  padding: 50px;
	  margin: 0 auto;
	  max-width: 1024px;
	  text-align: left;
  }


.archivey {
  top: 0;
  left: 0;
  position: absolute;
  margin-left: 0 !important;
}



  

  

/*********************************************
Thumbs
*********************************************/
.gallery br {
  display: none;
}
.thumb, .gallery-item   {
	width: 22% !important;
	height: 22%;
	min-height: 22%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: white;
	}
.productionStills .gallery-item   {
	width: 19% !important;
	height: 19%;
	min-height: 19%;
	margin-right: 1%;
	margin-bottom: 1%;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: white;
	}
.thumb img,
.gallery-item img {
float: left;
width: 100%;
height: auto !important;
border: 0 !important;
margin: 0;
padding: 0;
}

.thumb h2,
.gallery-caption {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	color: #fdfdfd;
	font-size: 100%;
	font-weight: 400;
	text-transform: none;
	opacity: 0;

}
.thumb h2 a,
.gallery-caption {
	display: block;
	width: 90%;
	height: 90%;
	color: #fdfdfd;
	padding: 5%;
	font-size: 160%;
	overflow: hidden;
	text-align: left;
}
.thumb h2:hover,
.gallery-item:hover .gallery-caption{
	opacity: 1;
	background-color: rgba(0,0,0,0.8);
}


#gallery-1.productionStills {
	margin-top: 30px;
}
#gallery-1 h2 {
	font-size: 240%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

#extras {
  min-height: 0;
}

/*********************************************
Footer and Copyright
*********************************************/

#copyright {
	font-size: 150%;
	text-align: left;
}

/*********************************************
The Awesomeness
*********************************************/

@media screen and (min-width: 1350px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
  #main .inner {
    max-width: 1300px;
  }
  #main .image,
  #main .videoContainerContainer {
    width: 1024px;
    float: left;
  }
  #main .content {
    width: 250px;
    float: right;
    margin-top: 0;
  }
  #single #main .content {
    width: auto;
    float: none;
    margin-top: 0;
  }
  .metaBox {
    margin-left: 1040px;
  }
  #main .content h1 {
    margin-left: 1040px;
  }
}


 @media screen and (max-width: 1200px) { /* - - - - - - - - - - - - - - - - - - - - - - */
  .quote p {
  padding: 20px 30px 30px;
    font-size: 350%;
    font-weight: 300;
  padding-right: 80px;
}
  .readMore {
   font-size: 170%;
    letter-spacing: 3px;
      letter-spacing: 3px;
      height: 125px;
      width: 125px;
      line-height: 125px;
  }
}

 @media screen and (max-device-width: 1024px) { /* - - - - - - - - - - - - - - - - - - - - - - */
	#splash {
		background-attachment: local;
	}
}

 @media screen and (max-width: 850px) { /* - - - - - - - - - - - - - - - - - - - - - - */
    .layer .inner {
	  padding-top: 15% !important;
	  padding-bottom: 15% !important;
  }
    .layer p {
    font-size: 190%;
  }
  .quote p {
    font-size: 250%;
}
  .readMore {
   font-size: 160%;
    letter-spacing: 2px;
      letter-spacing: 2px;
      height: 100px;
      width: 100px;
      line-height: 100px;
      margin: 0 20px 20px 0;
  }
  #navMain li a {
    height: 80px;
    line-height: 80px;
    font-size: 350%;
}
}
 @media screen and (max-width: 640px) {  /* - - - - - - - - - - - - - - - - - - - - - - */
.layer .inner {
	padding: 30px;
}
  .layer p {
    font-size: 180%;
  }
.recentBlog .blogTitle {
  font-size: 240%;
}
.thumb {
	width: 50%;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.thumb img {
	float: none;
	width: 90%;
	height: auto;
	position: relative;
	zoom: 1;
	margin: 5%;
}

.bigNeil {
	line-height: 50px;
}
.bigNeil span {
	margin-top: -7px;
}
.h1, .bigNeil {
	font-size: 500%;
	margin-bottom: 30px;
}
.homeCat  {
  font-size: 500%;
  margin-bottom: 30px;
}
.homeSubCat, #menu-extras li a {
	font-size: 180%;
}

.bubbleGroup {
	margin-top: 20px;
	margin-left: -5px;
	margin-bottom: 5px;
}
.bubble {
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}
.bubble.bubbleMore {
    height: 60px;
    width: 60px;
    line-height: 60px;
}
.bubble a {
    display: block;
    width: 60px;
    height: 60px;
}
.bubble.bubbleMore span {
    font-size: 140%;
}
  #navMain li a {
    height: 60px;
    line-height: 60px;
    font-size: 250%;
}
}
@media screen and (max-width: 480px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
.layer {
  margin: 0 20px;
}
.layer .inner {
	padding: 20px 10px;
}
.readGroup {
  display: none;
}
.thumb {
	width: 50%;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.thumb img {
	float: none;
	width: 90%;
	height: auto;
	position: relative;
	zoom: 1;
	margin: 5%;
}
.quote {
}
  .quote p {
    font-size: 200%;
    font-weight: 400;
  padding-right: 20px;
}
.bigNeil {
	line-height: 30px;
}
.bigNeil span {
	margin-top: -4px;
}
.h1, .bigNeil {
	font-size: 320%;
	margin-bottom: 30px;
}
.homeCat  {
  font-size: 350%;
}
.homeSubCat, #menu-extras li a {
	font-size: 160%;
	letter-spacing: 3px;
}
.bubble {
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 30px;
	height: 30px;
	border-width: 1px;
}
.bubble.bubbleMore {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: none;
}
.bubble a {
    display: block;
    width: 30px;
    height: 30px;
}
.bubble.bubbleMore span {
    
}
#main .inner {
	padding: 0;
}
.thumb {
	width: 50%;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.thumb img {
	float: none;
	width: 90%;
	height: auto;
	position: relative;
	zoom: 1;
	margin: 5%;
}
.jumpListSide {
  display: none;
}
}
 @media screen and (max-width: 320px) {   /* - - - - - - - - - - - - - - - - - - - - - - */
.layer {
  margin: 0 15px;
}

.layer .inner {
	padding: 15px;
}
}


\