html { background:url(../images/dark-texture.png) #0d0d0d; }
html.red { background:url(../images/dark-texture-red.png) #16090d; }
html.green { background:url(../images/dark-texture-green.png) #14180a; }
html.blue { background:url(../images/dark-texture-blue.png) #0c1117; }
body{ margin:0; min-height:640px; font-family:'Lato',sans-serif; font-size:1.8em; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; perspective:500px; -webkit-perspective:500px; -moz-perspective:500px; -ms-perspective:500px; }
::selection { color:#fff; background:#00f; }
a { color:#f4ff64; text-decoration:none; transition-property:color,background; transition-duration:0.6s; -webkit-transition-property:color,background; -webkit-transition-duration:0.6s; -moz-transition-property:color,background; -moz-transition-duration:0.6s; -ms-transition-property:color,background; -ms-transition-duration:0.6s; }
a:hover { color:#00eaff; }
a:active { color:#fff; transition-duration:0s; -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; }
input,textarea,select { outline-color:#00eaff; }
input[type=text],select { border:0; font-size:0.8em; line-height:1.3em; }
input[type=submit],button { border:none; font-family:'Lato',sans-serif; font-size:0.8em; line-height:1.3em; color:#ccc; background:none; cursor:pointer; }
input[type=submit]:hover,button:hover { color:#eee; }
input[type=submit]:active,button:hover { color:#fff; }
#bg-box { position:absolute; top:-500px; left:50%; margin:0 0 0 -900px; transform:rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); -webkit-transform:rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); -moz-transform:rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); -ms-transform:rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -webkit-transition:-webkit-transform 0.4s; }
#bg-box .left,#bg-box .right { position:absolute; width:800px; height:500px; border-radius:2px; }
#bg-box .left { background-image:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background-image:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background-image:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background-image:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); }
#bg-box .right { background-image:linear-gradient(left,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background-image:-moz-linear-gradient(left,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(left,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); transform:rotateY(90deg) translateX(400px) translateZ(400px); -webkit-transform:rotateY(90deg) translateX(400px) translateZ(400px); -moz-transform:rotateY(90deg) translateX(400px) translateZ(400px); -ms-transform:rotateY(90deg) translateX(400px) translateZ(400px); }
#site { position:relative; margin:0 auto; width:960px; }
header h1 { position:absolute; top:62px; left:92px; display:none; margin:0; width:750px; height:270px; background:url(../images/kzeni.png) no-repeat; }
header { transform:scale(0.2); -webkit-transform:scale(0.2); -moz-transform:scale(0.2); -ms-transform:scale(0.2); transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; }
body.home header { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
header h1 a { position:absolute; top:92px; left:12px; width:330px; height:84px; text-indent:-5000px; }
#com { position:absolute; top:187px; left:422px; display:none; width:199px; height:52px; background:url(../images/dot-com.png) no-repeat; }
#content { position:absolute; top:240px; left:160px; padding:0 0 120px; color:#fff; }
#content nav a { padding:0 20px 0 0; }
#content li { padding:0 0 1em; }
#projects { position:absolute; top:400px; left:498px; display:none; }
#networks { position:absolute; top:460px; left:106px; display:none; }
#networks a { display:block; float:left; margin:0 21px 0 0; padding:0 2px; }
#networks a:after { display:block; float:right; margin:0 -20px 0 0; content:' - '; color:#fff; }
#networks a:last-child:after { content:''; }
a[href*='github'] { color:#4183c4; }
a[href*='github']:hover { background:#4183c4; }
a[href*='flickr'] { color:#ff00d7; }
a[href*='flickr']:hover { background:#ff00d7; }
a[href*='vimeo'] { color:#f4ff64; }
a[href*='vimeo']:hover { background:#f4ff64; }
a[href*='twitter'] { color:#00eaff; }
a[href*='twitter']:hover { background:#00eaff; }
a[href*='google'] { color:#ff7800; }
a[href*='google']:hover { background:#ff7800; }
a[href*='facebook'] { color:#0005ff; }
a[href*='facebook']:hover { background:#0005ff; }
a[href*='last.fm'] { color:#f00; }
a[href*='last.fm']:hover { background:#f00; }
a[href*='mailhide'] { color:#eee; }
a[href*='mailhide']:hover { background:#eee; }
a[href*='mailhide']:hover,a[href*='github']:hover,a[href*='flickr']:hover,a[href*='vimeo']:hover,a[href*='twitter']:hover,a[href*='google']:hover,a[href*='facebook']:hover,a[href*='last.fm']:hover { color:#000; }
a[href*='mailhide']:active,a[href*='github']:active,a[href*='flickr']:active,a[href*='vimeo']:active,a[href*='twitter']:active,a[href*='google']:active,a[href*='facebook']:active,a[href*='last.fm']:active { background:#fff; }