@charset "utf-8";
/*
Theme Name: Nigel Holmes 2013
Theme URI: http://nigelholmes.com/
Author: Arturan
Author URI: http://arturan.com/
Description: Built upon HTML5Boilerplate ( http://html5boilerplate.com ) and Whiteboard ( http://whiteboardframework.com ).
Version: 1.0
*/

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.67em;margin:2.33em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
p,pre{margin:1em 0;}
code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:'';content:none;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl,menu,ol,ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu,ol,ul{padding:0 0 0 40px;}
nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;white-space:normal; *margin-left:-7px;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline; *vertical-align:middle;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer; *overflow:visible;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0; *height:13px; *width:13px;}
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-cancel-button,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;}
table{border-collapse:collapse;border-spacing:0;}

/*! html5boilerplate */
html,button,input,select,textarea{color:#222;}
body{font-size:1em;line-height:1.4;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
a:focus,a:hover,a:active { outline: 0; }

/* @license
 * MyFonts Webfont Build ID 2458531, 2013-01-24T10:15:30-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gill Alt One Book by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/gill-alt-one-mt-book-26543/
 * Copyright: Digitized data copyright The Monotype Corporation 1991-2001. All rights reserved. Gill Sans&#x00AE; is a trademark of The Monotype Corporation which may be registered in certain jurisdictions.
 * 
 * Webfont: Gill Alt One Book Italic by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/gill-alt-one-mt-book-italic-26543/
 * Copyright: Digitized data copyright The Monotype Corporation 1991-2001. All rights reserved. Gill Sans&#x00AE; is a trademark of The Monotype Corporation which may be registered in certain jurisdictions.
 * 
 * Webfont: Gill Alt One MT Bold by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/gill-alt-one-mt-bold-26543/
 * Copyright: Digitized data copyright The Monotype Corporation 1991-1995. All rights reserved. Gill Sans&#x00AE; is a trademark of The Monotype Corporation which may be registered in certain jurisdictions.
 * 
 * Webfont: Gill Alt One MT Bold Italic by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/gill-alt-one-mt-bold-italic-26543/
 * Copyright: Digitized data copyright The Monotype Corporation 1991-1995. All rights reserved. Gill Sans&#x00AE; is a trademark of The Monotype Corporation which may be registered in certain jurisdictions.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2458531
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work
@import url("//hello.myfonts.net/count/2583a3"); */

  
@font-face {font-family: 'GillSansAltOne-Book';src: url('//nigelholmes.com/webfonts/2583A3_0_0.eot');src: url('//nigelholmes.com/webfonts/2583A3_0_0.eot?#iefix') format('embedded-opentype'),url('//nigelholmes.com/webfonts/2583A3_0_0.woff') format('woff'),url('//nigelholmes.com/webfonts/2583A3_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillSansAltOne-BookItalic';src: url('//nigelholmes.com/webfonts/2583A3_1_0.eot');src: url('//nigelholmes.com/webfonts/2583A3_1_0.eot?#iefix') format('embedded-opentype'),url('//nigelholmes.com/webfonts/2583A3_1_0.woff') format('woff'),url('//nigelholmes.com/webfonts/2583A3_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillAltOneMT-Bold';src: url('//nigelholmes.com/webfonts/2583A3_2_0.eot');src: url('//nigelholmes.com/webfonts/2583A3_2_0.eot?#iefix') format('embedded-opentype'),url('//nigelholmes.com/webfonts/2583A3_2_0.woff') format('woff'),url('//nigelholmes.com/webfonts/2583A3_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillAltOneMT-BoldItalic';src: url('//nigelholmes.com/webfonts/2583A3_3_0.eot');src: url('//nigelholmes.com/webfonts/2583A3_3_0.eot?#iefix') format('embedded-opentype'),url('//nigelholmes.com/webfonts/2583A3_3_0.woff') format('woff'),url('//nigelholmes.com/webfonts/2583A3_3_0.ttf') format('truetype');}
 

/*! nigelholmes */
html {height:100%;overflow-y:scroll;-webkit-animation:safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
	0% {zoom:1;} 
	100% {zoom:1;}
}
body,.macos body, .appleios body{text-rendering:optimizeLegibility;}

body{height:100%;font-family:'GillSansAltOne-Book';background:#003399;color:#fff;min-width:550px}
b,strong,h1,h2,h3,h4,h5,h6{/*font-family:'GillAltOneMT-Bold';*/font-weight:normal;font-style:normal;}

#ow{min-height:100%;position:relative;}
.lt-ie7 #outerwrap{height:100%;}
#iw{padding-bottom:3em;}
.lt-ie7 #iw{padding-bottom:5em;}

#header{position:fixed;top:0;left:0;width:100%;z-index:1000;}
#chromeframe{background:#ccc;color:#000;padding:0.3em 0;text-align:center;position:fixed;width:100%;bottom:0;left:0;z-index:9999}
.widget-alert{background:#ffcc33;text-align:center;padding:0.3em 0;}
.widget-alert h4{margin:0;}
#topbar{background:#0066ff;padding:0 10%;}
#title{margin:0 10%;position:relative;}
#logo{width:100%;font-size:1px;line-height:1px;background: url(images/nigelholmes.gif) no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}
.inlinesvg #logo{background-image:url(images/nigelholmes.svg);}
#logo img{width:100%}




#sub-nav{position:absolute;top:40%;left:-10%;width:25%}
#page-icon{width:40%;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}
.graphics #page-icon{background-image:url(images/graphics.png);}
.inlinesvg .graphics #page-icon{background-image:url(images/graphics.svg);}
.books #page-icon{background-image:url(images/books.png);}
.inlinesvg .books #page-icon{background-image:url(images/books.svg);}
.articles #page-icon{background-image:url(images/articles.png);}
.inlinesvg .articles #page-icon{background-image:url(images/articles.svg);}
.motion #page-icon{background-image:url(images/motion.png);}
.inlinesvg .motion #page-icon{background-image:url(images/motion.svg);}
.bloog #page-icon{background-image:url(images/bloog.png);}
.inlinesvg .bloog #page-icon{background-image:url(images/bloog.svg);}
.about #page-icon{background-image:url(images/about.png);}
.inlinesvg .about #page-icon{background-image:url(images/about.svg);}
#page-icon img{width:100%}
#sub-nav ul{margin:0 0 0 20%;padding:1em 0 0;border-left:2px solid #FFCC33;list-style:none}

#shadow{background: url(images/shadow.png) repeat-x;height:16px}
#sub-nav li{padding:0.06em 0 0.6em 20%;margin-left:-9%;font-size:1.4em;
background-image:url(images/circle.png);
background-repeat:no-repeat;
background-position:0 0;
-webkit-background-size: 16%;
-moz-background-size: 16%;
-o-background-size: 16%;
background-size: 16%;
}
.inlinesvg #sub-nav li{background-image:url(images/circle.svg);}
#sub-nav li:hover{background-image:url(images/circle_a.png)}
.inlinesvg #sub-nav li:hover{background-image:url(images/circle_a.svg)}

#sub-nav li a{display:block;color:#0066ff;text-decoration:none;letter-spacing:0.05em;line-height:1em}
#sub-nav li.current-menu-item,#sub-nav li.current-cat{background-image:url(images/circle_a.png)}
.inlinesvg #sub-nav li.current-menu-item,.inlinesvg #sub-nav li.current-cat{background-image:url(images/circle_a.svg);}
#sub-nav li.current-menu-item a,#sub-nav li.current-cat a{color:#FFCC33;text-decoration:none}

#sub-nav li:hover a{color:#FFCC33;}

.motion #sub-nav li{font-size:0.8em;}


#content{position:relative;padding-top:10%;margin:0 10%}

#page-content{margin-left:25%;font-size:1.3em}
#page-content p{margin:0 0 2em;}

#list-content{margin-left:25%;padding-top:0.1em}
#post-content{margin-left:25%;}
#post-content img{max-width:100%;}
.tearsheet{width:70%;float:left;padding-top:0.1em}
.description{width:25%;float:right}
.description p{margin:0 0 2em;}

#page-content a,#list-content a,#post-content a{color:#33ccff;text-decoration:none;}
#page-content a:hover,#list-content a:hover,#post-content a:hover{color:#ffcc33;}

.newer-older a{color:#33ccff;text-decoration:none;display:block;padding:1em 1em 1em 0;}
.newer-older a:hover{color:#ffcc33;}
.older,.newer{float:left;}
.newer a,.enlarge a{padding:1em 0}
.enlarge{float:right}

.result-thumbnail{width:170px;float:left}

.post-single h2,.result h2{margin:0;line-height:1em}
.post-excerpt p{margin-top:0}
.post-single{padding-bottom:2em;}

.list-item{padding-bottom:2em}

#home{position:relative;width:55%;margin:1em auto}
#nigel{text-align:center;width:40%;margin:0 auto;padding:5em 0 4em}
#nigel img{max-width:100%}
.home-button{position:absolute;width:30%;}
.home-button a{display:block;color:#fff;text-decoration:none}
.button-img{display:block;width:50%;margin:0 auto}
.button-txt{display:block;font-size:0.9em;text-align:center}
.button-txt span{font-size:0.9em}
.home-button img{max-width:100%}
#button-graphics{top:0;left:0}
#button-books{top:50%;left:0;margin-top:-7%}
#button-articles{bottom:0;left:0}
#button-motion{top:0;right:0}
#button-bloog{top:50%;right:0;margin-top:-7%}
#button-about{bottom:0;right:0}

#publications{float:left;width:50%}
#companies{float:right;width:45%}

#post-contact{width:50%;margin:0 auto;font-size:1.5em;color:#ffcc33;}
#post-contact a{color:#ffcc33;text-decoration:none}
#post-contact #email,#post-contact #phone{padding-bottom:1.2em}
#post-contact .icon{display:block;float:left;width:20%;}
#post-contact .icon img{max-width:100%}
#post-contact .txt{display:block;margin-left:27%;width:72%}
#post-contact #email .txt{padding-top:1.9em;}
#post-contact #address .txt{padding-top:0.2em;}

h1{margin-top:0}

.video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:2em;
}
.video-wrap iframe,  
.video-wrap object,  
.video-wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* firefox hacks */
@-moz-document url-prefix() {
	#sub-nav li {padding:0.15em 0 0.6em 20%;}
.inlinesvg #sub-nav li{background-image:url(images/circle_ff.svg);}
.inlinesvg #sub-nav li:hover{background-image:url(images/circle_a_ff.svg);}
.inlinesvg #sub-nav li.current-menu-item,.inlinesvg #sub-nav li.current-cat{background-image:url(images/circle_a_ff.svg);}
}

#footer{bottom:0;height:2em;position:absolute;width:100%;}
.menu-footer-container{margin:0 10%}
#footer ul{list-style:none;margin:0 0 0 25%;padding:0;display:inline-block;overflow:auto;}
#footer li{float:left;margin-right:1em}
.lt-ie7 #footer{height:4em;}
#footer a{color:#33ccff;text-decoration:none;}
#footer a:hover{color:#FFCC33;}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/*! helpers */
.ir{background-color:transparent;border:0;overflow:hidden; *text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
.hidden{display:none !important;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:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

@media only screen and (min-width:35em){
/* Style adjustments for viewports that meet the condition */
}
@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){
/* Style adjustments for high resolution devices */
}
@media print{
	*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
    a,a:visited{text-decoration:underline;}
    a[href]:after{content:" (" attr(href) ")";}
    abbr[title]:after{content:" (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
    thead{display:table-header-group;}
    tr,img{page-break-inside:avoid;}
    img{max-width:100% !important;}
    @page{margin:0.5cm;}
    p,h2,h3{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
}