footer,header,nav,section {display:block;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-size:1em;}
::-moz-selection {background:#9A2F05;color:#fff;text-shadow:none;}
::selection {background:#9A2F05;color:#fff;text-shadow:none;}
a {color:#E6571E;}
a:visited {color:#059A28;}
a:hover {color:#13EC46;}
a:focus {color:#13EC46;outline:thin dotted #E6571E;}
a:hover,a:active {outline:0;}
strong {font-weight:bold;}
dfn {font-style:italic;}
hr {display:none;}
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
label {cursor:pointer;}
legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
input,select,textarea {font-size:100%;margin:0;vertical-align:baseline;border-radius:0;*vertical-align:middle;}
button,input {line-height:normal;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;*overflow:visible;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;resize:vertical;}
.chromeframe {margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ul,li,fieldset,form,label,legend {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul {list-style:none;}
:focus {outline:0;}
@font-face {font-family:'AllerRegular';src:url('/lib/fonts/aller_rg-webfont.eot');src:url('/lib/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/aller_rg-webfont.woff') format('woff'),url('/lib/fonts/aller_rg-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'InconsolataMedium';src:url('/lib/fonts/Inconsolata-webfont.eot');src:url('/lib/fonts/Inconsolata-webfont.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/Inconsolata-webfont.woff') format('woff'),url('/lib/fonts/Inconsolata-webfont.ttf') format('truetype'),url('/lib/fonts/Inconsolata-webfont.svg#InconsolataMedium') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'OrbitronLight';src:url('/lib/fonts/orbitron-light-webfont.eot');src:url('/lib/fonts/orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/orbitron-light-webfont.woff') format('woff'),url('/lib/fonts/orbitron-light-webfont.ttf') format('truetype'),url('/lib/fonts/orbitron-light-webfont.svg#OrbitronLight') format('svg');font-weight:normal;font-style:normal;}
body {font-family:'AllerRegular',Helvetica,Arial;line-height:1;color:rgb(179,179,179);background-color:black;background-image:url(/pattern-grid.png);}
#compliance {position:fixed;left:0;right:0;bottom:0;height:0;background-image:url(/img/panel_artworkinfo.png);z-index:1000;display:none;}
#obscure {position:relative;margin:0 auto 0 auto;}
.standard-pane {position:relative;width:960px;margin:0 auto 32px auto;padding:0 32px 8px 32px;background-color:black;}
#compliance .warning-pane {position:relative;max-width:960px;margin:0 auto 32px auto;padding:32px;background-color:black;}
#compliance .text-window {border:2px #E6571E solid;}
#consent-wrapper {height:100%;}
#consent-button {position:absolute;right:0;bottom:0;}
#banner-main {height:120px;}
.banner-sub {height:72px;}
#portfolio {position:absolute;left:32px;top:0;width:104px;height:120px;background-image:url(/img/banner_homeicon.png);background-repeat:no-repeat;}
.link-banner {position:relative;left:112px;top:0;width:848px;height:100px;padding-bottom:12px;background-color:#E6571E;background-image:url(/img/banner_main.png);background-repeat:repeat-x;}
#my-name {position:absolute;top:78px;left:0;width:218px;height:23px;font-size:22.5pt;color:black;background-color:transparent;text-transform:lowercase;text-align:center;line-height:17.25pt;}
.intralinks {position:absolute;left:216px;bottom:-15px;width:344px;height:58px;float:left;}
.extralinks {position:absolute;left:677px;top:61px;width:174px;height:58px;}
.link-main {position:absolute;height:58px;text-align:center;padding-left:7px;padding-right:3px;background-repeat:no-repeat;background-image:url(/img/rollovers.png);}
.link-main span:first-child {display:block;margin-top:14px;font-size:14pt;text-decoration:none;text-transform:uppercase;}
.backtotop,.link-main,.link-main:active,.link-main:hover,.link-main:visited,.link-main:focus {color:white;background-color:transparent;text-decoration:none;}
.link-fixed,.backtotop {background-position:0 0;}
.link-portfolio {left:0;width:128px;}
.link-about {left:128px;width:94px;background-position:-276px -58px;}
.link-fixed.link-about,.link-about:hover,.link-about:focus,.link-about:active {background-position:-276px 0;}
.link-contact {left:222px;width:102px;background-position:-484px -58px;}
.link-fixed.link-contact,.link-contact:hover,.link-contact:focus,.link-contact:active {background-position:-484px 0;}
.link-shop {left:0;width:84px;background-position:-728px -58px;}
.link-shop:hover,.link-shop:focus,.link-shop:active {background-position:-728px 0;}
.link-blog {left:84px;width:80px;background-position:-912px -58px;}
.link-fixed.link-blog,.link-blog:hover,.link-blog:focus,.link-blog:active {background-position:-912px 0;}
.link-rev {top:-8px;}
.link-portfolio.link-rev {background-position:-138px -58px;}
.link-portfolio.link-rev:hover,.link-portfolio.link-rev:focus,.link-portfolio.link-rev:active {background-position:-138px 0;}
.link-about.link-rev {background-position:-380px -58px;}
.link-about.link-rev:hover,.link-about.link-rev:focus,.link-about.link-rev:active {background-position:-380px 0;}
.link-contact.link-rev {background-position:-606px -58px;}
.link-contact.link-rev:hover,.link-contact.link-rev:focus,.link-contact.link-rev:active {background-position:-606px 0;}
.extralinks .link-shop span:first-child,.extralinks .link-blog span:first-child,.link-rev span:first-child {margin-top:22px;}
#info-shop,#info-blog,#whymaths-answer {position:relative;display:block;width:232px;height:32px;top:-104px;left:-92px;padding:12px;margin-bottom:8px;font-size:9pt;line-height:12pt;color:#B3B3B3;background-color:#1A1A1A;visibility:hidden;}
.down-tail {position:absolute;display:block;bottom:-8px;left:126px;width:16px;height:8px;background-image:url(/img/panel_infoarrow.png);}
#info-blog .down-tail {left:208px;}
#info-blog {left:-176px;}
.link-blog:active #info-blog,.link-blog:hover #info-blog,.link-blog:focus #info-blog,.link-shop:active #info-shop,.link-shop:hover #info-shop,.link-shop:focus #info-shop {visibility:visible;}
.link-banner.internal-links {height:52px;background-image:url(/img/banner_sub.png);}
.backtotop {position:absolute;left:32px;top:-8px;width:104px;height:72px;padding-left:3px;background-image:url(/img/button_top.png);background-repeat:no-repeat;}
.backtotop span {line-height:60pt;}
.aside {min-height:39px;padding-bottom:16px;margin:0 auto 32px auto;color:white;background-color:black;}
.text-window {padding:14px 20px 14px 20px;margin-left:144px;font-size:10.5pt;color:#B3B3B3;background-color:#1A1A1A;}
.overline {position:relative;width:992px;margin-left:-32px;border-top:2px #E6571E solid;}
.portfolio-banner {padding-bottom:0;color:white;background-color:black;}
.banner-image {position:relative;height:126px;margin-left:32px;background-repeat:no-repeat;background-position:0 0;}
.section-title {position:absolute;left:0;top:0;width:255px;height:48px;padding-left:16px;color:white;background-color:black;font-size:22.5pt;line-height:37pt;vertical-align:middle;text-transform:uppercase;font-weight:lighter;}
.banner-notes {position:absolute;right:0;bottom:0;width:828px;height:28px;background-image:url(/img/panel_artworkinfo.png);background-repeat:repeat-x;}
.artwork-name {position:absolute;left:20px;top:0;width:828px;height:28px;font-family:'OrbitronLight','Verdana';font-size:10.5pt;font-weight:lighter;line-height:21pt;letter-spacing:1px;}
.hint {position:absolute;right:0;top:0;width:182px;height:28px;padding-right:20px;font-size:9.75pt;line-height:21pt;text-align:right;color:#B3B3B3;background-color:black;background-image:url(/img/icon_bannerdownarrow.png);background-position:left center;background-repeat:no-repeat;visibility:hidden;}
.banner-image.closed:hover .banner-notes,.banner-image.closed:focus .banner-notes,.banner-touch .banner-notes {background-color:black;}
.banner-image.closed:hover .hint,.banner-image.closed:focus .hint,.banner-touch .hint {visibility:visible;}
.banner-image.ready.closed:hover {cursor:pointer;}
.banner-image.ready.closed:focus {outline:thin dotted #E6571E;}
.secure .banner-image {background-image:url(/img/sections_chevroned.png);}
.default .banner-image {background-image:url(/img/sections_default.png);}
.banner-image.s-world {background-position:0 -126px;}
.banner-image.s-interface {background-position:0 -252px;}
.banner-image.s-comics {background-position:0 -126px;}
.viewer-pane {position:relative;padding-bottom:32px;display:none;zoom:1;}
.viewer-controls,.image-caption,.image-container {position:relative;height:32px;margin-top:8px;color:#B3B3B3;background-color:#1A1A1A;}
.control {position:absolute;top:0;width:64px;height:32px;background-color:#333333;overflow:hidden;}
.control .bg-effects {position:absolute;width:100%;height:200%;left:0;top:-100%;background-repeat:no-repeat;background-position:center 0;background-image:url(/img/icon_controls.png);}
.control.toggle .bg-effects {height:400%;top:-300%;}
.toggle.pressed .bg-effects {top:-100%;}
.captions {left:704px;}
.captions .bg-effects {background-position:center -256px;}
.jump.left {left:768px;}
.jump.left .bg-effects {background-position:center -576px;}
.pause-play {left:832px;}
.pause-play .bg-effects {background-position:center -384px;}
.jump.right {left:896px;}
.jump.right .bg-effects {background-position:center -512px;}
.close {color:#B3B3B3;background-color:#1A1A1A;}
.close .bg-effects {background-position:center -192px;}
.viewer-controls .close {left:0;}
.facebook {left:380px;}
.tweet {left:444px;}
.tweet .bg-effects {background-position:center -64px;}
.link {left:508px;}
.link .bg-effects {background-position:center -128px;}
.share.disabled {opacity:0.25;}
.control.active:hover,.control.active.touched {cursor:pointer;background-color:#E6571E !important;}
.control.active:hover .bg-effects,.control.active.touched .bg-effects {top:0;}
.toggle:hover .bg-effects,.toggle:focus .bg-effects,.toggle:active .bg-effects {top:-200% !important;}
.toggle.pressed:hover .bg-effects,.toggle.pressed:focus .bg-effects,.toggle.pressed:active .bg-effects {top:0 !important;}
.image-caption {height:64px;}
.image-caption p {margin-left:116px;margin-right:116px;padding-top:16px;font-size:10.5pt;line-height:13.5pt;text-align:center;}
.image-container {width:960px;height:600px;overflow:hidden;}
.image-container img {min-width:64px;min-height:64px;}
.spinner {background-image:url(/img/spinner.gif);background-repeat:no-repeat;background-position:center center;}
.countdown {position:absolute;top:32px;width:960px;height:1px;opacity:0.5;background-color:#E6571E;display:none;}
.image-slider {position:relative;min-width:960px;height:600px;}
.image-slider span,.image-slider dd {display:none;}
.image-slider dt {position:absolute;top:0;width:960px;height:600px;}
.image-slider dt img {display:block;min-width:128px;min-height:128px;margin:0 auto;}
#touch-controls {display:none;}
.share-pane {position:absolute;width:416px;left:240px;top:40px;z-index:1000;display:none;}
.share-banner {position:relative;width:416px;height:32px;background-color:#333;border-right:32px #000 solid;border-left:32px #000 solid;}
.share-content {position:relative;width:384px;color:#B3B3B3;background-color:#1A1A1A;padding:16px 16px 64px 16px;border-right:32px #000 solid;border-bottom:32px #000 solid;border-left:32px #000 solid;}
.share-content p {font-size:10.5pt;line-height:13.6pt;margin-bottom:12px;}
.share-content textarea,.share-content .share-this {width:366px;font-size:10.5pt;padding:8px;}
.share-this span {display:block;}
.share-button {position:absolute;height:40px;bottom:16px;right:16px;line-height:30pt;padding-left:14px;padding-right:14px;background-color:#333;text-transform:uppercase;text-decoration:none;}
.share-button:link,.share-button:active,.share-button:visited {color:#B3B3B3;}
.share-button:hover,.share-button:focus {color:#FFF;background-color:#E6571E;}
.share-close {background-color:#333;}
.roomier {padding-top:32px;padding-bottom:32px;}
.readable p,.readable h4,.readable h5,.readable ul {line-height:13.6pt;margin-bottom:20px;}
.text-window.readable {margin-left:112px;padding:26px 32px 26px 32px;}
.overline .text-window.readable {margin-left:144px;}
.column-headings {position:relative;height:34px;margin-bottom:24px;border-bottom:2px #E6571E solid;}
#guest-login .column-headings {border-bottom:none;margin-bottom:8px;}
#login-form {margin-top:-24px;}
#login-wrapper {display:none;}
#guest-login.text-window.readable {padding-bottom:0;}
.right-align {text-align:right;}
.readable h3 {font-size:18pt;font-weight:lighter;color:white;background-color:#1A1A1A;margin-bottom:24px;}
.column-block {position:relative;}
.column-left {width:50%;float:left;}
.column-left p {padding-right:24px;}
.column-right {position:absolute;max-width:370px;left:392px;right:0;padding-left:22px;}
.single.column-right {position:relative;}
.bright {color:white;background-color:#1A1A1A;}
.readable ul {list-style:disc inside;}
.readable li {margin-left:32px;}
.sub-section {border-bottom:2px #E6571E dotted;margin-bottom:24px;}
.attribution {font-size:9pt;}
.attribution,.compact-line {margin-bottom:0 !important;}
.stretch {height:100%;}
.force-down {position:absolute;bottom:0;}
#my-photo {position:absolute;left:32px;top:32px;width:104px;}
#photo {border-bottom:2px #E6571E solid;margin-bottom:7px;}
.photo-credit {font-size:7.5pt;text-align:center;}
#contact-form-wrapper {min-height:256px;}
label {display:block;margin-bottom:9px;}
input,textarea,.share-this {width:332px;margin-bottom:13px;padding:12px 18px 12px 18px;border:1px #4D4D4D solid;font-family:'InconsolataMedium','Andale Mono','Lucida Console',fixed-width;font-size:13.5pt;color:#999999 !important;background-color:black !important;background-image:none !important;}
textarea {resize:none;overflow:auto;}
::-webkit-input-placeholder {color:#4D4D4D !important;}
input:-moz-placeholder {color:#4D4D4D !important;}
input.error,textarea.error {color:black !important;background-color:#E6571E !important;}
span.error {display:none !important;}
#maths {position:relative;}
#maths label {float:left;}
#whymaths {position:absolute;right:0;font-size:9pt;text-decoration:underline;}
#whymaths-answer {position:absolute;width:232px;height:32px;top:-80px;left:-294px;}
#whymaths-answer .down-tail {left:42px;}
#whymaths:hover,#whymaths:focus,#whymaths:active {cursor:pointer;text-decoration:none;}
#whymaths:hover #whymaths-answer,#whymaths:focus #whymaths-answer,#whymaths:active #whymaths-answer {visibility:visible;}
button {height:40px;margin-top:19px;margin-bottom:6px;padding-left:24px;padding-right:24px;font-size:10.5pt;line-height:28pt !important;border:none;color:#B3B3B3;background-color:#333333;text-transform:uppercase;}
#twitter,#linkedin,#facebook,#warning,#caution {position:absolute;top:32px;width:104px;height:104px;background-image:url(/img/icon_contact.png);background-repeat:no-repeat;background-color:#333333;background-position:center -124px;}
#facebook {top:144px;background-position:center 28px;}
#linkedin {top:32px;background-position:center -52px;}
#warning,#caution {background-position:center -204px;}
#warning {top:2px;display:none;}
#caution {top:32px;}
.light-up:hover,.light-up:focus,.light-up:active {color:white !important;background-color:#E6571E !important;}
footer {position:relative;color:#B3B3B3;background-color:black;font-size:10.5pt;}
#footer-content {position:relative;margin:0 auto;width:960px;padding-top:16px;padding-bottom:32px;color:#B3B3B3;background-color:black;}
#block-left {position:relative;width:290px;margin-right:20px;}
#block-centre {position:absolute;top:16px;width:290px;margin-left:335px;margin-right:20px;}
#block-right {position:absolute;left:670px;top:16px;width:290px;}
#footer-content h5 {padding-bottom:7px;margin-bottom:22px;text-transform:uppercase;border-bottom:1px #4D4D4D solid;}
#sidelines {position:absolute;top:42px;left:310px;bottom:0;width:335px;border-right:2px #E6571E dotted;border-left:2px #E6571E dotted;}
.footnotes {color:#808080;background-color:inherit;}
.footnotes.withtitles p {float:left;}
.footnotes.withtitles ul {margin-left:94px;}
.footnotes ul li {margin-bottom:20px;}
#copyright {font-size:9pt;color:#666;background-color:inherit;text-align:center;}
@media only screen and (max-device-width:320px),only screen and (max-device-width:480px),only screen and (min-device-width:768px) and (max-device-width :1024px) and (orientation:portrait),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {#portfolio,.backtotop {left:0;}
.standard-pane {padding-left:0;padding-right:0;}
#my-photo {left:0;}
#touch-controls {position:absolute;top:220px;left:352px;width:256px;height:112px;padding-top:48px;background-image:url(/img/panel-tutorial.png);visibility:hidden;}
#tutorial-close {right:0 !important;}
#touch-controls p {font-size:10.5pt;text-align:center;margin-bottom:18px;color:#CCCCCC;}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {.image-container {width:960px;height:432px;}
}
@media only screen and (min-device-width:1536px) and (-webkit-min-device-pixel-ratio:2) {body {background-image:url(/pattern-grid_2x.png);background-size:128px;}
#portfolio {background-image:url(/img/banner_homeicon_2x.png);background-size:100%;}
.link-main {background-image:url(/img/rollovers_2x.png);background-size:1002px;}
.backtotop {background-image:url(/img/button_top_2x.png);background-size:104px;}
.default .banner-image {background-image:url(/img/sections_default_2x.png);background-size:100%;}
.control .bg-effects {background-image:url(/img/icon_controls_2x.png);background-size:auto 640px;}
.secure .banner-image {background-image:url(/img/sections_chevroned_2x.png);background-size:1008px;}
#twitter,#linkedin,#facebook,#warning {background-image:url(/img/icon_contact_2x.png);background-size:auto 284px;}
}
.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;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
