/* style.css - a simple style sheet */
body {
  
  color: black; background: grey;
  font-family: Verdana, sans-serif;
  font-size: 0.9em;
}
 
div.main {
    background: #88aa77;
    border-left: 160px;
    border-right: 160px;
    border-top: 0px;
    border-bottom: 0px;
    border-color: #008000;
    border-style: solid;
    margin-left: 32px;
    margin-right: 32px;
    
}

/* how to make this stay on the left side */
div.leftside {
    background: black;
    border-style: solid;
    border-bottom: 4px;
    border-top: 4px;
    border-left: 4px;
    border-right: 4px;
    border-color: #ff66cc;
    left: 40px;
    top:  212px;
    width: 160px;
    position: absolute;
}

div.rightside {
    right: 40px;
    top:  212px;
    width: 160px;
    position: absolute;
}

div.sidebox {
   background: #ddd3aa;
   border-style: groove;
   border-color: black;
}

div.google {
  background: white;
   border-style: groove;
   border-color: black;
   padding: .2em;
}

div.navheader {
    background: #ddd3aa;
    font-weight: bold;
    border-top: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-color: black;
    border-style: solid;
    text-color: black;
    link-color: black;
    padding: .2em;
}


div.navcategory {
    background: #ddd3aa;
    font-weight: bold;
    border-top: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-color: black;
    border-style: solid;
    text-color: black;
    link-color: black;
    padding: .2em;
    font-size: 0.8em;
}

div.navlink {
    background: #ddd3aa;
    border-top: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-color: black;
    border-style: solid;
    text-indent: 2em;
    text-color: black;
    link-color: black;
    padding: .2em;
    font-size: 0.75em;

}

div.navcategory:hover {
    background: #77bb44;
}

div.navlink:hover {
    background: #77bb44;
}

a.menu {
    color: black;
    text-color: black;
    text-decoration:none;
    font-size: 0.8em;
	display: block;
}

/* for toddhester.net banner at top, figure out how to do colored stripes */
/* on top/bottom and all caps font with larger T and H */
 div.banner {
    background: #0073e5;
    border-top: 40px;
    border-bottom: 40px;
    height: 100px;
    border-right: 0px;
    border-left: 0px;
    border-style: solid;
    border-color: #003ba0;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 4em;
    padding: none;
	margin-left: 32px;
	margin-right: 32px;
    margin-top: 32px;
    margin-bottom: 0px;
 }

font.capital{
	font-size: 1.4em;
}

div.subbox {
    padding: 0.5em;
	clear: both;
  }

div.leftbox {
   width: 49%;
 }


div.rightbox {
   width: 49%;  
   float: right;
 }

div.tiled {
   clear:both;
   padding: 0.5em;
}

div.quote {
   font-weight: italic;
}

div.blogentry {
   background: #4477aa;
   border-style: groove;
   border-color: black;
}

div.blogentry a {
   color: #990000;
}

div.title {
   font-weight: bold;
   font-size: 1.2em
}

div.footer {
   clear: both;
   margin-left: 32px;
   margin-right: 32px;
   font-size: 0.9em;
	background: #ddd3aa;
	border-left: 160px;
    border-right: 160px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: #008000;
}

table {
	font-size: 1em;
}