/* stylesheet for treewind/webhosting */
@import url('/normalize.css');
table.webdesign
{
  margin: 10px;
  width: 800px;
  background: white;
  color: black;
}

table.webdesign tr td, table.webdesign tr th
{
  border: 1px solid blue;
  padding: 2px;
}

div.leftcol
{
  width: 45%;
  float: left;
}

div.rightcol
{
  width:45%;
  float: left;
  margin-left: 5%;
}

div.panel
{
  background: #efc;
  color: black;
  padding: 10px;
  border-radius: 7px;
  max-width: 800px;
}

div.pale
{
  background: #f8fff8;
}

ul li
{
  margin: 5px 0 5px 20px;
}

div.col
{
  display: table-cell;
  vertical-align: top;
  width: 45%;
  margin: 0 10px;
  padding: 0 10px;
}
div.col.left
{
  border-right: 1px solid #060;
}
table.hostingprices { margin: 10px 0 }
table.hostingprices tr td, table.hostingprices tr th
{
  padding: 2px 5px;
  background: white;
  border-bottom: 1px solid #edf;
}
table.hostingprices tr th
{
  text-align: left;
  background: #edf;
}
a.sitebutton
{
  display: inline-block;
  vertical-align: top;
  color: black;
  background: #cfc;
  background: linear-gradient(#ded, #aba);
  border: 1px solid /* #060 */ blue;
  font-size: 90%;
  line-height: 1.2;
  width: 140px;
  min-height: 50px;
  padding: 3px;
  margin: 5px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}

a.sitebutton:hover
{
  background: #efe;
  background: linear-gradient(#f8fff8, #ada);
  border: 1px solid #99f;
}

h2, h3, h4 { margin: 10px 0 2px}


@media screen and (max-width: 600px)
{
  div.col {display: block; width: 95%; padding: 5px 0; margin: 5px 0}
  div.col.left { border-right: none }
  a.sitebutton { margin: 1px; padding: 1px; width: 135px; font-size: 90% }
}

div.localmenu
{
  background: #efe;
  max-width: 800px;
  padding: 0 10px;
}

div.localmenu div.localmenuitem
{ 
  display: inline-block;
  width: max-content; 
  padding: 2px 10px; 
  text-decoration: none;
  background: #aca;
  border-radius: 5px;
  margin: 10px;
}

div.localmenu div.localmenuitem a
{
  color: black;
  text-decoration: none;
}
div.localmenu div.localmenuitem.hl a
{
  text-decoration: underline;
}

ul {margin: 10px 0}
.centered_text { text-align: center }
h2.wh_heading { text-align: center; margin: 0 0 10px 0 }
div.news { margin-top: 10px; }
ul.newcustomers 
{ 
  background: white; 
  max-width: 600px; 
  margin: 5px; 
  padding: 5px 
}