html  {
    background: #000;
    margin: 0;
}

#outer {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
}

#inner {
    margin-left: -400px;
    position: absolute;
    top: -150px;
    left: 50%;
    width: 800px;
    height: 300px
}

.bgtext {
    font-size: 120px;
    position: absolute;
    top: 50px;
    left: -28px;
    right: -28px
}

.bgtext, .footertext {
    color: #222;
    font-family: verdana, helvetica, 'sans serif';
}

.footertext {
    font-size: 12px;
    position: absolute;
    top: 320px;
    text-align: center;
    width: 500px;
}

div#about, div#blog, div#photos, div#interests, div#network, div#contact {
    color: #222222;
    font-family: verdana, helvetica, 'sans serif';
    position: absolute;
}

div#about {
    font-size: 29px;
    top: 6px;
    left: 10px;
}

div#blog {
    font-size: 60px;
    top: 46px;
    left: 100px;
}

div#photos {
    font-size: 60px;
    top: 200px;
    left: 125px;
}

div#interests {
    /* font-size: 39px;
    top: 200px;
    left: 460px; */
    font-size: 60px;
    top: 180px;
    left: 230px;
}

div#network {
    font-size: 60px;
    top: -5px;
    left: 400px;
}

div#contact {
    font-size: 29px;
    /* top: 254px;
    left: 630px; */
    top: 240px;
    left: 600px;
}

div#about a:hover span {
    top: -3px;
    left: 0px;
}

div#blog a:hover span {
    top: -10px;
    left: 0px;
}

div#photos a:hover span {
    top: -6px;
    left: 0px;
}

div#interests a:hover span {
    top: -6px;
    left: 0px;
}

div#network a:hover span {
    top: -4px;
    left: 0px;
}

div#contact a:hover span {
    top: -4px;
    left: 0px;
}

div#inner a:hover, div#inner2 a:hover {
    background: none;
}

div#inner a span {
    display: none;
}

div#inner a:visited span {
    display: none;
}

div#inner a {
    text-decoration: none;
    color: white;
}

div#inner a:hover span {
    display: block;
    position: relative;
    background: none;
    font-size: 14px
}

div#inner a:link, div#inner a:visited {
    text-decoration: none;
}

div#inner a:hover {
    text-decoration: none
}

div#content {
    position: absolute;
    top: -50px;
    left: -70px;
    width: 635px;
    height: 400px;
    overflow: auto;
    font-family: verdana, helvetica, 'sans serif';
    font-size: 13px;
    color: white;
    text-align: justify;
    margin: 3px;
}

div#inner div#content a:hover {
    text-decoration: underline;
}

div#close, div#top {
    width: 17px;
    height: 17px;
    background: none;
    text-align: center;
    font-family: verdana, helvetica, 'sans serif';
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #222
}

div#top {
    position: relative;
    left: 573px;
    top: 319px
}

div#close {
    position: relative;
    left: 573px;
    top: -47px;
}

div#inner div#close a:link, div#inner div#top a:link {
    color: #fff;
    cursor: default;
}

div#inner div#close a:visited, div#inner div#top a:visited {
    color: #fff;
    cursor: default;
}

div#inner div#close a:hover, div#inner div#top a:hover {
    color: #fff;
    cursor: default;
}

div#urltext {
    font-family: verdana, helvetica, 'sans serif';
    font-size: 30px;
    position: absolute;
    top: -87px;
    left: -69px
}

div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span {
    color: #ff7c11
}

div#content div#titlebar {
    border: 1px solid #222222;
    background: #000;
    font-weight: normal;
    color: #ff7c11;
}

div#content {
    margin-left: 0;
    padding-right: 8px;
}

.titleblock {
    font-family: verdana, helvetica, 'sans serif';
    font-size: 12px;
    color: #ff7c11;
    margin-right: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    border: 1px solid #222;
    padding: 4px
}

.titleblock span {
    color: #ff7c11
}

#urltext a:link {
    color: #444
}

#urltext a:visited {
    color: #444
}

#urltext a:hover {
    color: #444
}

#urltext a:active {
    color: #444
}