@charset "utf-8";/* CSS Document *//*resets YUI Reset CSS 2.8.0r4*/div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}a{text-decoration:none;outline:none}@font-face{font-family:'FranchiseRegular';src:url('../fonts/Franchise-Bold/Franchise-Bold.eot');src:local('☺'),url('../fonts/Franchise-Bold/Franchise-Bold.woff') format('woff'),url('../fonts/Franchise-Bold/Franchise-Bold.ttf') format('truetype'),url('../fonts/Franchise-Bold/Franchise-Bold.svg#Franchise-Bold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TeXGyreHerosBold';src:url('../fonts/TeX-Gyre-Heros/texgyreheros-bold-webfont.eot');src:local('☺'),url('../fonts/TeX-Gyre-Heros/texgyreheros-bold-webfont.woff') format('woff'),url('../fonts/TeX-Gyre-Heros/texgyreheros-bold-webfont.ttf') format('truetype'),url('../fonts/TeX-Gyre-Heros/texgyreheros-bold-webfont.svg#webfont') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TeXGyreHerosRegular';src:url('../fonts/TeX-Gyre-Heros/texgyreheros-regular-webfont.eot');src:local('☺'),url('../fonts/TeX-Gyre-Heros/texgyreheros-regular-webfont.woff') format('woff'),url('../fonts/TeX-Gyre-Heros/texgyreheros-regular-webfont.ttf') format('truetype'),url('../fonts/TeX-Gyre-Heros/texgyreheros-regular-webfont.svg#webfont') format('svg');font-weight:normal;font-style:normal}

body{background: url(../layout-images/puppet.png) no-repeat 290px 160px #eee;margin:0;padding:0;overflow:hidden}

.leftwrap{display:block;position:absolute;top:20px;height:600px;width:360px;z-index:99}


/*h1{display:block;position:absolute;top:10%;left:30px}*/
h1 a{display:block;position:absolute;top:0;left:17px;width:200px;height:150px;background:url(../layout-images/edgar-leijs.png) no-repeat top;text-indent:-999em;}
h1 a:hover{background:url(../layout-images/edgar-leijs.png) no-repeat 0px -152px;}

nav{display:block;position:absolute;top:170px;/*-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform:rotate(-180deg);*/}
nav a{display:inline-block;float:left;clear:both;line-height:48px;background:#ffde00;font-family:'FranchiseRegular';font-size:24px;text-transform:uppercase;padding:0 20px;color:#2b2b2b}/*nav a:hover{background:#2b2b2b;color:#fff}*/

.contentstuff{display:block;position:absolute;width:930px;background:url(../layout-images/bgpnls.png) repeat-y left;right:0;height:100%}

#index p,#writing h2,#writing p,#writing ul,#bio h2,#bio p,#socialize h2,#socialize p{display:block;position:relative;text-align:right;line-height:50px;font-family:'TeXGyreHerosBold';font-size:30px;color:#5a5a5a;top:20px;right:20px}
/*#index p{font-family:'FranchiseRegular';font-size:50px;color:#444;letter-spacing:1px;text-transform:uppercase}*/
#index p{font-family:'FranchiseRegular';font-size:250px;color:#eee;letter-spacing:1px;text-transform:uppercase;line-height:214px;}
#index p span{color:#F00;}
#index p span.stripet{color:#F00; text-decoration:line-through;}
#writing h2,#bio h2,#socialize h2{font-size:50px;padding:0 0 25px}#writing p,#bio p,#socialize p{font-size:24px}#writing ul{font-size:18px;line-height:30px;display:block;position:relative;padding:50px 0 0}#writing ul li{}#writing ul li{}#writing a{color:#FFF}#writing a:hover,#bio a:hover{text-decoration:underline}#writing a.totwitter,#bio a.totwitter,#bio span{color:#ffde00}#bio img{display:block;position:relative;float:left;left:120px;top:5px;widows:300px;height:300px;border:25px solid #414141}#bio p{line-height:39px;top:14px}#socialize p{padding:10px 30px 0 0}#socialize p a{color:#545454;display:block}#socialize p a:hover{}#socialize ul{display:block;position:relative;float:right;right:0;top:50px;width:740px;height:73px;margin:0 0 20px;padding:5px 0 0 0}#socialize ul li{}#socialize ul li a{display:block;float:left;position:relative;width:68px;height:68px;text-indent:-999em;margin:0;background:url(../layout-images/socialize.png) no-repeat;margin:0 24px 0 0;}#socialize ul li a:hover{background:url(../layout-images/socialize.png) no-repeat #ffde00}#socialize ul li a.mni{background-position:15px 12px}#socialize ul li a.car{background-position:-46px 12px}#socialize ul li a.fac{background-position:-106px 12px}#socialize ul li a.lin{background-position:-166px 12px}#socialize ul li a.gow{background-position:-226px 12px}#socialize ul li a.fsq{background-position:-414px 12px}#socialize ul li a.twi{background-position:-286px 12px}#socialize ul li a.fli{background-position:-349px 12px}#socialize p{float:right;right:0}.panels{height:600px;padding:0;outline:none;font-family:'FranchiseRegular'; color:#F00}.panelgroup{position:relative;width:100%;margin:0;padding:0;outline:none}.slidecontent{width:100%;height:600px;overflow:hidden;margin:0px;padding:0px;border:none}.SlidingPanelsAnimating *{overflow:hidden !important}.SlidingPanelsCurrentPanel{}.SlidingPanelsFocused{}#portfolio{padding-left:50px}

/*horizontal panels*/

.scrollable{position:absolute;overflow:hidden;width:950px;height:600px;z-index:99;left:25%;top:611px}.scrollable .items{width:40000em;position:absolute}.items div{float:left;width:700px;margin-right:600px}

.navi{display:block;position:relative;float:left;width:152px;height:76px;top:21px;z-index:999;left:-46px}a.prev,a.next{display:block;float:left;position:relative;width:76px;height:76px;line-height:70px;font-family:'FranchiseRegular';font-size:50px;text-align:center;cursor:pointer}a.prev{color:#FFF;background:#2b2b2b}a:hover.prev{color:#ffde00;background:#111}a.next{color:#2b2b2b;background:#ffde00}a:hover.next{color:#2b2b2b;background:#fff}

/*sliding boxes*/#websites{width:100%;height:500px}h3{margin:10px 10px 0 10px;color:#fff;font-family:'FranchiseRegular';font-size:76px;text-transform:uppercase}h3 span{font-size:48px}h4{margin:10px;color:#FFF;font-family:'FranchiseRegular';font-size:30px;text-transform:uppercase;letter-spacing:-1px;font-weight:bold;color:#ffde00}h4 span{ font-size:24px}.boxgrid{margin:10px;float:left;background:#000;border:solid 25px #414141;overflow:hidden;position:relative}.boxgrid.captionfull{width:502px;height:250px}.boxgrid img{position:absolute;top:0;left:0;border:0}.boxgrid p{padding:0 10px;color:#afafaf;font-weight:bold;font:13px 'TeXGyreHerosRegular'}.boxgrid p a{color:#fff;line-height:26px}.boxgrid p a:hover{color:#ffde00}.boxcaption{float:left;position:absolute;background:#000;height:100px;width:100%;opacity:.8;/* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}.captionfull .boxcaption{top:250px;left:0}.boxgrid.slideright{width:216px;height:110px;margin-right:9px}.boxgrid.slideright.righter{width:217px}

/*flickr styles*/#gallery{width:375px;height:500px;display:block;overflow:hidden;border:30px solid #414141;position:relative;float:left;left:250px;top:20px}#gallery:hover{border:30px solid #555;}#flickrstreet a.flckrprofile{display:block;position:relative;line-height:48px;float:left;height:50px;background:#ffde00;font-family:'FranchiseRegular';font-size:30px;text-transform:uppercase;padding:0 10px;color:#2b2b2b;left:300px;top:20px}/*#flickrstreet a:hover.flckrprofile{background:#fff}*/#flickrstreet a.flickrstreetstuff{display:block;position:relative;float:left;width:62px;height:496px;text-indent:-999em;background:url(../layout-images/go-to-flickr.png) no-repeat left;left:225px;top:85px}#flickrstreet a:hover.flickrstreetstuff{background:url(../layout-images/go-to-flickr.png) no-repeat right}/*myname styles*/body.myname{text-align:center;background:#000}figure{display:block;margin:0 auto;position:absolute;top:50%;height:600px;width:100%;margin:-300px 0 0;text-align:center}figure a{position:relative;display:block;height:463px;width:1000px;margin:0 auto;background:url(../layout-images/now-go-back.png) no-repeat 0px 1px;text-indent:-999em;color:#fff;font:13px 'TeXGyreHerosBold'}figure a:hover{background:url(../layout-images/now-go-back.png) no-repeat 0px -462px;width:1000px}h2.targetIE{background:none}h2.targetIE a{color:#fff;font-family:'FranchiseRegular';font-size:90px;text-transform:uppercase;}h2.targetIE a:hover{color:#ffde00}
span.caption{display:none;}

footer{display:block;position:absolute;bottom:0;width:100%;background:url(../layout-images/footer.png) repeat-x center;height:150px}

.rgbgarden { display:block; position:fixed; width:125px; height:auto; top:0; left:0;z-index:9999;}