/*
Designed and built by Peter Yee 2010
---
Thanks for your interest for viewing this source code.
Have a look around and let me know if you found any bugs or just to say hi.

Have fun reading. =)
*/
html,body,div,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{background:#000 repeat fixed top center;color:#888;font:62.5%/1 "museo-thin",'american typewriter',calibri,arial;word-wrap:break-word}.container{width:88%;margin:0 auto}@font-face{font-family:museo-slab;src:url(/fonts/museo-slab.otf) format("opentype")}@font-face{font-family:museo-thin;src:url(/fonts/museo-thin.otf) format("opentype")}@font-face{font-family:androgyne;src:url(/fonts/androgyne.otf) format("opentype")}@font-face{font-family:ballpark_weiner;src:url(/fonts/ballpark_weiner.ttf) format("truetype")}.animation,.animation:hover,a,a:link,a:visited,a:hover,a:active,a:focus{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}a:link,a:visited{color:#09c;text-decoration:none}a:hover{position:relative;top:-2px}a:active{position:relative;top:1px}::selection{background:#f09;color:#fff}::-moz-selection{background:#f09;color:#fff}::-webkit-selection{background:#f09;color:#fff}.box a,footer a.tooltip{top:0}header#main{background:#222;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#222),to(#111));background-image:-moz-linear-gradient(100% 100% 90deg,#111,#222);border-bottom:1px solid #333;color:#888;display:block;font-size:1.2em;overflow:hidden;padding:5px 0;position:fixed;text-shadow:0 -1px 0 rgba(0,0,0,0.5);width:100%;z-index:100}header#main h1{display:inline-block;float:left;font-weight:normal}header#main h1 a,header#main h1 a:link,header#main h1 a:visited{font:1.3em/1em "ballpark_weiner",'american typewriter',arial}header#main a:hover{color:#fff}header#main a.selected{color:#09c}header#main ul li{border-left:1px dotted #555;float:left;margin-left:5px;padding:2px 0 0 5px}h2{color:#fff;font:6.8em/1 "androgyne",'american typewriter',arial;letter-spacing:-4px;text-shadow:0 3px 3px rgba(0,0,0,0.75)}h3{color:#ccc;font:2em/1.8 "museo-slab",'american typewriter',calibri;letter-spacing:-1px;margin-bottom:30px;text-shadow:0 2px 3px rgba(0,0,0,0.75)}h4{font:2em/1 "museo-thin",'american typewriter',calibri;letter-spacing:-1px}p{font-size:1.6em;line-height:1.6}article p{margin-bottom:15px}#bd h2{font-size:2.8em;letter-spacing:-1px;line-height:2.8}#bd h3{font-size:4em;letter-spacing:-2px;margin:0;text-shadow:none}header#main .stolen{float:right;padding-top:2px}footer{background:#222;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#222),to(#111));background-image:-moz-linear-gradient(100% 100% 90deg,#111,#222);border-top:1px solid #333;display:block;color:#eee;float:left;font:1.8em/1 "museo-thin",'american typewriter',calibri;margin:50px 0 0;overflow:hidden;padding:18px 0;text-shadow:0 -1px 0 rgba(0,0,0,0.5);width:100%}footer .copyright{color:#555;display:block;font-size:10pt;line-height:1.5}footer .supersmall{font-size:0.7em}footer .tooltip > .message.email_icon,footer .tooltip > .message.facebook_icon,footer .tooltip > .message.twitter_icon{background:url(/graphics/icons.png) no-repeat 0 0;height:24px;padding-top:3px;width:24px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}footer .tooltip > .message.twitter_icon{background-position:0 -50px}footer .tooltip > .message.email_icon{background-position:0 -350px}footer a.html5{background:none;float:left}@-webkit-keyframes fader_one{from{opacity:0}25%{opacity:1}to{opacity:1}}@-webkit-keyframes fader_two{from{opacity:0}50%{opacity:0}75%{opacity:1}to{opacity:1}}@-webkit-keyframes fader_three{from{opacity:0}50%{opacity:0}to{opacity:1}}header#main,footer{-webkit-box-shadow:0 0 5px black;-moz-box-shadow:0 0 5px black;box-shadow:0 0 5px black;-webkit-animation:fader_one 1s ease-in-out alternate}header{padding-top:50px;-webkit-animation:fader_two 1s ease-in-out alternate}section,article{-webkit-animation:fader_three 1s ease-in-out alternate}.wrap{clear:both}.box{background:#eee;border:1px solid #fff;float:left;margin:0 10px 10px 0;padding:10px;width:180px;}.box:hover{background:#09c;border:1px solid rgba(255,255,255,0.5);color:white;z-index:100;-moz-transform:scale(1.01);-webkit-transform:scale(1.05)}.box:active{-moz-transform:scale(1);-webkit-transform:scale(0.8)}.box img{background:#fff;width:180px}.box:hover .date{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}.date{color:#aaa;font-size:1.1em;line-height:1.64}.lightgrey{color:#555}.clear{clear:both;display:block}a[href^="http:"]{background:url(/graphics/external.gif) no-repeat right 0;padding-right:14px}a[href^="http://www.peteryee.my"],a[href^="http://peteryee.my"]{background:none;padding-right:0}#bd article{background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display:block;padding:30px}#bd article img.fullview{border:1px solid #eee;max-width:100%}#bd aside{margin:10px 0;overflow:hidden}#bd aside a{display:block;height:120px;overflow:hidden}#bd aside a.more{clear:both;height:auto;margin-bottom:50px}.pagination{position:absolute;top:0;width:100%}.pagination a.previous,.pagination a.next{background:#eee;font-size:2em;font-weight:bold;position:absolute;padding:28px 5px}.pagination a.previous:hover,.pagination a.next:hover{background-color:#09c;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3);top:0}.pagination a.previous{left:-37px}.pagination a.previous:hover{left:-40px;-webkit-box-shadow:3px 0 5px rgba(0,0,0,0.25);-moz-box-shadow:3px 0 5px rgba(0,0,0,0.25);box-shadow:3px 0 5px rgba(0,0,0,0.25)}.pagination a.next{right:-20px}.pagination a.next:hover{right:-23px;-webkit-box-shadow:-3px 0 5px rgba(0,0,0,0.25);-moz-box-shadow:-3px 0 5px rgba(0,0,0,0.25);box-shadow:-3px 0 5px rgba(0,0,0,0.25)}.tooltip > .message{background:#ffffff;display:inline;font-size:1em;min-width:180px;max-width:350px;margin-top:-30px;opacity:0;padding:5px 8px;position:absolute;visibility:hidden;-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.5);box-shadow:0px 2px 5px rgba(0,0,0,0.5);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.tooltip:hover > .message{color:#333;margin-top:-50px;opacity:1;visibility:visible;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.box.tooltip > .message{background:#09c;color:#fff;display:block;font-size:1.6em;font-family:"museo-slab",'american typewriter',calibri;left:9px;margin-top:-10px;overflow:hidden;padding:5px 0 0;text-shadow:0 -1px 0 rgba(0,0,0,0.3);text-overflow:ellipsis;white-space:nowrap;width:185px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.box.tooltip:hover > .message{margin-top:-30px}footer .tooltip > .message{position:relative;height:50px;margin-left:-27px;width:30px}footer .tooltip:hover > .message{margin-left:0px}