/* Style sheet for iphillips.id.au web site home page */

    html {
        box-sizing: border-box;
    }

    *, *:before, *:after {
        box-sizing: inherit;
    }
    
	body, 
	html {
	    margin: 0px auto;
		padding: 0;
		background-color: #dfdfdf;
        font-family: Arial, Helvetica, sans-serif;
		color: #000;
	}	

	body {
	    width: 100%;
	}

	#wrap {
		width: 100%;
		font-size: 1rem;
		border: 0.1em solid #888;
		border-radius: 0.5em;
		overflow: hidden;
		background-color: #dfdfdf;
		margin: auto;
		text-align: left; 
	}
	
   #header {
       clear: both;
       width: 100%;
       height: 6.5em;
       background-color: #afafaf;
       border-bottom: 0.4em solid #888;
   }
   
   #header h1 {
       padding-top: 1.0em;
       text-align: center;
       font-size: 1.5em;
       color: #4444ff;
   }
   
   #body {
       clear: both;
       width: 100%;
       margin: auto;
       background-color: #dfdfdf;
       border-bottom: .4em solid #aaa;
   }
   
   #body p {
       text-align: left;
       padding-left: 1em;
       color: green;
   }
   
   #body pl {
       padding-left: 2em;
   }
   
   #body pb {
       font-size: 1.0em;
       font-weight: bold;
   }
   
   #body hl {
       font-weight: strong;
       color: purple;
   }
   
   #body h2 {
       text-align: center;
       color: green;
       font-weight: bold;
       font-size: 1.2em;
   }
   
   @media only screen and (min-width: 90em) {
   
        #body p {
            padding-left: 30em;
        }
        
        #body pl {
            padding-left: 3em;
        }