@charset "UTF-8";* {margin:0px;padding:0px;}.left {float:left;}.right {float:right;}.clear {clear:both;}.smooth {-webkit-transition:0.3s;-moz-transition:0.3s;}.rounded {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.text-shadow-light {-webkit-text-shadow:0px 0px 3px #999;-moz-text-shadow:0px 0px 3px #999;text-shadow:0px 0px 3px #999;}.text-shadow-subtle {-webkit-text-shadow:0px 0px 5px rgb(119,134,141);-moz-text-shadow:0px 0px 5px rgb(119,134,141);text-shadow:0px 0px 5px rgb(119,134,141);}.text-shadow-emboss {-webkit-text-shadow:0px -1px 0px #333;-moz-text-shadow:0px -1px 0px #333;text-shadow:0px -1px 0px #333;}.box-shadow-dark {-webkit-box-shadow:#333 0px 0px 5px;-moz-box-shadow:#333 0px 0px 5px;box-shadow:#333 0px 0px 5px;}.box-shadow {-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}.tooltip {display:none;font-size:10px;text-align:center;padding:5px;color:rgb(143,133,133);background:rgb(255,255,255);background:rgba(255,255,255,0.8);border:1px solid #666;max-width:250px;-webkit-box-shadow:#333 0px 0px 5px;-moz-box-shadow:#333 0px 0px 5px;box-shadow:#333 0px 0px 5px;}.line_num {margin:0px 25px 0px -30px;color:rgb(200,200,200);}pre.code {font:11px 'Courier New',Monaco,monospace;color:#09c;margin:10px;padding:5px;clear:both;}.footnote {font-size:10px;color:#666;font-style:italic;margin:20px 0px 0px;}.btn {background:rgb(212,215,215) url(../_images/btn.png) center center repeat-x;border:none;outline:none;height:30px;color:#999;padding:5px 15px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative;top:-1px;left:1px;margin:0px 10px;cursor:pointer;}.btn:hover,.btn:focus {color:#333;-webkit-box-shadow:#666 0px 0px 5px;-moz-box-shadow:#666 0px 0px 5px;box-shadow:#666 0px 0px 5px;}html,body {height:100%;}body {background:rgb(248,249,249);font:13px 'Istok Web','Lucida Grande',sans-serif;overflow-x:hidden;}a {border:none;}a:link,a:visited {color:rgb(90,98,106);text-decoration:none;-webkit-transition:0.3s;-moz-transition:0.3s;}a:hover,a:active {color:rgb(143,199,60);text-decoration:none;}::-webkit-scrollbar {width:10px;height:10px;}::-webkit-scrollbar-track {background:rgb(230,224,227);}::-webkit-scrollbar-thumb {background:rgb(143,133,133);}::-webkit-scrollbar-thumb:window-inactive {background:rgba(143,133,133,0.5);}#ieWarning {background:#300;padding:10px;color:#fff;}#ieWarning h2 {text-align:left;font-size:1.8em;background:url(../_images/ie6-warning.png) 0px 8px no-repeat;padding:0px 10px 10px 35px;height:20px;}#ieWarning a:link,#ieWarning a:visited {color:#ccc;text-decoration:underline;}#ieWarning a:hover,#ieWarning a:active {color:#fff;text-decoration:underline;}#primary {height:200px;}#primary nav {background:rgb(87,75,75);display:block;padding:20px 0px;border-bottom:10px solid rgb(153,204,0);}#primary nav li {list-style-type:none;margin:5px;float:left;position:relative;}.not-ios #nav_home {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') 0px -60px no-repeat;}.not-ios #nav_home:hover {background:url('../_images/nav_sprite.png') 0px 0px no-repeat;}.not-ios #nav_portfolio {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -100px -60px no-repeat;}.not-ios #nav_portfolio:hover {background:url('../_images/nav_sprite.png') -100px 0px no-repeat;}.not-ios #nav_colourbox {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -200px -60px no-repeat;}.not-ios #nav_colourbox:hover {background:url('../_images/nav_sprite.png') -200px 0px no-repeat;}.not-ios #nav_technique {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -300px -60px no-repeat;}.not-ios #nav_technique:hover {background:url('../_images/nav_sprite.png') -300px 0px no-repeat;}.not-ios #nav_articles {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -400px -60px no-repeat;}.not-ios #nav_articles:hover {background:url('../_images/nav_sprite.png') -400px 0px no-repeat;}.not-ios #nav_contact {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -500px -60px no-repeat;}.not-ios #nav_contact:hover {background:url('../_images/nav_sprite.png') -500px 0px no-repeat;}.ios #nav_home {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') 0px 0px no-repeat;}.ios #nav_portfolio {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -100px 0px no-repeat;}.ios #nav_colourbox {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -200px 0px no-repeat;}.ios #nav_technique {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -300px 0px no-repeat;}.ios #nav_articles {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -400px 0px no-repeat;}.ios #nav_contact {text-indent:-9999px;display:block;width:60px;height:60px;background:url('../_images/nav_sprite.png') -500px 0px no-repeat;}#primary nav label {font:11px 'Istok Web','Lucida Grande',sans-serif;display:none;border-left:1px dotted #ccc;color:#ccc;padding:5px;position:absolute;left:30px;top:60px;padding:5px 0px 0px 2px;}#primary nav label.ios_top {display:block;border-left:1px dotted #ccc;color:#ccc;padding:5px;position:absolute;left:30px;top:-15px;padding:0px 0px 5px 2px;}#primary nav label.ios_bot {display:block;border-left:1px dotted #ccc;color:#ccc;padding:5px;position:absolute;left:30px;top:60px;padding:5px 0px 0px 2px;}#page_title {width:440px;height:100px;font:24px 'Cardo',serif;color:rgb(182,199,210);line-height:28px;position:absolute;top:130px;left:10px;line-height:25px;}#page_title .buffer_inp {display:block;background:rgb(183,175,178);background:rgba(183,175,178,0.5);margin:2px;padding:5px 2px;}#page_title .buffer_inp label {font:10px 'Istok Web','Lucida Grande',sans-serif;display:block;position:relative;top:0px;font-weight:bold;color:rgb(102,102,102);float:right;cursor:pointer;margin:0;}#page_title .buffer_inp_a {background:rgb(153,204,0);background:rgba(153,204,0,0.5);}#head_tag {width:540px;height:130px;padding:10px;float:right;position:relative;top:-80px;background:rgba(0,0,0,0.2);-webkit-box-shadow:#000 0px 0px 10px;-moz-box-shadow:#000 0px 0px 10px;box-shadow:#000 0px 0px 10px;}.no-rgba #head_tag {width:565px;height:130px;float:right;position:relative;top:-100px;background:rgb(235,235,235);}.ios #head_tag {width:465px;height:130px;padding:10px;float:right;position:relative;top:-80px;background:rgba(0,0,0,0.2);-webkit-box-shadow:#000 0px 0px 10px;-moz-box-shadow:#000 0px 0px 10px;box-shadow:#000 0px 0px 10px;overflow:hidden;}#head_tag p {width:540px;position:absolute;top:25px;text-align:right;color:#666;z-index:500;}.ios #head_tag p {width:450px;position:absolute;top:20px;text-align:right;color:#666;z-index:500;}#head_tag h1 {width:540px;position:absolute;top:70px;text-align:right;font:55px 'Cardo',serif;color:#333;z-index:501;}.no-rgba #head_tag h1 {width:580px;position:absolute;top:60px;text-align:right;font:64px serif;color:#333;z-index:501;}.ios #head_tag h1 {width:450px;position:absolute;top:60px;text-align:right;font:50px 'Cardo',serif;color:#333;z-index:501;}#metre {background:rgb(228,229,229);height:126px;width:550px;overflow:hidden;border:2px solid #fff;z-index:100;}.no-rgba #metre {position:absolute;top:0px;background:url('../_images/metre_ie.jpg') 0px 0px no-repeat;height:126px;width:650px;overflow:hidden;border:2px solid #fff;z-index:100;}#wrapper {min-height:100%;height:auto !important;height:100%;margin:0px auto -100px;}.ie7_body #wrapper {position:relative;top:-11px;}#push {height:100px;}#content,#portfolio {width:1000px;margin:0px auto;background:rgb(248,249,249);}.ios #content,.ios #portfolio {width:900px;margin:0px auto;background:rgb(248,249,249);}#home_text {padding:10px 0px 0px;position:relative;top:-65px;}article {position:relative;top:-35px;}article a {font-weight:bold;}article h1 {font:24px 'Cardo',serif;color:rgb(101,86,84);line-height:28px;margin:15px 0px;}article h2 {font:18px 'Cardo',serif;font-weight:bold;color:rgb(112,129,140);line-height:22px;margin:15px 0px;}article p {color:#666;margin:10px 0px;}article li {padding:5px 0px 5px 10px;list-style:circle inside;color:rgb(112,129,140);text-indent:35px;}article blockquote {margin:20px;color:rgb(112,129,140);font:20px 'Cardo',serif;line-height:24px;}article img {border:4px solid #fff;}article img.home {border:none;position:relative;top:-10px;}#q_select {width:120px;font-weight:bold;color:rgb(184,199,210);position:relative;left:135px;top:-45px;}#q_select label.q_sel_l {float:left;margin:5px;}#q_select label.q_sel_r {float:left;margin:5px;}#groove {width:50px;height:20px;background:rgb(183,175,178);padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;float:left;}#notch {width:20px;height:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:rgb(229,231,230);position:relative;cursor:pointer;}#video_wrapper,#video_description {width:480;margin:0px auto 20px;clear:both;position:relative;top:-35px;}#video_description h1 {font:21px 'Cardo',serif;color:rgb(107,108,85);text-align:right;margin-bottom:15px;}#video_description h2 {font-size:11px;font-weight:bold;color:rgb(155,138,126);text-align:right;}.video-js-nav {width:640px;margin:auto;position:relative;top:-55px;}.video-js-nav li {list-style-type:none;margin:5px;float:left;}.video-js-nav img {border:4px solid #fff;cursor:pointer;}.not-ios #contact_form,.not-ios #pass,.not-ios #fail,.not-ios #wait {width:800px;padding:0px;position:relative;top:-35px;left:200px;}.ios #contact_form,.ios #pass,.ios #fail,.ios #wait {width:770px;padding:0px;position:relative;top:-35px;left:130px;}#contact_form h1,#pass h1,#fail h1,#wait h1 {font:24px 'Cardo',serif;color:rgb(82,99,110);margin:10px 0px;position:relative;top:-20px;}#contact_form .contact_input {background:none;margin:5px;padding:5px;}#contact_form .contact_input:hover {background:rgb(219,221,216);background:rgba(219,221,216,0.2);}#contact_form .inp,#contact_form textarea {background:rgb(250,250,250);border:1px solid #999;padding:3px;font-size:11px;color:rgb(129,131,130);}#contact_form input:focus,#contact_form textarea:focus {background:rgb(234,235,239);outline:none;border:1px solid rgb(100,106,114);padding:3px;color:#666;}.buffer_inp {display:block;background:rgb(183,175,178);background:rgba(183,175,178,0.5);margin:5px;padding:8px 5px;}.buffer_inp label {font:11px 'Istok Web','Lucida Grande',sans-serif;display:block;position:relative;top:0px;font-weight:bold;color:rgb(102,102,102);float:right;cursor:pointer;margin:0;}.buffer_inp_a {background:rgb(153,204,0);background:rgba(153,204,0,0.5);}label {display:block;position:relative;top:-1px;font:14px 'Cardo',serif;color:rgb(87,75,75);margin:0px 0px 4px;}#contact_form .fb {text-align:right;color:#f00;font:11px 'Istok Web','Lucida Grande',sans-serif;font-style:italic;font-weight:normal;}#pass p,#fail p,#wait p {color:#666;margin:0px 10px;}#portfolio h3 {background:rgb(87,75,75);width:250px;height:20px;padding:5px;color:rgb(143,199,60);text-transform:uppercase;clear:both;font:15px 'Cardo',Palatino,serif;}.webkit #portfolio h3 {padding:7px 5px 0;}#portfolio .wrap {margin:10px auto 0px;width:900px;}#portfolio .wrap label {width:125px;text-align:right;color:rgb(143,133,133);float:left;padding:5px 0px;line-height:18px;}#portfolio .wrap p {margin:0px;width:770px;color:#666;float:right;padding:5px 0px;position:relative;line-height:18px;}#portfolio .wrap ul {width:770px;float:right;list-style-type:none;margin-bottom:5px;position:relative;top:5px;}#portfolio .wrap ul li {padding:5px 0px 5px 10px;list-style:none;text-indent:0px;display:block;padding:5px;float:left;}#portfolio .wrap img {width:100px;height:100px;cursor:pointer;}#portfolio .text_wrap {margin:0 auto;width:900px;}#portfolio .text_wrap p {color:#666;margin:10px 0px;}#apps article,#sites article,#depreciated article,#proposed article {margin:20px 0px;padding:10px 0px;border-bottom:1px dotted #ccc;}#about article {margin:20px 0px;padding:10px 0px;}#modal {width:900px;background:none;display:none;z-index:10001;}#modal .close {background:url(../_images/close.png)left top no-repeat;position:absolute;right:-20px;top:-20px;cursor:pointer;height:35px;width:35px;}#modal_wrap {text-align:center;verticle-align:middle;width:900px;background:#fff url('../_images/wait.gif') center center no-repeat;overflow-y:auto;border:1px solid #000;box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;-moz-box-shadow:0px 0px 10px #666;overflow-x:hidden;}.not-ios #slider {display:block;height:20px;position:fixed;left:-5px;top:150px;z-index:9000;font-size:10px;}.ios #slider {display:block;height:20px;position:fixed;left:-5px;top:210px;z-index:9000;font-size:10px;}#slider ul {float:left;background:rgba(87,75,75,0.9);background:-webkit-gradient(linear,left bottom,left top,color-stop(0.35,rgba(87,75,75,0.9)),color-stop(0.75,rgba(117,105,105,0.9)));background:-moz-linear-gradient(center bottom,rgba(87,75,75,0.9) 35%,rgba(117,105,105,0.9) 75%);border-radius:2px;box-shadow:1px 1px 5px #666;-webkit-box-shadow:1px 1px 5px #666;-moz-box-shadow:1px 1px 5px #666;}#slider li {list-style-type:none;margin:0px 10px;float:left;padding-top:7px;}#slider li a:link,#slider li a:visited {color:#ccc;text-decoration:none;}#slider li a:hover,#slider li a:active {color:#fff;text-decoration:none;}#slider li.handle {width:60px;height:20px;cursor:pointer;color:rgb(143,199,60);font-weight:bold;text-align:right;}footer {height:90px;background:rgb(87,75,75);border-top:10px solid rgb(153,204,0);font-size:10px;color:rgb(180,174,174);}footer ul {list-style-type:none;margin:5px 0px;}footer ul li {display:inline;padding:0px 5px;border-right:1px dotted rgb(143,133,133);}footer img {border:none;}footer a:link,footer a:visited {color:#fff;text-decoration:none;}footer a:hover,footer a:active {color:rgb(143,199,60);text-decoration:none;}#example {font-size:10px;background:rgb(60,60,60);color:#ccc;border:none;width:550px;border-collapse:collapse;-webkit-box-shadow:#666 0px 0px 6px;-moz-box-shadow:#666 0px 0px 6px;}#example thead th {color:#000;background:rgb(235,235,235);background: -webkit-gradient(linear,left top,left bottom,from(rgb(180,180,180)),to(rgb(235,235,235)));background:-moz-linear-gradient(top,rgb(180,180,180),rgb(235,235,235));order:1px solid #999;padding:4px;text-align:left;}#example tbody td {border:1px solid #999;border-collapse:collapse;padding:4px;font-weight:bold;}.lite {background:rgb(40,40,40);}.eighty {width:80px;}.onehundred {width:100px;}.blu {color:#3cf;}