img {
    padding: 5px;
    border: 5px;
    margin: 5px;
    max-width: 100%;
    height: auto;
}
  body {
   font: 16px Helvetica;
   background: #999999;
  }

  #main {
   min-height: 600px;
   max_width: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 4px;
   padding: 5px 5px 5px 20px;
   border: 1px solid #cccc33;
   border-radius: 7pt;
   background: #dddd88;
   -webkit-flex: 3 1 52%;
           flex: 3 1 52%;
   -webkit-order: 2;
           order: 2;
   }
  
  #main > nav {
   margin: 4px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
   -webkit-flex: 1 6 14%;
           flex: 1 6 14%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   margin: 4px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
   -webkit-flex: 1 6 34%;
           flex: 1 6 34%;
   -webkit-order: 3;
           order: 3;
   }
 
  header, footer {
   display: block;
   margin: 4px;
   padding: 5px 5px 5px 20px;
   min-height: 100px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #ffeebb;
   }
 
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
  
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
            flex-direction: column;
   }

   #main > article, #main > nav, #main > aside {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header, footer {
    min-height: 50px;
    max-height: 50px;
   }
  }
  
   li {
    list-style: none;
   }
   a { 
    text-decoration: none;
   }
   a:hover {
    color: #dddd88; background:#8888bb
   }

   .button {
    font: bold;
    text-decoration: none;
    background-color: #dddd88;
    color: #333333;
    padding: 2px 5px 2px 5px;
    margin-left: 4px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-radius:5px;
   }
   .dropshadow {
        margin: 15px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: solid 2px #CCC;

	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
        box-shadow: 5px 5px 5px #999;

        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;  
    }