/*
Theme Name:Papercutart
Author:Eirik Backer
*/
html,body{height:100%;background:#000 url(g/load.gif) 50% 50% no-repeat;color:#cccac7;font:12px/20px "Helvetica","Arial",sans-serif;cursor:default}
blockquote{font:italic 20px/25px "Georgia","Times New Roman","Times",serif;margin-bottom:20px;color:#fff}p{margin-bottom:1em}
blockquote em,em blockquote,blockquote i,i blockquote{font-size:16px;line-height:20px;display:block}
a{color:#fff;text-decoration:underline}a:hover,a:focus{text-decoration:none;color:#fff}

#bg{width:1920px;}
#scroll{position:absolute;top:0;left:330px;width:570px;z-index:1000}
#ballerina{position:fixed;top:0;left:50%;height:100%;width:450px;background:url(g/bg-ballerina.png) 0 0 repeat-y;z-index:2}
* html #bg{position:absolute;top:expression(eval(document.documentElement.scrollTop))}
* html #ballerina{display:none} /*Ballerina-effect is no good in IE 6*/

.page{width:490px;padding:0 80px 200px 0;overflow:hidden}
.menu-item,.page_item{float:left;text-transform:lowercase;font:13px/21px "Lucida Grande","Lucida Sans Unicode","Arial",sans-serif}
.menu-item a,.page_item a{color:#b4aea7;display:block;text-decoration:none;height:22px;padding:0 10px;border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px}
.menu-item a:hover,.menu-item a:focus,.current-menu-item a,.page_item a:hover,.page_item a:focus,.current_page_item a,.current-page-ancestor a{background-color:#2b241b;color:#fff}
.menu-item-19 a{background:#b4aea7;color:#2b241b}.menu-item-19 a:after{content:'\25b8';padding:0 5px}
.alignnone{position:relative;margin:0 -80px 10px 0;background:#333 url(g/load.gif) 50% 50% no-repeat;box-shadow:0 5px 5px #403a34;-webkit-box-shadow:0 5px 5px #403a34;-moz-box-shadow:0 5px 5px #403a34}
.alignright{float:right;margin:0 20px 20px 0}
.alignleft{float:left;margin:0 20px 20px 0}


.files{padding-top:20px;border-bottom:1px dashed #79726d}
.files li{border-top:1px dashed #79726d;background:url(g/doc.gif) 0 50% no-repeat;line-height:22px}
.files a{display:block;text-decoration:none;background:url(g/go.gif) 100% 50% no-repeat;color:#cccac7;padding-left:27px}
.files a:hover,.files a:focus{color:#fff;padding-left:35px}

.map{width:570px;height:213px;color:#000}
.map,.vimeo{overflow:hidden;margin-right:-80px}
.map,.vimeo iframe{background:#333 url(g/load.gif) 50% 50% no-repeat;margin-bottom:20px;box-shadow:0 5px 5px #403a34;-webkit-box-shadow:0 5px 5px #403a34;-moz-box-shadow:0 5px 5px #403a34}
.vimeo span{position:absolute;bottom:0;left:0;background:#000;color:#fff;padding:0 3px;font-size:11px;display:inline;opacity:0.8;line-height:16px}
.vimeo a{float:left;width:100px;height:75px;overflow:hidden;position:relative;margin:0 1px 1px 0;text-decoration:none}

.events{margin:0 -80px 20px 0;background:url(g/events-bg.gif);border:2px solid #403a34;border-top:none;padding:28px;color:#3e3731;box-shadow:0 5px 5px #403a34;-webkit-box-shadow:0 5px 5px #403a34;-moz-box-shadow:0 5px 5px #403a34}
.events dt{color:#746f69;cursor:pointer;overflow:hidden;border-top:1px dashed #b4aea7;padding-top:10px;height:38px;font:11px/16px "Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;text-transform:lowercase}
.events dt h3{font:13px/14px "Georgia","Times New Roman","Times",serif;text-transform:none;color:#3e3731}
.events dt.past,.events dt.past h3,.events dt.past span{color:#a7a097}
.events dt span{color:#746f69;float:right;height:16px;padding:0 7px;text-transform:uppercase;display:block}
.events dt:hover span,.events dt.cur span{background:#746f69;color:#e8e8e7;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}
.events dt:hover,.events dt:hover h3,.events dt.cur,.events dt.cur h3,.events dd a{color:#3e3731}
.events dd div{padding:10px 20px 30px 10px;overflow:hidden}
.events dt.header{cursor:default;margin:0 -30px;border:0;text-indent:-9999px;background:url(g/events-header.gif) 0 10px no-repeat}
.events dt.scrollto{background-position:0 -69px}


#intro{position:absolute;top:35%;left:17%;z-index:100;width:480px;padding-left:20px}
#intro h1{height:140px;background:url(g/logo-grande.png) 0 0 no-repeat;margin-left:-20px;text-indent:-9999px}
#intro li:first-child a{background:#2b241b url(g/go.gif) 100% 50% no-repeat;padding-right:20px;color:#fff}
#intro li.menu-item-184{display:none}
#intro blockquote{font-size:13px;line-height:20px}
* html #intro li{width:10px;white-space:nowrap}

#parallax{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2}
#parallax div{position:absolute;top:0;left:0;width:110%;height:110%}
#parallax img{display:block;position:absolute;image-rendering:optimizeSpeed;ms-interpolation-mode: nearest-neighbor;-webkit-interpolation-mode:nearest-neighbor}
#parallax img.bg-bbl{z-index:5;width:45%;bottom:0;left:0}#parallax img.bg-bit{z-index:4;height:100%;bottom:0;left:52%}
#parallax img.bg-btr{z-index:3;width:58%;top:0;right:0}#parallax img.bg-big{z-index:2;width:640px;height:400px;top:70%;left:25%}

#nav{padding:80px 0 60px 0}
#subnav{position:fixed;top:0;left:100px;width:200px;z-index:4}#subnav li{float:none;font-size:12px;margin-left:10px}
#subnav h1 a{height:87px;display:block;text-indent:-9999px;background:url(g/logo.png) 0 0 no-repeat;margin:60px 0 260px 0}
#subnav li a:hover,#subnav li a:focus,#subnav li.current_page_item a{background:#2b241b url(g/go.gif) 100% 50% no-repeat}
* html #subnav{position:absolute;top:expression(eval(document.documentElement.scrollTop))}
* html #nav li{width:10px;white-space:nowrap}

#view,#view h1 a,#view div{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:4;overflow:hidden;-moz-user-select:-moz-none;-webkit-user-select:none}
#view h1 a{bottom:30px;left:30px;width:143px;height:52px;display:block;text-indent:-9999px;background:url(g/logo-petit.png) 0 0 no-repeat;z-index:999}
#view div.nav{padding:28px 0 28px 200px;height:auto;background:#2b241b;background:rgba(43,36,27,0.8);z-index:6}
#view div.flickr{width:auto;height:auto;left:auto;right:240px;bottom:25px}
#view ul{float:left;overflow:visible}#view ul.menu li{font-size:12px}
#view li{float:none;font:11px/16px "Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;overflow:visible;position:relative}
#view li a{padding-right:25px;height:16px}#view li a:hover,#view a.cur,#view li.current_page_item a,#view li.menu-item-120 a{background:#2b241b url(g/go.gif) 100% 50% no-repeat;color:#fff}
#view li div{left:100%;padding-left:5px;width:500px}#view li div a{float:left;padding:0 5px;width:auto;color:#b4aea7;text-decoration:none;margin-right:-3px}
#view li div a:hover,#view li div a.cur{background:#b4aea7;color:#000}
#view li.menu-item-184{display:none}
* html #view div.flickr{display:none}
* html #view ul{width:150px}

#view i{position:absolute;width:200%;height:200%;top:-50%;left:-50%;display:table;cursor:pointer}
#view i i{left:0;top:50%;width:100%;display:block;height:auto}#view i > i{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
#view i img{margin:0 auto;display:block;width:50%;-webkit-box-shadow:0px 0px 2px #fff}
#view i img.hide{position:absolute;top:-99999px;left:-99999px;visibility:hidden}
*+html #view i i{position:absolute;top:50%;height:auto}
*+html #view i img{position:relative;top:-50%}
* html #view i img{height:50%;position:relative;top:-50%}

#float{position:absolute;top:-99px;background:url(g/float.gif) -127px 0;z-index:99;width:103px;height:21px;margin:-17px -50px;cursor:pointer}
#float.prev{background-position:0 0;width:127px;margin-left:-65px}


::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background-color:#403a34}
::-webkit-scrollbar-thumb{background-color:#cccac7;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}