body{font-family: Arial,sans-serif; background:#f0f0f0; font-size: small; margin:0; padding:0;}

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

/* Set background-color to transparent to avoid flickering image in IE6 */
#header{clear: both; border: 0; 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: 2px solid #909090; border-right: 2px solid #909090;}

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

/*Navigation bar at RHS of page.*/
#navigation {font-size:15px; float:left; margin: 20px; text-align: left; color: #003366; border: 0px solid #666699; line-height: 30px; padding: 5px;}

/*box divs position text boxes on "about_blog.html" page*/
#firstbox {float:left; width: 290px; padding: 0 10px 5px 10px; margin: 5px;  line-height:1.5em; text-align: justify; border: 2px solid #909090;}
#secondbox {float:left; width: 290px; padding: 0 10px 5px 10px; margin: 5px;  line-height:1.5em; text-align: justify; border: 2px solid #909090;}
#thirdbox {float:left; clear:left; width: 290px; padding: 0 10px 5px 10px; margin: 5px;  line-height:1.5em; text-align: justify; border: 2px solid #909090;}
#fourthbox {float:left; width: 290px; padding: 0 10px 5px 10px; margin: 5px;  line-height:1.5em; text-align: justify; border: 2px solid #909090;}

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

/*icon positioning central below navigation buttons*/
img.w3icon {border: none; float:left; margin:0 0 0 56px; padding-bottom: 10px;}
img.ewicon {border: none; float:left; margin:0 0 0 60px; padding-bottom: 10px;}
iframe.fblike {float:left; margin:0 0 0 60px; padding-bottom: 10px;}
img.bmbicon {border: none; float:left; margin:0 0 0 20px; padding-bottom: 10px;}

img {border: 2px solid #000000; margin-top:15px; margin-bottom:15px;}
img.borderless {border: none; }


/*h1 is the main blog tagline, h2 the comments headline, h3 the post title, h4 the post date and h5 a subheader */
h1 {color: #000000; font-size: 1.3em; text-indent: 25px;  text-align:left; font-weight:normal;}
h2 {color: #660099; font-family: Arial, sans-serif; font-size: 1.3em; font-weight:bold; line-height:1em; text-indent: 25px; text-decoration:none;}
h3 {color: #000000; background-image:url('gradient.gif'); background-repeat:repeat-x; font-family: Times New Roman, serif; font-size: 1.3em; font-weight:bold; line-height: 1.75em; text-indent: 10px; }
h4 {color: #336666; font-family: Times New Roman, serif; font-size: 1.25em; font-weight:bold; line-height:1em; text-indent: 25px; text-decoration:underline;}
h5 {color: #000000; font-family: Arial,sans-serif; font-size: 1em; font-weight:bold; line-height:1em; text-indent: 10px; }

/*styling p attribute for short quotation*/
p.quote {text-indent:20px;}



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