Hello Dark Mod 2
fb.png
spacer.png
t.png
spacer.png
y.png
spacer.png
l.png
spacer.png
i.png
spacer.png
email.png

This version contains a small logo on the right of the top nav-bar. CSS is not entirely clean, there are some dupes with the newer divs near the bottom of the page and therefore taking precedent.

Add this to make the logo slightly larger and to the left of the nav bar: (Sample Here).

[[Module css]]
#top-bar {
    bottom: 0;
    height: 43px;
    display: block;
    left: 143px;
    position: absolute;
    width: 815px;
    z-index: 2;
    border: 1px solid #d5d5d5;
    background: url(http://onx.wdfiles.com/local--files/css%3Ahellodark/goodnight-topbar-bg.png) repeat 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px;
    -moz-box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px;
    box-shadow: rgba(0,0,0,0.1032) 0px 1px 2px;
}

#header h1 {
    width: 145px !important;
    height: 62px !important;
    background: url(http://onx.wdfiles.com/local--files/css%3Ahellodarkrevise2/voc-logo3.png) no-repeat 0px 0px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    top: 58px;
    left: 0px;
}

#header h1 a {
    width: 145px;
    height: 62px;
    background: url(http://onx.wdfiles.com/local--files/css%3Ahellodarkrevise2/voc-logo3.png) no-repeat 0px 0px !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

#header h1 a:hover {
    background: url(http://onx.wdfiles.com/local--files/css%3Ahellodarkrevise2/voc-logo3.png) no-repeat 0px -60px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}
[[/module]]