@CHARSET "UTF-8";

body {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:white;
    background:url(../images/background.jpg) repeat 0 0;
}

a {
    color:white;
    text-decoration:none;
    font-weight:bold;
}

a:hover {
    text-decoration:underline;
}

h3 {
    font-size:14px;
    padding:10px 0 0 0;
    margin:0;
}

#wrapper {
    width:797px;
    position:relative;
    margin:70px auto 0 auto;
}

#header {
    height:76px;
    position:relative;
    background:url(../images/logo.png) no-repeat 0 0;
}

#content {
    height:397px;
    position:relative;
    overflow:hidden;
}

#footer {
    position:relative;
    color:#847151;
}

.bar {
    height:10px;
    background-color:#6D5D42;
    position:relative;
    margin:5px 0;
}

.copyrights {
    position:absolute;
    right:0;
    top:0;
    display:block;
}

.menu {
    position:relative;
    list-style-type:none;
    padding:0;
    margin:10px 0 0 0;
}

.menu:focus {
    border:0;
}

.menu li {
    display:inline-block;
}

.menu li span {
    background:url(../images/menu.png) no-repeat 0 0;
    height:9px;
    padding:0;
    margin:0 10px 0 0; 
    display:block;
    position:relative;   
}

.menu .home span {
    background-position:0 0;
    width:28px;
}

.menu .blog span {
    background-position:0 -19px;
    width:26px;
}

.menu .contact span {
    background-position:0 -38px;
    width:46px;
}

.menu .divider span {
    background-position:0 -57px;
    width:3px;
}

.menu .home.selected span,
.menu .home span:hover {
    background-position:0 -10px;
}

.menu .blog.selected span,
.menu .blog span:hover {
    background-position:0 -29px;
}

.menu .contact.selected span,
.menu .contact span:hover {
    background-position:0 -48px;
}

#forkme {
    position:absolute;
    display:block;
    background:url(../images/forkme.png) no-repeat 0 0;
    width:141px;
    height:141px;
    top:0;
    left:0;
}

ol.reachme {
    padding:0;
    margin:0;
    list-style-type:none;
    font-weight:bold;
}

ol.reachme li {
    padding:8px 0 0 38px;
    margin:0 15px 0 0;
    height:24px;
    background:url(../icons/social_icons.png) no-repeat 0 0;
}

ol.reachme li.twitter {
    background-position: 0 0;
}

ol.reachme li.skype {
    background-position: 0 -160px;
}

ol.reachme li.email {
    background-position: 0 -192px;
}

ol.reachme li.google {
    background-position: 0 -224px;
}

ol.reachme li.linkedin {
    background-position: 0 -288px;
}