<html>


<head>

<title> Green Robot Blog</title>

<style type="text/css">

body

{

background-color: 33FF66;

}


#header

{

align=center;

border:10px solid ;

}




#container

{

width: auto;

color: 336600;

background-color:99ff99;

border: 6px ridge;

margin-left: auto;

margin-right: auto;

}


#mainimage

{

width: auto;

color: 336600;

background-color:99ff99;

border: 6px ridge;

margin-left:auto;

margin-right:auto;

}


#bio

{

width: auto;

color: 336600;

background-color:99ff99;

border: 6px ridge;

margin-left:auto;

margin-right:auto;

}





p

{

text-indent: 50px;

}




.equal {

    display:table;

}

.row {

    display:table-row;

}

.row div {

    display:table-cell;

}




</style>

</head>


<body>


<div id="header">

<center>

<h1> Green Robot Blog</h1>

<h2> A Place For Relection From a Robot</h2>

</center>

</div>


<div class="equal">

<div class="row">

<div class="one">

<div id="container">

<h1> Contact the Robots</h1>

<h3>Phone:</h3>

<h4>(514)-666-6666</h4>

<h3>Fax:</h3>

<h4>(514)-666-6666</h4>

<h3>Email:</h3>

<h4>greenrobot@robotmail.com</h4>

</div>

</div>

<div class"two">

<div id="mainimage">

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/05/HONDA_ASIMO.jpg/220px-HONDA_ASIMO.jpg" alt="W3Schools.com" width="104" height="142" />

</div>



<div class"three">

<div id="bio">

<h1> Thoughts of a Green Robot</h1>

<h2> A Relection</h2>

<p class="awesomeness"> When I wake up,I grease up my joints, and get on with my robot  self. When I wake up,I grease up my joints, and get on with my robot  self. When I wake up,I grease up my joints, and get on with my robot  self When I wake up,I grease up my joints, and get on with my robot  self.When I wake up,I grease up my joints, and get on with my robot  self.When I wake up,I grease up my joints, and get on with my robot  self</p>

</div>

</div>













</body>


</html>