/* =Reset default browser CSS. Lifted from Twentyten.  Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}


/* HTML Redefinition 
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p{
    margin:8px 0;
}

h3{
    font-size:14px;
}

/* Basic Structure
-------------------------------------------------------------- */

.clear{
    clear:both;
}

.spacer{
    height:200px;
}

.preload{
    position:absolute;
    left:-9999px;
}

.page{
    width:840px;
    margin:0 auto;
    float:left;
    opacity:0;
}

#container{
    margin: 30px auto;
    font-family:
        "Calisto MT",
        "Luxi Sans",
        Gadget,
        "Berlin Sans FB",
        Optima,
        Corbel,
        Candara,
        Tahoma,
        sans-serif;
    font-size:16px;
    line-height:24px;
    text-align:right;
    color:#aaa;
}

#container h1,
#container h2{
    color:#fff; /* Color is invisible on screen until cufon loads */
}

#container .info h2{
    text-align:left;
    margin: 8px 0 10px 52px;
    font-size: 20px;
}


#container #title h1 {
    font-size: 174px;
    line-height: 168px;
    margin: 0;
}


#container #nav{
    float:right;
    clear:right;
    width:152px;
    display:none;
}


#container .byline{
    float:right;
    clear:right;
    width: 300px;
    margin-right: 7px;
    font-size: 20px;
    
}

#container .content img{
    margin-top:50px;
}

#container a{
    color:#444;
    font-style:italic;
}

#footer{
    position:fixed;
    background:url('footer_bg.png') transparent repeat-y;
    bottom:50px;
    margin-left: 370px;
    width:100%;
    height:70px;
    font-size:50px;
    text-align:center;
}

#footer a{
    font-family: "Helvetica Neue", 
        Arial, 
        sans-serif;
    color: #ddd;
    text-decoration:none;
    text-shadow: #d6d6d6 1px 1px;
}