html               { background-color: #a5cddd; }    
body           
                     font-family: Verdana; 
                     width: 1024px; 
                     margin: auto; 
                     padding: 24px; }
  
header h1   
       { font-family: "Comic Sans MS"; 
                     font-size: 32px; 
                     color: #1d9cda; 
                     margin: 0; }





nav                { background-color: #1D9CDA; 
                     text-transform: uppercase; }

nav ul 	           { list-style-type: none; 
                     padding: 16px; }

nav ul li          { display: inline; 
                     border-right: 2px solid #FFFFFF;
                     padding-right: 24px; 
                     padding-left: 16px; }

nav ul li a        { text-decoration: none;
                     color: #FFFFFF; }

nav ul li a:hover  { text-decoration: underline; }





h2                 { font-size: 22px; 
                     color: #A52A2A; 
                     margin-top: 5px; }

strong             { color: #FF0000; }




aside img          { max-width: 100%; }



article            { float: left; 
                     width: 67.5%; }

aside img          { max-width: 100%; }

aside              { float: right; 
                     width: 30.9%;
                     margin-bottom: 16px; 
                     padding-left: 1.6%; }
section            { background-color: #F2F2F2; 
                     margin-bottom: 16px; 
                     padding: 16px; }
footer             { clear: both;
                     background-color: #333333; 
                     color: #FFFFFF; 
                     padding: 24px; }










.button            { background-color: #EB4E3D; 
                     display: inline-block;
                     padding: 12px;
                     color: #FFFFFF;
                     text-decoration: none; 
                     font-size: 14px; 
                     letter-spacing: 2px; }