/* Stylesheet for MichaelHinds.com */

html, body {height:100%}
body {
  padding:0;
  margin:0;
  background: #fff;
  font-family: verdana,tahoma,helvetica,arial,sans-serif;
  font-size: 80%;
  line-height: 170%;
  color: #000000;
}

b  {
   font-weight : bold;
   font-size : 100%;
}

h1 {
   font-size : 200%;
   font-family : times,serif;
}
h2 {
  font-size : 130%;
  font-family : tahoma,verdana,sans-serif;
  padding: 1em;
  margin-bottom: 0px;
}

h3 {
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 110%;
}

h3.inst {
  color: #00d;
}

h4 {
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 100%;
}

h5 {
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 90%;
}

table
{
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 100%;
}

font
{
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 100%;
}

td   {
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 100%;
}

p {
   font-family : verdana,tahoma,helvetica,arial,sans-serif;
   font-size : 100%;
}

p.amazon1 {
  float: right;
  clear: both;
  margin: 20px;
  width: 120px;
  text-align: center;
}

a:link {
}

a:hover  {
  background-color : #ddf;
}
a:visited  {
  color : #777;
}

a:link.img {
  text-decoration:none;
  border: none;
}

a:hover.img  {
  text-decoration:none;
  border: none;
}
a:visited.img  {
  text-decoration:none;
  border: none;
}

ul {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 2em;
}
li {
  list-style-position: outside;
  list-style-image: url(/images/bullet-orange.gif);
  margin-left: 0px;
}



#outer{
  width:100%;
  color: #000000;
  text-align:left;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#crumbs {
  width:100%;
  overflow:hidden;
  color: #000000;
  padding: 0px;
  margin-left: 0.1em;
  font-size: 8pt;
  font-family: verdana,sans-serif;
  float: left;
}
#crumbs a:link,#crumbs a:hover,#crumbs a:visited {
  color: #000000;
  border: none;
}
div#header {
  position: relative;
  overflow: hidden;
  color: #000000;
  background-color: #ff9900;
  border-bottom: 1px solid #000;
  padding: 1em;
}
div#header h1 {
  float: left;
  clear: none;
  font-family: tahoma,verdana,serif;
  margin: 0px;
}
div#header img {
   float: right;
   margin: 8px;
}

#centrecontent {
  padding: 1em;
}

#centrecontent h2,h3 {
  margin-top: 1px;
  margin-bottom: 1px;
}

#centrecontent p {
  margin-top: 6px;
  margin-bottom: 10px;
}

#blogcontent {
  border-left: 100px solid #ffe;
  border-right: 60px solid #ffe;
  width:400px;
}

#blogcontent h2,h3 {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 6px;
}

#blogcontent p {
  margin-top: 6px;
  margin-bottom: 10px;
  margin-left: 6px;
  margin-right: 6px;
  font-family : georgia, tahoma, verdana, times;
}

#right {
  float:right;
  width:49%;
  height: 400px;
}
#left {
  width:49%;
  float:left;
}
#left p {padding-left:2px}

div#footer {
  clear:both;
  height:48px;
  border-top: 1px solid #000;
  padding: 1em;
}
div#footer img.validator {
  float: right;
  border:0;
  width:88px;
  height:31px;
}

* html div#footer {/*only ie gets this style*/
  \height:40px;/* for ie5 */
  he\ight:38px;/* for ie6 */
}
#banner {
  width:100%;
  clear:both;
  height:94px;
}
* html #banner {/*only ie gets this style*/
  \height:96px;/* for ie5 */
  he\ight:94px;/* for ie6 */
}
#clearfooter{clear:both;height:38px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/

.highlight {
  color: #f00;
  font-size: 7pt;
}

.nice td {
  background: #ffffdd;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 3px;
}

.nice th {
  background: #ffffdd;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 3px;
}

table.nice {
  margin-left: 5px;
}

blockquote.term {
  border : solid WindowText 2px;
  border-color : #000000;
  padding : 10pt 10pt 10pt 10pt;
  background : #E1E1E1;
  color : #000;
  white-space: pre;
}

pre.term {
  border : solid WindowText 2px;
  border-color : #000000;
  padding : 10pt 10pt 10pt 10pt;
  background : #E1E1E1;
  color : #000;
  white-space: pre;
  font-size: 10pt;
  margin: 10pt 30pt 10pt 30pt;
  overflow: auto;
}

blockquote.quote {
  border : solid #ddd 2px;
  padding : 10pt 10pt 10pt 10pt;
  white-space: pre;
}

blockquote.important {
  border : solid #eee 2px;
  background: #fea;
  padding : 10pt 10pt 10pt 10pt;
}

#hippy-banner {
  width:100%;
  font-size: 24pt;
  font-weight: bold;
  text-align: center;
  margin: 1pt;
  color: #04f;
  letter-spacing: 10pt;
}