@font-face{font-family:Allura;src:url(../fonts/Allura-Regular.otf)}.white{color:#fff}.pinkBkg{background-color:#ee2b7b}.left{float:left;clear:right}.right{float:right;clear:left}.clear{clear:both}.clear0{clear:both;margin:0;padding:0}.clearL{clear:left;margin:0;padding:0}.txtl{text-align:left}.txtr{text-align:right}.txtc{text-align:center}.pl5{padding-left:5px}.pr5{padding-right:5px}.pl20{padding-left:20px}.pr20{padding-right:20px}.pl40{padding-left:40px}.pr40{padding-right:40px}.ml20{margin-left:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}html,body{margin:0;padding:0;min-height:100%;height:100%}body{font:14px Arial,sans-serif;color:#000}header.main{position:fixed;top:0;left:0;z-index:1000;font-family:"Allura";font-size:2em;width:100%;min-width:1100px;height:45px;background:#fff;overflow:hidden;display:inline-block;-webkit-box-shadow:0 8px 5px 0 rgba(50,50,50,0.2);-moz-box-shadow:0 8px 5px 0 rgba(50,50,50,0.2);box-shadow:0 8px 5px 0 rgba(50,50,50,0.2)}header.main img{height:35px;padding:5px}header.main span{display:inline-block;width:auto;height:40px;padding:5px 15px;vertical-align:middle}header.main span.pink{background-color:#ee2b7b;color:#fff;font:.8em "Roboto Condensed",sans-serif;font-weight:100}header.main nav{margin-left:15px;display:inline-block;font-family:"Roboto Condensed",sans-serif}header.main nav a{width:auto;height:30px;text-decoration:none;color:#000;padding:0 5px;font-size:.6em;font-weight:100}header.main nav a.current{color:#ee2b7b;font-family:"Roboto Condensed",sans-serif;font-size:.75em;font-weight:bold}footer.main{width:100%;height:auto;padding:5px;position:fixed;bottom:0;left:0;background-color:rgba(255,255,255,0.5);font-size:.75em}section#topic{position:relative;width:100%;overflow:hidden;height:500px;padding:50px 0 20px 0;background:#6dcff6 url(../imgs/temp.jpg) 0 0 no-repeat fixed;background-size:cover;-webkit-box-shadow:0 8px 5px 0 rgba(50,50,50,0.2);-moz-box-shadow:0 8px 5px 0 rgba(50,50,50,0.2);box-shadow:0 8px 5px 0 rgba(50,50,50,0.2)}section#topic header{width:auto;overflow:hidden;min-width:0;display:table;margin:0;position:relative;top:50px;font-family:"Roboto Condensed",sans-serif;font-size:1em;font-weight:bold;vertical-align:middle;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;-webkit-box-shadow:7px 7px 18px 0 rgba(50,50,50,0.2);-moz-box-shadow:7px 7px 18px 0 rgba(50,50,50,0.2);box-shadow:7px 7px 18px 0 rgba(50,50,50,0.2)}section#topic header nav{vertical-align:middle;background-color:#fff}section#topic header nav a{display:inline-block;text-decoration:none;color:#000;width:auto;padding:10px 20px;vertical-align:middle}section#topic header nav a.current{color:#fff;background-color:#ee2b7b}section#topic section{width:500px;margin:0;margin-left:-250px;position:absolute;top:150px;left:50%;display:block;background:rgba(255,255,255,0.8);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:all 500ms cubic-bezier(0,0,0.58,1);-moz-transition:all 500ms cubic-bezier(0,0,0.58,1);-o-transition:all 500ms cubic-bezier(0,0,0.58,1);transition:all 500ms cubic-bezier(0,0,0.58,1)}section#topic section p{padding:20px}section#topic .offscreenLeft{left:-5000px}section#topic .offscreenRight{left:5000px}section#project,section#research,section#background,section#prototype_process,section#paper{position:relative;width:100%;overflow:hidden;height:auto;padding:50px 0 20px 0;background:#fff url(../imgs/lightpaperfibers.png) repeat fixed;-webkit-box-shadow:0 8px 5px 0 rgba(50,50,50,0.2);-moz-box-shadow:0 8px 5px 0 rgba(50,50,50,0.2);box-shadow:0 8px 5px 0 rgba(50,50,50,0.2)}section#project h3,section#research h3,section#background h3,section#prototype_process h3,section#paper h3{width:300px;font:3em "Roboto Condensed",sans-serif;font-weight:bolder;background:#ee2b7b;color:#000;text-shadow:2px 2px #fff;padding:5px;padding-left:10px}section#project h4,section#research h4,section#background h4,section#prototype_process h4,section#paper h4{margin:1em}section#project h3.left,section#research h3.left,section#background h3.left,section#prototype_process h3.left,section#paper h3.left{text-align:right;padding-right:20px}section#project h3.right,section#research h3.right,section#background h3.right,section#prototype_process h3.right,section#paper h3.right{text-align:left;padding-left:20px}section#project .right header,section#research .right header,section#background .right header,section#prototype_process .right header,section#paper .right header,section#project header.right,section#research header.right,section#background header.right,section#prototype_process header.right,section#paper header.right{-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px}section#project .left header,section#research .left header,section#background .left header,section#prototype_process .left header,section#paper .left header,section#project header.left,section#research header.left,section#background header.left,section#prototype_process header.left,section#paper header.left{-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px}section#project aside,section#research aside,section#background aside,section#prototype_process aside,section#paper aside,section#project p.w45,section#research p.w45,section#background p.w45,section#prototype_process p.w45,section#paper p.w45{display:inline-block;width:45%}section#project p.w60,section#research p.w60,section#background p.w60,section#prototype_process p.w60,section#paper p.w60{display:inline-block;width:60%}section#project p,section#research p,section#background p,section#prototype_process p,section#paper p{margin-top:0;vertical-align:top}section#project aside,section#research aside,section#background aside,section#prototype_process aside,section#paper aside{margin:0 10px}section#project aside img,section#research aside img,section#background aside img,section#prototype_process aside img,section#paper aside img{-webkit-box-shadow:4px 4px 5px 0 rgba(50,50,50,0.2);-moz-box-shadow:4px 4px 5px 0 rgba(50,50,50,0.2);box-shadow:4px 4px 5px 0 rgba(50,50,50,0.2);border:1px solid rgba(0,0,0,0.25)}section#project header.subnav,section#research header.subnav,section#background header.subnav,section#prototype_process header.subnav,section#paper header.subnav{width:auto;overflow:hidden;min-width:0;display:table;margin:0;position:relative;top:0;font-family:"Roboto Condensed",sans-serif;font-size:1em;font-weight:bold;vertical-align:middle;-webkit-box-shadow:7px 7px 18px 0 rgba(50,50,50,0.2);-moz-box-shadow:7px 7px 18px 0 rgba(50,50,50,0.2);box-shadow:7px 7px 18px 0 rgba(50,50,50,0.2)}section#project header.subnav nav,section#research header.subnav nav,section#background header.subnav nav,section#prototype_process header.subnav nav,section#paper header.subnav nav{vertical-align:middle;background-color:#fff}section#project header.subnav nav a,section#research header.subnav nav a,section#background header.subnav nav a,section#prototype_process header.subnav nav a,section#paper header.subnav nav a{display:inline-block;text-decoration:none;color:#000;width:auto;padding:10px 20px;vertical-align:middle}section#project header.subnav nav a.current,section#research header.subnav nav a.current,section#background header.subnav nav a.current,section#prototype_process header.subnav nav a.current,section#paper header.subnav nav a.current{color:#fff;background-color:#ee2b7b}section#project .ca-content-text p,section#research .ca-content-text p,section#background .ca-content-text p,section#prototype_process .ca-content-text p,section#paper .ca-content-text p{width:90%}section#project section.bubbles,section#research section.bubbles,section#background section.bubbles,section#prototype_process section.bubbles,section#paper section.bubbles{width:100%;min-height:300px;position:relative}section#project section.bubbles section,section#research section.bubbles section,section#background section.bubbles section,section#prototype_process section.bubbles section,section#paper section.bubbles section{width:80%;margin:30px 10%;float:left;display:block;background:rgba(255,255,255,0.8);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:all 500ms cubic-bezier(0,0,0.58,1);-moz-transition:all 500ms cubic-bezier(0,0,0.58,1);-o-transition:all 500ms cubic-bezier(0,0,0.58,1);transition:all 500ms cubic-bezier(0,0,0.58,1)}section#project section.bubbles section p,section#research section.bubbles section p,section#background section.bubbles section p,section#prototype_process section.bubbles section p,section#paper section.bubbles section p{padding:20px}section#project section.bubbles section h4.outline,section#research section.bubbles section h4.outline,section#background section.bubbles section h4.outline,section#prototype_process section.bubbles section h4.outline,section#paper section.bubbles section h4.outline{font-size:1.5em}section#project section.bubbles section ol,section#research section.bubbles section ol,section#background section.bubbles section ol,section#prototype_process section.bubbles section ol,section#paper section.bubbles section ol{margin:15px 25px;padding:0 30px}section#project section.bubbles section li,section#research section.bubbles section li,section#background section.bubbles section li,section#prototype_process section.bubbles section li,section#paper section.bubbles section li{padding:2px 0;line-height:1.3em}section#project section.bubbles section li.first,section#research section.bubbles section li.first,section#background section.bubbles section li.first,section#prototype_process section.bubbles section li.first,section#paper section.bubbles section li.first{font-size:1.4em;color:#ee2b7b}section#project section.bubbles section article p,section#research section.bubbles section article p,section#background section.bubbles section article p,section#prototype_process section.bubbles section article p,section#paper section.bubbles section article p{padding:0}section#project section.bubbles p.bubble,section#research section.bubbles p.bubble,section#background section.bubbles p.bubble,section#prototype_process section.bubbles p.bubble,section#paper section.bubbles p.bubble{padding:20px;background:rgba(255,255,255,0.8);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}section#project section.bubbles article,section#research section.bubbles article,section#background section.bubbles article,section#prototype_process section.bubbles article,section#paper section.bubbles article{width:300px;float:left;margin:0 5px}section#project section.bubbles section#researchprocess,section#research section.bubbles section#researchprocess,section#background section.bubbles section#researchprocess,section#prototype_process section.bubbles section#researchprocess,section#paper section.bubbles section#researchprocess{width:95%;float:right;margin:0;padding:0;background:0;border:0}section#project section.bubbles section#researchprocess h4,section#research section.bubbles section#researchprocess h4,section#background section.bubbles section#researchprocess h4,section#prototype_process section.bubbles section#researchprocess h4,section#paper section.bubbles section#researchprocess h4{font-size:1.2em}section#project section.bubbles section#researchprocess p,section#research section.bubbles section#researchprocess p,section#background section.bubbles section#researchprocess p,section#prototype_process section.bubbles section#researchprocess p,section#paper section.bubbles section#researchprocess p{padding:0 20px}section#project section.bubbles section#researchprocess ol li,section#research section.bubbles section#researchprocess ol li,section#background section.bubbles section#researchprocess ol li,section#prototype_process section.bubbles section#researchprocess ol li,section#paper section.bubbles section#researchprocess ol li{padding:5px 0}section#project section.bubbles section#researchprocess article.bubble,section#research section.bubbles section#researchprocess article.bubble,section#background section.bubbles section#researchprocess article.bubble,section#prototype_process section.bubbles section#researchprocess article.bubble,section#paper section.bubbles section#researchprocess article.bubble{width:90%;text-align:left;margin:5px 15px;padding:20px;background:rgba(255,255,255,0.8);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}section#project section.bubbles .offscreenLeft,section#research section.bubbles .offscreenLeft,section#background section.bubbles .offscreenLeft,section#prototype_process section.bubbles .offscreenLeft,section#paper section.bubbles .offscreenLeft{margin-left:-5000px;display:none}section#project section.bubbles .offscreenRight,section#research section.bubbles .offscreenRight,section#background section.bubbles .offscreenRight,section#prototype_process section.bubbles .offscreenRight,section#paper section.bubbles .offscreenRight{margin-left:5000px;display:none}section#project section#pastwork,section#research section#pastwork,section#background section#pastwork,section#prototype_process section#pastwork,section#paper section#pastwork{width:100%;height:auto;min-height:300px;overflow:hidden;position:relative}section#project section#pastwork .ca-item h3,section#research section#pastwork .ca-item h3,section#background section#pastwork .ca-item h3,section#prototype_process section#pastwork .ca-item h3,section#paper section#pastwork .ca-item h3{font-size:2em}section#prototype_process,section#paper{background:#6dcff6 url(../imgs/temp.jpg) 0 0 no-repeat fixed;background-size:cover}