code { display:block; color:#fff; background:#000; padding:2px; margin-left:3px; margin-right:10px; }

.command:before { content: "user@host:$ " }
#selectNav { width:100%; max-width:250px; margin-top:2%; 
	display:none; }

  body {
   font: 14px arial;
   background: grey; /* #999999; */
  }
h1 { text-transform:uppercase; /*background-color:#aaa; color:#eee;
	margin:0px; */ text-align:center; font:13pt arial; line-height:23px; }
	
  #main {
   min-height: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 4px;
   padding: 5px;
   border: 1px solid #cccc33;
   border-radius: 7pt;
   background: #dddd88;
   -webkit-flex: 3 1 70%;
           flex: 3 1 70%;
   -webkit-order: 2;
           order: 2;
   }
  
  #main > nav {
   margin: 4px;
   padding: 5px;
   border: 1px solid #333;
   border-radius: 7pt;
   background: #eee;
   -webkit-flex: 1 6 15%;
           flex: 1 6 15%;
   -webkit-order: 1;
           order: 1;
   }
  #main > nav ol {
	 margin:0;
    padding:0;
    list-style-type:lower-roman;
    list-style-position: inside;  
    display:block;  
  }
  
  #main > nav ol li { margin-bottom:5px; }
  
  #main > aside {
   text-align:center;
   margin: 4px;
   padding: 5px;
   /*border: 1px solid #333;
   border-radius: 7pt;
   background: #eee;*/
   -webkit-flex: 1 6 15%;
           flex: 1 6 15%;
   -webkit-order: 3;
           order: 3;
   
   }
 
  header, footer {
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 75px;
   border: 1px solid #333;
   border-radius: 7pt;
   background: #eee;
   text-align:center;
   }
 
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
  
   #main, #page {
    -webkit-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;
   }
   
   #selectNav { display:inline; }
   #main > nav { text-align:center; }
   #main > nav ol { display:none; }
  }