@media all {
  /* elemental trash ; will obsolete with classes*/
  html, body {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 90%;
  }
  h1 {
    font-size: 175%;
    margin: 0; margin-bottom: 0.5em;
  }
  h1 code {
    display: block;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 50%;
    font-weight: normal;
    text-indent: 3.5em;
  }
  
  .person {
		border: 1px solid #345;
		border-left-width: 5px;
		padding-left: 1em;
		margin: 0; margin-bottom: 1em;
	}
  /* page */
  .foaf-page {
    
  }
  .foaf-page-column {
    width: 640px;
    border-width: 4px 0px 4px 0px;
    border-color: #eeeedd;
    background-color: #f8f8f2;
    margin: 0 auto;
  }
  
  /* input block*/
  .foaf-input {
    border: 1px dotted black;
    border-left-style: solid;
    border-left-width: 5px;
    background-color: red;
  }
  .foaf-input-title {
    border: 1px dotted black;
    border-left-style: solid;
    border-left-width: 5px;
    background-color: red;
  }
  .foaf-input-text {
        
  }
  .foaf-input-text input[type=text] {
    border: 1px solid #000;
    font-family: 'Trebuchet MS', sans-serif;
    padding: 0.1em 0.5em;
    width: 590px;
  }
  .foaf-input-submit {
  }
  
  
}