body { background:#6c5e40; }
h1 {font:bold 14pt Arial;margin-left:20px;color:maroon; }
p { text-decoration:none; }


div.title {
  background:#9F8F73; 
  color:maroon;
  border:5pt double maroon;
  border-radius:50%;
  box-shadow: brown 5px 6px 8px;
  width:390px;
  height:100px;
  padding:1px;
  margin-top:27px;
  margin-left:0px;
}
h1.title {font:italic bold 32pt Arial;margin-top:15px;margin-left:50px;}
p.title {position: relative;bottom:40px;left:100px;font: italic 18pt Arial;color:maroon;}
div.title_ipad {
  background:#9F8F73; 
  color:maroon;
  border:5pt double maroon;
  border-radius:50%;
  box-shadow: brown 5px 6px 8px;
  width:390px;
  height:100px;
  padding:1px;
  margin-top:27px;
  margin-left:0px;
}
h1.title_ipad {font:italic bold 32pt Arial;margin-top:15px;margin-left:50px;}
p.title_ipad {position: relative;bottom:40px;left:100px;font: italic 18pt Arial;color:maroon;}
div.address {
  background:#9F8F73; 
  color:maroon;
  border:1pt solid maroon;
  border-radius:1em;
  box-shadow: brown 2px 3px 7px;
  width:350px;
  height:100px;
  padding:1px;
  padding-top:9px;
  margin-top:0px;
  margin-right:10px;
  position:absolute;
  top:27px;
  right:10px;
  z-index:-1;
}
p.address {text-decoration:none;position: relative;bottom:10px;left:10px;font: italic 18pt Arial;color:maroon;padding:0px;margin:0px;margin-top:5px;}
div.address_ipad {
  background:#9F8F73; 
  color:maroon;
  border:1pt solid maroon;
  border-radius:1em;
  box-shadow: brown 2px 3px 7px;
  width:350px;
  height:100px;
  padding:1px;
  padding-top:9px;
  margin-top:0px;
  margin-right:10px;
  position:absolute;
  top:162px;
  z-index:-1;
}
p.address_ipad {position: relative;bottom:10px;left:10px;font: 18pt Arial;color:maroon;padding:0px;margin:0px;margin-top:5px;}



/* admin section */
div.loginbox {
 background:#9F8F73;
 border:5pt double maroon;
 border-radius:.4em;
 padding:20px;
 width:380px;
}
input.link { color:maroon;padding-left:20px;padding-right:20px;padding-top:7px;padding-bottom:7px;font:bold 10pt Arial;border:2px outset maroon;border-radius:.2em; }
input.link:hover { background:maroon;color:white;border: 2px inset maroon; }
div.credential { color:maroon;}
table.display_table { background: #9F8F73;border:4px double maroon; padding:5px; border-radius:.1em; }
tr.row_heading { }
td.col_heading {background:#CCCCCC; border:1px solid black; border-radius:.1em;font: 12pt "Courier New"; color:#344344; padding-left:10px;}
td.col {border:1px solid black; border-radius:.1em;font: 9pt "Courier New"; color:black;padding:5px;}
td.col_alt {background:#DDDDEE;border:1px solid black; border-radius:.1em;font: 9pt "Courier New"; color:black;padding:5px;}
div { }
div.inputdiv {
  display:block;
  padding:0px;
  margin:2px;
}
input.editfield { background:#CCCCCC;border-radius:.9em;width:250px;height:25px;padding:2px;padding-left:10px;margin:0px; }
input.editfield_small { background:#CCCCCC;border-radius:.9em;width:250px;height:18px;padding:2px;padding-left:10px;margin:0px; }
input.title { font-size:18pt;width:300px;background:#CCCCCC; }
fieldset.user { color:maroon;border:1pt solid maroon;border-radius:.5em;padding:5px;width:270px;}
input.button, a.button {
      text-decoration:bold;
      width: 100px;
      background: #CCCCCC;
      color: maroon;
      border: 2pt outset maroon;
      margin-top: 5px;
      padding-top:2px;
      padding-bottom:2px;
      padding-left:35px;
      padding-right:35px;
}
a.button:hover,input.button:hover { border:2pt inset maroon; background: red;color:white; }
fieldset.adminsect {
   width:290px;
   color:maroon;
   border:2pt inset maroon;
   border-radius:.7em;
   padding:5px;
}
textarea.adminsect {
  background:#CCCCCC;
  width:290px;
  border:2pt inset maroon;
  border-radius:.7em;
  margin-left:20px;
}
input.adminsect {
  background:#CCCCCC;
  width:120px;
  border:2pt inset maroon;
  border-radius:.7em;
  margin-left: 20px;
}




/* grid section  */
p.article_title {
	font:bold 14pt Tahoma;
      color: maroon;
      margin-left:1px;
      margin-top:2px;
      margin-bottom:2px;
}
p.article {
    font: 10pt Arial;
    text-decoration:none;
    color:black;
    margin:7px;    
}
p.article_owner {
    font: bold 12pt Arial;
    float:right;
    text-decoration:none;
    color:maroon;
    margin-top:0px;
    margin-left:15px;
}
.item {
  width: 260px;
     border:1pt solid black;
      border-radius:.2em;
      margin:3px;
      padding:2px;
      text-align:center;
  float: left;
}
div.article_title {
      color:maroon;
      width:260px;
      border:2pt double maroon;
      border-radius:.2em;
      margin:3px;
      padding:7px;
      text-align:center;
      float:left;
}
container {
  display: grid;
  width: 900px;
}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}
/* Create equal columns that sits next to each other */
.column {
    -ms-flex: 23.7%; /* IE10 */
    flex: 23.7%;
    max-width: 23.7%;
      color:maroon;
      background:#9F8F73; 
      width:260px;
      border:5pt double maroon;
      border-radius:1.5em;
      margin:3px;
      padding:2px;
      text-align:center;
      float:left;
}
.column a {
  margin-top: 8px;
  vertical-align: middle;
}
/*2 wide */
@media screen and (max-width: 995px) {
    .column {
        -ms-flex: 48%;
        flex: 48%;
        max-width: 48%;
    }
}

/* 1 wide */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

input.credential_v {
   display: none;
   visibility: hidden;
}