body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

@media screen {
    html {
        background:#000 url('/images/bg.png');
    }

    body {
        color:#999;
        margin-top:10px;
    }

    h1, h2, h3, h4, h5, h6 {
        margin:0;
        color:white;
        font-weight:normal;
        font-family:"Yanone Kaffeesatz", arial, helvetica, clean, serif;

        text-shadow:2px 2px 0px #333;
        -o-text-shadow:2px 2px 0px #333;
        -moz-text-shadow:2px 2px 0px #333;
        -webkit-text-shadow:2px 2px 0px #333;
    }

    h2 {
        font-size:20px;
    }

    p {
        font-size:14px;
        margin-top:5px;
        line-height:1.25em;
        font-family:"Cantarell", arial, helvetica, clean, serif;

        text-shadow:2px 2px 0px #000;
        -o-text-shadow:2px 2px 0px #000;
        -moz-text-shadow:2px 2px 0px #000;
        -webkit-text-shadow:2px 2px 0px #000;
    }

    p a {
        padding-right:3px;
        text-shadow:2px 2px 0px #333;
        -o-text-shadow:2px 2px 0px #333;
        -moz-text-shadow:2px 2px 0px #333;
        -webkit-text-shadow:2px 2px 0px #333;
    }

    a:link,
    a:hover,
    a:visited {
        color:white;
        text-decoration:none;
    }

    a:hover {
        color:#ccc;
    }

    img {
        margin:auto;
        display:block;
    }

    hr {
        height:5px;
        clear:both;
        border:none;
        background:url('/images/separator.gif') bottom repeat-x;
    }

    ol {
        padding-right:2px;
        margin:6px 0px 0px 0px;
    }

    ol li {
        float:left;

        width:24px;
        height:24px;

        list-style-type:none;

        padding:0px;
        margin-right:5px;

        background-color:#000;

        border-radius:4px;
        -o-border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;

        box-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);
        -o-box-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);
        -moz-box-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);
        -webkit-box-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);
    }

    ol li a {
        width:24px;
        height:24px;
        display:block;
        background-repeat:no-repeat;
        background-image:url('/images/icons/website-24x24.png');
    }

    div#content {
        clear:both;
        display:none;

        width:600px;
        max-width:600px;

        padding:0px 10px;

        background-color:rgba(0, 0, 0, 0.50);

        border-radius:10px;
        -o-border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;

        border:1px solid rgba(0, 0, 0, 0.75);

        box-shadow:0px 0px 100px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5);
        -o-box-shadow:0px 0px 100px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5);
        -moz-box-shadow:0px 0px 100px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5);
        -webkit-box-shadow:0px 0px 100px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(255, 255, 255, 0.5);

    }

    div#content ol li:last-child {
        margin-right:0;
    }

    div#content ol li.email a {
        background-position:0px 0px;
    }

    div#content ol li.feed a {
        background-position:-96px 0px;
    }

    div#content ol li.twitter a {
        background-position:-96px 0px;
    }

    div#content p.footer {
        margin:0;
        padding:0;

        font-size:12px;
        text-align:right;
        line-height:10px;
    }

    div#content p.footer:last-child {
        font-size:10px;
        line-height:20px;
    }

    .clear {
        clear:both;
    }

    body.trident4 ol {
        margin-left:-10px;
    }

    /* IE sucks */
    body.trident6 p a,
    body.trident6 p a {
        padding-left:3px;
    }
}