@charset "UTF-8";
html,body,div,nav,section,aside,time,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,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
html{font-size:100.01%;height:100%;overflow-y:scroll}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}
:focus{outline:0}
a,ins{text-decoration:none}
del{text-decoration:line-through}
body{line-height:1.2;height:100%}
input,textarea,button{font-family:inherit}
input[type=submit],label,select,.pointer{cursor:pointer}

#container{width:70%;height:auto;min-width:460px;margin:0 auto;padding:2% 0 0 0;position:relative;max-width:900px}
#logo{float:left}
nav{float:right;width:auto;margin:23px 0 0 0;line-height:1}
nav ul{float:right;margin:7.2% 0 0 0}
nav li{float:left;padding:10px 10px 0 10px}
nav li:first-child{padding-left:0}
nav li:last-child{padding-right:0}
#block{clear:both;padding:20px 0 0 0}
#main{float:left;width: 100%}
footer{clear:both;width:100%;border-top:#000 solid 1px;display:block}
footer p{padding:10px 0}
.left{float:left;width:45%;padding:2% 0;display:block}
.right{float:right;width:45%;padding:2% 0;display:block}
h2#marginTop{margin:10% 0 0 0}
form#contact input,textarea{width:150px;border:1px solid rgba(0,0,0,0.5);margin:5px 10px 5px 0;padding:7px;font-size:small}
form#contact button{margin:-30px 11px 5px 5px;float:right}
textarea{display:block;height:97px;margin:5px 0 0 0}
input:focus,textarea:focus{background:rgba(150,150,150,0.1)}
#portfolio{float:left;width:100%;padding:2% 0}
h2#aboutHeading{padding:0 0 10px 0}
#quote {width:100%}
#quotePop {cursor:pointer;text-decoration:underline}
#quotePop:hover {background:#000;color:#fff}
#about {overflow:hidden;margin:0 0 -6px -1px;float:right;width:396px}
fieldset{width:165px}
fieldset input{float:right}
#quote input{width:40px;font-size:medium}
.description{margin:-45px 0 0 0;display:none;min-height:380px;float:left}
#puppetDesc {display:block}
#bio{padding-bottom:0}

body{font-size:110%;color:#000;font-family:'Josefin Sans Std Light',helvetica,arial,sans-serif;background:url(imgs/1337.gif) repeat;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}
a{color:#000;text-decoration:underline}
#logo a{font-size:600%;color:red;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,0.15),  0 1px 0 rgba(255,255,255,0.8) }
#logo a:hover{color:#fff}
nav{font-size:200%}
nav a{color:#000;text-decoration:none;display:block}
a:hover,a:active{background:#000;color:#fff}
#block{text-align:center;font-size:700%;color:#223;text-shadow:0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8);line-height:1}
#main{background:rgba(170,170,170,0.1);border-top:#000 solid 1px}
#main ol{list-style:inside}
::selection{background:#000;color:#fff}
::-moz-selection{background:#000;color:#fff}
#heading *{display:block;cursor:pointer;vertical-align:middle}
#heading li.active{color:red}
#heading ul, #heading li{float:left;font-size:2em}
#heading{float:left;width:100%;margin:-13px 0 0 0}
#buttons{margin:0 0 6px 400px}
#wrapper{display:block;width:480px;height:400px;text-align:center;float:left;margin:-30px 0 0 0}
#panes{float:left;width:465px;height:360px;overflow:hidden}

@media handheld and (max-device-width:1024px),screen and (max-device-width:1024px),screen and (max-width:1024px){ fieldset input{float:left}body{max-width:1000px}.description{width:450px;float:left}#heading{margin:0 0 0 40px}.left, .right{width:100%}form#contact button{float:left}#heading{width:100%}#buttons, #heading, #wrapper{margin:0}#buttons{margin:0 0 0 160px}.description{margin:10px 0 0 0}
}
@media handheld and (max-device-width:800px),screen and (max-device-width:800px),screen and (max-width:800px){ fieldset input{float:left}body{max-width:674px}.description{width:450px;float:left}#heading{margin:0 0 0 40px}.left, .right{width:100%}form#contact button{float:left}#heading{width:100%}#buttons, #heading, #wrapper{margin:0}#buttons{margin:0 0 0 160px}.description{margin:10px 0 0 0}
}