body{font-family: Arial,sans-serif; background:#cccccc; font-size: small; text-align: center; margin:0; padding:0;}

#wrapper{width:900px; margin: 0 auto; background: #ffffff;}

/* Set background-color to transparent to avoid flickering image in IE6 */
#drheader_blog{width: 862px; margin: 10px; height: 150px; background-color: transparent; background-image: url("images/blog_images/folds4.gif"); clear: both; border: 2px solid #666699; font-family: Courier new; line-height:150px; font-size: 1em; }

/* hides the second object from all versions of IE */
* html object.mpg { display: none; }
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mpg/**/ { display: inline; }
/* hides the second object from all versions of IE >= 5.5 */
* html object.mpg { display/**/: none; }

/*widecontent div makes the border for main blog text, with navigation buttons to RHS*/
#widecontent {float: left; width: 886px; padding:5px; line-height:1.5em; text-align: justify; border-left: 5px solid #666666; border-right: 5px solid #666666;}

/*content div positions and formats blog text*/
#content {float: left; width: 655px; margin: 10px; line-height:1.5em; text-align: justify; }

/*Navigation bar at RHS of page. Each navbutton has its own div and background image*/
#navigation {font-family: Lucida console, monospace; font-weight: bold; font-size:15px; float:left; margin: 10px; text-align: left; color: #003366; border: 2px solid #666699; line-height: 30px; padding: 5px;}

#navbuttonabout {float:left; border: 1px solid #003366; background-image: url("images/blog_images/donkey.gif"); height:30px; width:175px; text-align:center; clear:both;}
#navbuttonarchive {float:left; border: 1px solid #003366; background-image: url("images/blog_images/sst.gif"); height:30px; width:175px; margin-top: 5px; text-align:center;  clear:both;}
#navbuttonoldstuff {float:left; border: 1px solid #003366; background-image: url("images/blog_images/basement.gif"); height:30px; width:175px; margin-top: 5px; text-align:center;  clear:both;}


/*box divs position text boxes on "about_blog.html" page*/
#box {float:left; width: 358px; padding:5px; margin: 10px;  line-height:1.5em; text-align: justify; border: 2px solid #000000;}
#nextbox {float:left; clear:left; width: 360px; padding:5px; margin: 10px;  line-height:1.5em; text-align: justify; border: 2px solid #000000;}

/*footer div is below widecontent box*/
#footer {width: 886px; clear: both; background: #666699; color: #ffffff; font-weight: bold; padding:5px; border-top: 2px solid #666666; border-bottom: 2px solid #666666; border-left: 5px solid #666666; border-right: 5px solid #666666;}
#footer p {margin: 0; text-align: right; } 

/*w3c "valid xhtml" icon positioning central below navigation buttons*/
img.w3icon {float:left; margin:0 0 0 56px;}

img {border: 2px solid #000000; }

/*h1 is the page title, h2 the blog date, h3 the headline and h4 a subheader */
h1 {color: #000066; text-align:center;}
h2 {color: #003366; font-size: 1.25em; font-family: Lucida console, monospace; font-weight:bold; font-variant:small-caps; line-height:2em; text-indent: 10px; }
h3 {color: #ffffff; background: #9999cc; font-family: Times New Roman, serif; font-size: 1.3em; font-weight:bold; line-height:1.5em; text-indent: 10px; border: 1px solid #003366;}
h4 {color: #336666; text-align:right; font-family: Times New Roman, serif; font-size: 1em; font-weight:bold; line-height:1em; }

a {font-weight: bold; }

a:link {text-decoration: none; color: #cc00cc;}
a:visited {text-decoration: none; color: #9933cc;}
a:active {text-decoration: none; color: #9900cc;}
a:hover {text-decoration: none; color: #9900cc;}

h3 a:link {text-decoration: none; color: #ffffff;}
h3 a:visited {text-decoration: none; color: #ffffff;}
h3 a:active {text-decoration: none; color: #003366;}
h3 a:hover {text-decoration: none; color: #cc00cc;}