@font-face {

    font-family: 'Open Sans';
    src: local('OpenSans'), local('Open Sans'), url(../fonts/open_sans.woff) format('woff');

}

@media all {
    
    body {
        background-color: rgb(250,250,250);
        font-family: 'Open Sans';
    }
    
    h1, h2, h3, h4, h5, h6, p, ul, figure {
        margin-top: 0;
    }
    
    figure {
        margin-left: 0;
        margin-right: 0;        
    }
    
    a, h1 {
        color: rgb(0, 102, 153);
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: underline;
    }
    
    hr {
        border: none;
        border-bottom: 1px solid rgb(100,100,100);
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    #wrapper {
        background-color: rgb(255,255,255);
        margin: 0 auto;
        max-width: 940px;
        padding: 10px;
    }
    
    #header {
        border-bottom: 1px solid rgb(100,100,100);
        margin-bottom: 10px;
    }
    
    #header-title {
        float: left;   
    }
    
    #header-nav {
        float: right;  
        max-width: 800px;
    }
    
    #header-nav-list {
        padding-left: 0;
    }
    
    #header-nav-list>li {
        float: left;
        list-style: none;
        padding: 5px 20px;
    }

}