html,body{
                background: url('background.jpg');
                background-repeat: repeat;
                font-family: Arial, Verdana, sans-serif;
                padding-bottom: 15px;
                padding-top: 15px;

            }
            .container{
                max-width: 800px;
                margin: 0 auto;
                text-align: center;
                background: white;
                padding: 1em;
            }


            .foo{
                background: gray;
                width: 80%;
                color: black;
            }

            .article{
                background: #cccccc;
                width: 600px;
                color: black;
                text-align: left;
                padding: 10px;

            }

            p{
                line-height: 1.5;
            }

            .heading{
                color: gray;
                font-family: 'Courier New', sans-serif;
            }
            .posted{
                color: gray;
                font-size: .75em;
            }

            .img{
                float: left;
                width: 20%;
            }


            .img img{
                border: 3px solid #7b7bff;
                width: 100;
                height: 100;
            }

            .info{
                float: right;
                width: 55%;
            }

            .clear{
                clear: both;
            }

            .footer{
                padding: 1em;
            }

            .footer p{
                color: dimgrey;
                font-size: small;
            }

            a{
                color: red;
                text-decoration: none;
                font-weight: 500;

            }

            a: visited{
                color: magenta;
            }