body {
    margin: 0;
    padding: 0;
    background: black;
    background-image: url(images/background_stars.jpg);
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.top-bar {
    top: 0px;
    position: fixed;
    z-index: 0;
    height: 40px;
    width: 100%;
    background: url(images/navbar-bg.png);
}

div.name {
    top: 0px;
    position: fixed;
    margin-left: -112px;
    z-index: 15;
}

div.name img {
    border: 0;
}

.navbar {
    position: fixed;
    background: url(images/navbar-bg_new.png);
    height: 40px;
    top: 0px;
    width: 900px;
    margin: 0px auto;
    padding-right: 50px;
}

.footerbar {
    background: url(images/body-bg.png);
    height: 40px;
    top: 0px;
    width: 900px;
    margin: 0px auto;
    padding: 0px 50px;
}

.footerbar p {
    font-size: 8px;
    margin: 0;
    line-height: 40px;
}

.navbar ul {
    margin:0px;
}

.navbar li {
    font-family: "Century Gothic", Arial, sans-serif;
    color: #B3B3B3;
    float: right;
    height: 40px;
    min-width: 140px;
    line-height: 40px;
    text-align: center;
}

.navbar li ul {
    display: none;
    margin: 0px;
}

.navbar li:hover ul {
    display: inline;
    margin: 0px;
    font-family: "Century Gothic", Arial, sans-serif;
    color: #B3B3B3;
    float: right;
    height: 40px;
    min-width: 140px;
    line-height: 40px;
}

.navbar li:hover ul li {
    display: inline;
    list-style: none;
    float: right;
    margin: 0px;
    padding: 0px;
    min-width: 50px;
    margin-left: 20px;
    text-align: center;
}


.navbar li#portfolio {
    float: left;
    margin-left: 40px;
    width: 350px;
    text-align: left;
}

.navbar li#portfolio span.open {
    display: none;
}

.navbar li#portfolio:hover span.open {
    display: inline;
}

.container {
    width: 900px;
    padding: 80px 50px 0px 50px;
    min-height: 768px;
    background: url(images/body-bg.png);
    margin: 0px auto;
    z-index: -10;
}

li {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
}

.top-gallery {
    width: 880px;
    height: 340px;
    margin: 50px auto;
    background: url(images/navbar-bg.png);
    margin-bottom: 20px;
    overflow: hidden;
}

.top-gallery img {
    border: 0;
}

.gallery-nav li, .latest-work li {
    font-family: "Century Gothic", Arial, sans-serif;
    color: #B3B3B3;
    float: right;
    height: 19px;
    line-height: 19px;
    margin-right: 15px;
}

.section-header {
    height: 40px;
    width: 100%;
    margin-top: 35px;
    float: left;
    padding: 0px 15px 0px 15px;
}

.section-header#latest-work {
    margin-top: 90px;
}

div.body-text div.section-header {
    padding: 0px;
    margin-bottom: 20px;
}
.latest-thumb {
    margin: 10px;
    width: 270px;
    height: 160px;
    float: left;
    padding: 5px;
    background: url(images/navbar-bg.png);
}

ul.latest-work-thumbs {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: #C0F403;
}


.body-text {
    width: 900px;
    float: left;
}

p {
    font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 12px;
    line-height: 150%;
    color: #E0E0E0;
}

p strong {
    font-weight: bold;
    color: white;
}

h1 {
    font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16pt;
    color: #E0E0E0;
}

h2 {
    font-size: 14px;
}
.left-column p {
    width: 500px;
}

.two-column {
    width: 560px;
    padding: 20px;
    float: left;
}

.one-column {
    width: 260px;
    padding: 20px;
    float: left;
}

.three-column {
    width: 860px;
    height: 300px;
    padding: 20px;
    float: left;
    margin-bottom: 20px;
}

.portfolio-item {

    height: 450px;
    margin-bottom: 45px;
}

.portfolio-item .one-column {
    width: 255px;
    margin-left: 10px;
    float: left;
    height: 320px;
    padding: 0px;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande";
    font-size: 12px;
    color: #E0E0E0;
    font-size: 12px;
}

.portfolio-item .two-column {
    width: 575px;
    float: left;
    height: 320px;
    padding: 0px;
    padding-right: 20px;
}

.portfolio-item .navigation {
    float:left;
    font-family:"Century Gothic",sans-serif;
    font-size:18px;
    width:575px;
    margin-top: 20px;
    padding-right: 20px;
}

.portfolio-item .navigation.toTop {
    float:left;
    font-family:"Century Gothic",sans-serif;
    font-size:18px;
    width:255px;
    margin-top: 20px;
    padding: 0px;
    margin-left: 10px;
}

.portfolio-item .one-column
a.gallery-nav.pre {
    float: left;
}
a.gallery-nav.next, a.gallery-nav.top {
    float: right;
}
textarea {
    height: 75px;
    width: 400px
}

button {
    width: 60px;
    height: 25px;
    color: white;
    background: #555;
    border-bottom: 1px #222 solid;
    border-right: 1px #222 solid;
    border-top: none;
    border-left: none;
    padding: 6px 10px 6px 10px;;
}

button:active {
    border-top: 1px #888 solid;
    border-left: 1px #888 solid;
    border-right: none;
    border-bottom: none;
    background: #000;
}

/* Resume Formatting */

ul.resume-list {
    font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 10pt;
    color: #E0E0E0;
}

ul.resume-list > li {
    margin-bottom: 10px;
}

ul.resume-list em {
    display: block;
    text-indent: 100px;
}

ul.resume-list span {
    display: inline-block;
    width: 100px;
}
/* Blog Formatting */

p.blog-post-title {
    margin-bottom: 15px;
    font-size: 8px;
}

p.blog-post-title strong {
    font-size: 18px;
    display: block;
}

li.blog-post {
    margin-bottom: 40px;
}

code, pre {
    background:#F0F0F0;
    color:#000000;
    font-size: 10px;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
}

code {
    padding: 2px 4px;;
}

pre {
    padding: 10px;
    border: 1px solid #555;
}

.portfolio-item li {
    margin: 5px 0px 10px 0px;
}

#portfolio-nav {
    padding-left: 20px;
}

#portfolio-nav .one-column {
    width: 200px;
    padding-left: 0px;
    padding-right: 90px;
}
/* Extra Formatting Tools */
.divider {
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed #D0D0D0;
    float: left;
    margin-bottom: 20px;
}

.clear {
    clear: both;
}