body {
    background: rgb(42,102,118) url(/img/common/bg_noise.png) repeat left top;
    font-size: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    color: rgb(57,158,137);
}

#middle {
    position: relative;
    right: 0.20em;
    margin: auto;
    width: 7.7em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8em;
    line-height: 0.52em;
}

.spacer {
    width: 10px;
}

#middle span.copy {
    float: right;
    font-family: Impact, Charcoal, sans-serif;
    font-size: 9pt;
    transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    position: relative;
    bottom: 7.35em;
    right: 6em;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    z-index: 99;
    -letter-kern: -letter-pairs(
        '20':0.1em,
        '00':0.01em,
        '07':0.1em,
        '7-':0.1em,
        '-2':0.1em,
        '01':0.01em,
        '13':0.01em,
        'Hu':0.01em,
        'ul':0.1em,
        'lm':0.05em,
        'ma':0.1em,
        'ah':0.1em,
        'ha':0.1em,
        'an':0.1em
    );
}

#middle span.copy a,
#middle span.copy a:hover,
#middle span.copy a:visited {
    text-decoration: none;
    color: rgb(57,158,137);
}

#middle span {
    font-family: "Arial Black", Gadget, sans-serif
    font-size: 13em;
    letter-spacing: 0.001em;
}

#middle div.const {
    /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    letter-spacing: -0.02em;*/
    position: relative;
    color: rgb(36,92,138);
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    z-index: 98;
    letter-spacing: 0;
    -letter-kern: -letter-pairs(
        'co': 0.05em,
        'st': -0.01em,
        'ru': 0.03em,
        'uc': -0.02em,
        'ct': 0.01em,
        'io': -0.02em
        'on': -0.02em
    );    
}

#middle span.site {
    position: relative;
    z-index: 0;
    right: 0.09em;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    letter-spacing: 0.12em;
}

#middle span.under {
    position: relative;
    color: rgb(27,142,158);
    z-index: 1;
    left: 0.20em;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    /*text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);*/
    letter-spacing: 0.12em;
}

#middle div.social {
    float: right;
    font-family: "Courier New", Courier, monospace;
    font-size: 0.1em;
    width: 0.2em;
    line-height: 1.9em;
    position: relative;
    bottom: 9.35em;
    left: 2.65em;
    z-index: 999;
}

#middle div.social a {
    display: inline-block;
    letter-spacing: 0.1em;
}

#middle div.social a,
#middle div.social a:hover,
#middle div.social a:visited {
    float: right;
    text-decoration: none;
    color: rgba(0,0,0,0);
}

#middle div.social a.email {
    background: transparent url(/img/common/semail.png) no-repeat;
}

#middle div.social a.facebook {
    background: transparent url(/img/common/sfacebook.png) no-repeat;
}

#middle div.social a.twitter {
    background: transparent url(/img/common/stwitter.png) no-repeat;
}

#middle div.social a.linkedin {
    background: transparent url(/img/common/slinkedin.png) no-repeat;
}

#middle div.social a.googleplus {
    background: transparent url(/img/common/sgoogleplus.png) no-repeat;
}

#middle div.writing {
    color: rgb(42,102,118) url(/img/common/bg_noise.png) repeat left top;
    text-align: right;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 0.07em;
    position: relative;
    right: 11.25em;
    top: 3em;
}

#middle div.writing span.message {
    letter-spacing: 0.12em;
    -letter-kern: -letter-pairs();      
}

#middle div.writing span.message {
}

#middle div.writing span.arrow {
    float: right;
    font-size: 1.5em;
    position: relative;
    top: 0.6em;
    right: 0.4em;
}