/*/ 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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}
.ghost { display:none!important; }
html,body { font-family:Arial,sans-serif; position:relative; width:100%; height:100%; background:#000; }
body { display:table; overflow:hidden; } img { max-width:100%; }
#header, #footer { display:table-row; width:100%; height:auto; background:#000; }
#complex { display:table-row; width:100%; height:1px; }
#loading { z-index:5555; background:#000 url('/style/graphics/kitt-loader.gif') center center no-repeat; position:fixed; top:0; left:0; right:0; bottom:0; }
#footer .contact { position:absolute; z-index:77; bottom:12px; left:0; color:#000; background:#333; text-decoration:none; font-size:10px; font-weight:bold; padding:3px 9px 5px 12px; }
#footer .contact:hover { color:#333; background:#CE1; }
#footer .contact > a { color:inherit; text-decoration:inherit; }
#iplog { display:none; }
#rooms { position:relative; border:0 solid #000; border-width:5px 0; background: url('/style/graphics/rooms/dark/room.jpg') #000 top center repeat-x; height:540px; overflow:hidden; }
.room { position:relative; height:100%; width:960px; margin:0 auto; }
.beam { position:absolute; top:0; bottom:0; width:70px; background:url('/style/graphics/rooms/dark/beam.png') center center; z-index:50; }
.beam.left { left:-10px; } .beam.right { right:-10px; }
#dark-room { }
#dark-room .couch { z-index:8; position:absolute; right:210px; top:310px; }
#dark-room .endtable { z-index:7; position:absolute; right:210px; bottom:23px; }
#dark-room .door { z-index:4; position:absolute; right:-7px; bottom:73px; }
#dark-room .graffiti { z-index:5; position:absolute; right:-94px; bottom:213px; }
#dark-room .devos { z-index:9; position:absolute; right:509px; bottom:112px; width:160px; }
#dark-room .zenith { z-index:8; position:absolute; right:327px; bottom:128px; width:110px; }
#painting { display:none; position:absolute; z-index:6; top:123px; right:640px; width:auto; height:auto;
filter:sepia(.33); -webkit-filter:sepia(.33); -moz-filter:sepia(.33); -ms-filter:sepia(.33); -o-filter:sepia(.33);
box-shadow:1px 1px 1px 0px #677, -2px 0px 12px 2px #000; }
#painting.showing { display:block; }
#painting > img { border-radius:1px; margin:0 0 -4px; }
#painting > figcaption { font-family:Georgia,serif; position:absolute; left:20px; top:20px; color:#D9D9C7; margin-left:100%; width:400px; }
#painting > figcaption a { color:white; font-weight:bold; text-decoration:none; }
#painting > figcaption a:hover { text-decoration:underline; }
#painting > figcaption > .display { font-weight:normal; font-size:36px; line-height:34px; color:#FFF; }
#painting > figcaption > .display > em { display:block; font-size:21px; line-height:21px; margin:3px 0 0; font-style:italic; }
#painting > figcaption > .dimensions { font-size:18px; position:absolute; top:0; margin-top:-20px; }
#painting > figcaption > .details { margin:3px 0; font-size:14px; line-height:18px; }
#painting > figcaption > .blurb { font-size:12px; line-height:16px; font-family:Arial,sans-serif; margin:6px 100px 0 0; }
#painting.framed.gold-plate { box-shadow:-1px -1px 1px 1px #000, 0 0 30px 5px #FFD, 0 0 0 2px #974, 0 0 0 4px #640, 0 0 0 6px #CA5, 0 0 0 7px #640, 0 0 0 11px #CA5, 0 0 0 13px #640, 0 0 0 17px #B94, 0 0 0 20px #972, -4px -4px 8px 20px #000; } #painting.framed.gold-plate > figcaption { left:40px; }
#painting.framed.white-satin { box-shadow:-1px -1px 1px 1px #000, 0 0 0px 2px #988, 0px 0px 12px 4px #FFF, 0px 0px 0px 8px #988, 0px 0px 0px 10px #FFF, 0px 0px 0px 11px #655, -2px -2px 24px 12px #000; } #painting.framed.white-satin > figcaption { left:31px; }
#painting.framed.blue-steel { box-shadow:-1px -1px 1px 1px #000, 0 0 0px 2px #344, 0px 0px 21px -3px #FFF, 0px 0px 18px 3px #566, 0px 0px 0px 3px #899, 0px 0px 0px 10px #344, 0px 0px 0px 11px #122, 0px 0px 0px 12px #344, -2px -2px 24px 12px #000; } #painting.framed.blue-steel > figcaption { left:32px; }
#painting.framed.white-ornate { box-shadow:-1px -1px 1px 1px #000,0 0 1px 2px #410, 0 0 15px 3px #FEB, 0 0 0 7px #A96, 0 0 0 8px #FFF, 0 0 0 9px #A96, 0 0 0 17px #FFF, 0 0 0 18px #A96, 0 0 3px 20px #FFF, 0 0 0 22px #887, -4px -4px 10px 21px #000; } #painting.framed.white-ornate > figcaption { left:42px; }
#painting.framed.gold-ornate { box-shadow:-1px -1px 1px 1px #000,0 0 2px 3px #572, 0 0 20px 0px #FFF, 0 0 0 6px #DF7, 0 0 0 7px #851, 0 0 12px 12px #FB0, 0 0 0 17px #C72, 0 0 0 18px #633, 0 0 0px 19px #DF7, 0 0 0 20px #321, -4px -4px 10px 21px #000; } #painting.framed.gold-ornate > figcaption { left:40px; }
#painting.framed.copper-wood { box-shadow:-1px -1px 1px 1px #000, 2px 3px 8px 2px #400, -2px -1px 19px 9px #600, 0 0 6px 8px #FB8, 0 0 0 8px #940, 0 0 0 9px #100, 0 0 0 12px #500, 0 0 0 13px #100, 0 0 9px 14px #F86, 0 0 0 17px #940, 0 0 0 18px #500, -4px -4px 9px 19px #000; } #painting.framed.copper-wood figcaption { left:38px; }
#painting.framed.brown-wood { box-shadow:-1px -1px 1px 1px #000, 2px 3px 1px 1px #963, -2px -1px 5px 2px #510, 0 0 8px 4px #731, 0 0 0 9px #842, 0 0 7px 10px #620, 0 0 0px 16px #842, -4px -4px 9px 19px #000; } #painting.framed.brown-wood figcaption { left:36px; }
#settings { font-family:Arial,sans-serif; z-index:99;
transition:right .5s; -webkit-transition:right .5s; -moz-transition:right .5s; -ms-transition:right .5s; -o-transition:right .5s;
position:absolute; top:0; right:-310px; width:260px; height:100%;
box-shadow:-2px 0 40px 10px #000; padding:0; } #settings.active { right:-10px; }
#settings > h1 { position:absolute; z-index:6; top:17px; left:30px; width:160px; }
#settings > .interface { position:relative; z-index:5; background:#17A; padding:7px 40px 7px 14px; }
#settings > #by-collection { padding-top:122px; }
#by-collection > .selects { border-bottom:1px solid #CCD;
position:relative; left:-2px; font-size:14px; margin:0 -15px -9px; width:270px; cursor:default;
background:#FFF; box-shadow:4px 8px 12px 0px #000; }
#by-collection > .selects:hover, #by-collection > .selects.active { background:#EEF; }
#by-collection > .selects.active { box-shadow:none; }
#by-collection > .selects .label { color:#17A; padding:5px 6px; }
#by-collection > .selects .label:before { display:block; width:10px; height:10px; float:left; margin:1px 5px 0 0; content:'\25B6'; font-size:11px; }
#by-collection > .selects.active .label:before { margin-top:4px; content:'\25BC'; font-size:9px; }
#by-collection > .selects .label > .current { color:#035; }
#by-collection > .selects .options { z-index:-1; color:#035;
display:none; position:absolute; top:24px; left:0; width:270px;
background:#FAFAFF; padding:8px 0 12px; margin:0; list-style:none; }
#by-collection > .selects.active .options { display:block; box-shadow:4px 4px 12px 0px #000; }
#by-collection > .selects .option { cursor:default; padding:3px 21px; }
#by-collection > .selects .option:hover { background:#BC1; color:#035; }
#by-collection > .selects .option.selected { display:none; }
#settings > #by-status { display:none; border-top:4px solid #FFF; box-shadow:9px 0px 12px 2px #000; }
#by-status > ul { height:100px; }
#by-status .checkbox { cursor:pointer; width:70px; margin:0 9px 5px 0; float:left; font-size:11px; font-family:Arial,sans-serif; color:#057; line-height:16px; white-space:nowrap; }
#by-status .checkbox.active { color:#024; font-weight:bold; }
#by-status .checkbox:hover { color:#024; } #by-status .checkbox.active:hover { color:#000; }
#by-status .checkbox:nth-child(3n+2) { width:60px; } #by-status .checkbox:nth-child(3n+3) { width:90px; }
#by-status .checkbox > span { display:inline-block; position:relative; display:inline-block; top:1px; width:10px; height:10px; margin:0 3px 0 0; background:url('/style/graphics/checkboxes.png') center left; }
#by-status .checkbox.active > span { background-position:center right; }
#settings > #by-painting { z-index:3; padding:0; border-left:0; width:250px; height:395px; }
.painting-thumb-panel { background:#333; padding:9px 0 18px 9px; height:368px; overflow:auto; }
.painting-thumb { display:none; width:45px; height:45px; margin:9px 4px -2px 5px; float:left; }
.painting-thumb.queued { display:block; }
.painting-thumb > .thumb { position:relative; cursor:pointer; border:1px dotted #667; box-shadow:1px 1px 3px 1px #000; }
.painting-thumb > .thumb > img { margin:0 0 -2px; max-width:100%; transition:filter.125s; -webkit-transition:-webkit-filter.125s; -moz-transition:-moz-filter.125s; -ms-transition:-ms-filter.125s; -o-transition:-o-filter.125s;
filter:filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter:grayscale(.9); -moz-filter:grayscale(.9); -ms-filter:grayscale(.9); -o-filter:grayscale(.9); }
.painting-thumb > .thumb.active, .painting-thumb > .thumb.current { z-index:5; border:2px solid #CE1; margin:-2px; padding:1px; background:#000; }
.painting-thumb > .thumb.current { cursor:default; border-color:#FFF; }
.painting-thumb > .thumb.active > img, .painting-thumb > .thumb.current > img { filter:none; -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; }
.painting-thumb > .thumb > .meta { display:none; }
/*/ lightbox evolution /*/ .jquery-lightbox-overlay { background:url('/style/graphics/lightbox_bg.png'); } .jquery-lightbox-button-close { display:none; } .jquery-lightbox-background > img { border-radius:2px; filter:sepia(.33); -webkit-filter:sepia(.33); -moz-filter:sepia(.33); -ms-filter:sepia(.33); -o-filter:sepia(.33); box-shadow:8px 8px 8px -4px #100, 0 0 64px 0px #400; }
/*/ jScrollPane /*/ .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; } .jScrollPaneTrack { position:absolute; cursor:default; right:0; top:0; background:#111; border-left:3px solid #111; border-right:3px solid #111; } .jScrollPaneDrag { position:absolute; background:#000; cursor:default; overflow:hidden; transition:background .25s; -webkit-transition:background .25s; -moz-transition:background .25s; -ms-transition:background .25s; -o-transition:background .25s; } .jScrollPaneContainer:hover .jScrollPaneDrag { background:#333; } .jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; } .jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; } a.jScrollArrowUp:hover { } a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; } a.jScrollArrowDown:hover { } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }
#switches { position:absolute; z-index:98; top:0; left:0; right:0; }
#painting-switch { position:absolute; background:transparent; }
#settings-switch { position:absolute; top:0; left:925px; width:325px; height:540px; background:transparent; }
#settings-switch.active { left:340px; width:500px; }
#terminal-switch { cursor:pointer; position:absolute; left:325px; top:315px; width:110px; height:90px; background:transparent; }
#terminal { opacity:0; position:absolute;
transition:opacity .75s; height:100%; width:100%;
-webkit-transition:opacity .75s;
-moz-transition:opacity .75s;
-ms-transition:opacity .75s;
-o-transition:opacity .75s; }
#terminal.active {
opacity:1; height:100%; width:100%; margin:-540px auto 0; z-index:222; }
#terminal > .backdrop {
position:absolute; z-index:1; background:#060 url('/style/graphics/terminal-full.png');
width:100%; height:100%; opacity:.5; }
#devos { position:relative; }
#devos .screen { overflow:hidden;
cursor:default; position:absolute; z-index:2; top:0; left:0; width:100%; margin:50px 0; padding:0 50px;
font-family:"LiberationMono", "Lucida Console", Monaco, monospace; font-weight:bold;
font-size:18px; line-height:24px; text-align:left; color:#0F3; text-shadow:1px 0px 5px #343; opacity:.85; }
#devos .conversation { position:relative; list-style:none; margin:0; padding:0; }
#devos .conversation > li { list-style:none; margin:0; padding:0; float:left; clear:left; }
#devos .conversation > li:not(.cursor) { width:auto; }
#devos .cmdline { float:left; clear:left; margin:-1px 0 0; }
#devos .cmdline:before, #devos .conversation > li.user:before { content:'>'; margin-right:3px; }
#devos .cursor { position:relative; top:1px; background:#3F6; width:12px; height:18px; margin:0 0 0 3px; text-shadow:none; }
#devos .cursor.output { clear:none; }
#devos .cursor.input { display:inline-block; }
#devos .cursor.off { background:transparent; box-shadow:none; }
.led.off { display:none; }
.led { position:absolute; display:block; margin:0; padding:0;
background:#F63; box-shadow:0 0 8px 2px #F00;
width:2px; height:2px; border-radius:2px; }
.led.hd1 { top:78px; left:10px; }
.led.hd2 { top:79px; left:27px; }
.led.power { top:24px; left:112px; }
.led.indicator { top:16px; left:54px; }
#zenith .feedback { cursor:default; text-transform:uppercase; text-align:center; font-style:italic;
font-family:"LiberationMono", "Lucida Console", Monaco, monospace; color:#398; font-size:11px; text-shadow:0 0 3px #398;
position:absolute; left:350px; top:51px; width:150px; height:12px; line-height:12px; overflow:hidden; }
#zenith .led.indicator { background:#BC1; box-shadow:0 0 12px 2px #BC1; width:4px; height:4px; left:344px; top:80px; }
#zenith .led.indicator[rel='0'] { display:none; }
#zenith .led.indicator[rel='1'] { left:344px; }
#zenith .led.indicator[rel='2'] { left:358px; }
#zenith .led.indicator[rel='3']{ left:372px; }
#zenith .led.indicator[rel='4'] { left:386px; }
#zenith .led.indicator[rel='5'] { left:400px; }
#zenith .led.indicator[rel='6'] { left:414px; }
#zenith .led.indicator[rel='7'] { left:428px; }
#zenith .led.indicator[rel='8'] { left:442px; }
#zenith .led.indicator[rel='9'] { left:456px; }
#zenith .led.indicator[rel='10'] { left:470px; }
#zenith .led.indicator[rel='11'] { left:484px; }
#zenith .led.indicator[rel='12'] { left:498px; }
#zenith .led.indicator[rel='13'] { left:512px; }
#hifi-switch { cursor:pointer; position:absolute; right:334px; top:359px; width:101px; height:46px; background:transparent; }
#hifi { opacity:0; position:absolute;
transition:opacity .75s; height:100%; width:100%;
-webkit-transition:opacity .75s;
-moz-transition:opacity .75s;
-ms-transition:opacity .75s;
-o-transition:opacity .75s; }
#hifi.active {
opacity:1; height:100%; width:100%; margin:-540px auto 0; z-index:222; }
#hifi > .backdrop { background:url('/style/graphics/rooms/dark/couch.png') -79% 23%; background-size:260%;
position:absolute; z-index:1; width:100%; height:100%; }
#hifi { position:relative; }
#hifi .zenith { position:absolute; z-index:2; top:50%; left:50%; width:700px; margin:-120px 0 0 -350px; -webkit-transform: rotate(-1deg); }
#hifi .zenith img { box-shadow:4px 6px 12px -3px #000; }
#hifi .controls { }
#hifi .controls .button { cursor:pointer; border:1px solid #DDD;
z-index:100; position:absolute; top:103px; left:187px; width:47px; height:45px;
padding:0; margin:0; list-style:none; -webkit-transform:rotate(-1deg); -webkit-transition:box-shadow .125s ease-out;
background:url('/style/graphics/rooms/hifi/button_bg.jpg'); box-shadow:-1px -1px 1px 2px #FFF, 0px 0px 0px 3px #BBB, 1px 2px 2px 4px #000; }
#hifi .controls .button:active, #hifi .controls .button.active { margin:1px 0 0 1px; box-shadow:1px 1px 1px 1px #EEE, 0px 0px 0px 3px #AAA; }
#hifi .controls .button.primary { border:1px solid #DF3; background:#BC1; box-shadow:-1px -1px 1px 2px #DF3, 0px 0px 0px 3px #790, 1px 2px 2px 4px #000; }
#hifi .controls .button.primary:active, #hifi .controls .button.primary.active { margin:1px 0 0 1px; box-shadow:1px 1px 1px 2px #DF3, 0px 0px 0px 3px #790; }
#hifi .controls .button.select { border:1px solid #221; background:#332; box-shadow:-1px -1px 1px 2px #554, 0px 0px 0px 3px #221, 1px 2px 2px 4px #000; }
#hifi .controls .button.select:active, #hifi .controls .button.select.active { margin:1px 0 0 1px; box-shadow:1px 1px 1px 2px #554, 0px 0px 0px 3px #221; }
#hifi .controls .button.repeat { top:54px; left:41px; width:41px; height:41px; -webkit-transform:rotate(0deg); }
#hifi .controls .button.continuous { top:53px; left:91px; width:40px; height:41px; -webkit-transform:rotate(0deg); }
#hifi .controls .button.autostop-one { top:54px; left:139px; width:40px; height:41px; -webkit-transform:rotate(-2deg); }
#hifi .controls .button.autostop-all { top:53px; left:187px; width:42px; height:41px; -webkit-transform:rotate(-1deg); }
#hifi .controls .button.restart { top:103px; left:41px; width:41px; height:41px; -webkit-transform:rotate(0deg); }
#hifi .controls .button.pause { top:103px; left:91px; width:40px; height:41px; -webkit-transform:rotate(0deg); }
#hifi .controls .button.forward { top:103px; left:138px; width:41px; height:42px; -webkit-transform:rotate(0deg); }
#hifi .controls .button.record { top:103px; left:187px; width:43px; height:41px; -webkit-transform:rotate(-1deg); }
#hifi .controls .button.select { top:33px; left:276px; width:49px; height:53px; -webkit-transform:rotate(0deg); }
#hifi .controls .tape { position:absolute; top:92px; left:277px; }