/* My CSS is compressed & organized for optimal file-size. */

@-webkit-keyframes fadeIn {from{opacity: 0;}to {opacity: 1;}} /* Fade in trasition defined. WebKit only for now. Meh. */
body{background:#FCFCFC;color:#000;font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:1.5em;margin:0;padding:0;}
ol,ul{list-style:none;}
p{line-height:22px;margin-bottom:4px;}
h1,h2,h3,h4,h5,h6{font-weight:lighter;margin:0 0 5px;padding:0 0 5px;}
h1{font-size:35px;line-height:37px;}
h2{font-size:30px;font-weight:700;line-height:32px;}
a{text-decoration:none;}
#content{margin:0 auto 60px;width:940px; border:1px solid #CBCBCB;-webkit-box-shadow: 0px 0px 4px #cdcdcd;-moz-box-shadow: 0px 0px 4px #cdcdcd;-o-box-shadow: 0px 0px 4px #cdcdcd;box-shadow: 0px 0px 4px #cdcdcd;}
#header{margin:0 auto 15px;padding-top:44px;position:relative;width:940px;z-index:998;}
#full{padding:80px; -webkit-animation-duration:5.5s;-webkit-animation-iteration-count:1;-webkit-animation-name:fadeIn;}
#foot-cont{border:none;clear:both;border:2px solid #FFF;border-bottom:none;}
#footer{padding-left:40px;padding-right:80px;width:805px;}
#footer p{line-height:20px;}
.logo{float:left;margin:0 50px 0 0;}
.logo h1{margin:0;padding:0;}
.creative{color:#F33;}
ul#nav{float:right;margin-bottom:0;position:relative;z-index:1000;text-shadow:1px 3px 1px #FFF;}
ul#nav li.in{float:left;margin-right:1px;position:relative;}
ul#nav li.in a.parent-link{display:block;font-size:15px;font-weight:700;line-height:normal;margin:0;padding:5px 20px;}
ul#nav li.in a.last{display:block;font-size:15px;font-weight:700;line-height:normal;margin:0;padding:5px 0 5px 25px;}
.stuff .copy{font-size:14px;padding:30px 60px 0 30px;}
.stuff .copy ol,.stuff .copy ul{line-height:22px;list-style:disc;margin:0 0 15px 30px;}
h2.statement{display:block;font-size:40px;font-weight:700;line-height:normal;margin:30px 0 0;padding:0 0 1px;text-align:right;}
h2.statement a{color:#09c;}
h2.statement a:hover{color:#111;}
#full h2.statement{background:none;border:none;margin:0 0 20px;text-align:left;}
#full .copy{padding:0;}
.logo {background: url("logo.png") no-repeat; width:194px; height:33px;}
.stuff{margin-bottom:30px;}
#footer ul{font-size:13px;}
#footer ul li{float:left;margin-right:0;}
#z{-webkit-transition:.8s linear;background-color:#191919;color:#191919;float:right;font-size:11px;padding:0 3px;} /* If you can figure out what this is, congrats on finding it. */
#z:before{-webkit-transition:.8s linear;content:"Congrats on finding easter-egg #1.";}
#z:after{-webkit-transition:.8s linear;content:none;}
#z:hover{-webkit-transition:.8s linear;background-color:#F33;color:#191919;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;height:0;list-style:none;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0;}
.fix:after{clear:both;content:'.';display:block;height:0;visibility:hidden;}
.fix{display:block;}
* html .fix{height:1%;}
ul#nav li.in a#active,#footer span.devil:hover{color:#F33;}
.hide {display:none;}
::selection{background:rgba(255, 255, 255, 0.0);color:#F33;}
::-webkit-selection{background:rgba(255, 255, 255, 0.0);color:#F33;}
::-moz-selection{background:rgba(255, 255, 255, 0.0);color:#F33;}
::-o-selection{background:rgba(255, 255, 255, 0.0);color:#F33;}

/*
(C) 2010-2012 Carson Kahn, www.carsonkahn.com
License is Attribution-NonCommercial-NoDerivs 3.0 Unported :: See http://creativecommons.org/licenses/by-nc-nd/3.0
*/