/* css file from scratch test*/

#header ul li   { /*same efect as nav li float left*/
    
list-style:none;
background-color:#ADD8E6;/*nice blue colour for
web menu*/

margin: 0 0 3em 0;
    float:left;/* effects menu*/
    padding:20px;
   border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; 
}

#sidebar {
    float:right;
    width:30%;
    padding:20px;
    background:#999;
    }
    #sidebar p, #sidebar ul, #sidebar ol, #sidebar dl {
    padding-left:20px;
    padding-right:20px;
    /*here #sidebar for sidebar elementa Added to css: #sidebwar p, #sidebar ul, #sidebar ol, #sidebar dl*/
    }
    
    footer[role="contentinfo"] {
    clear:both;
    background:#DDD;
    }