html {
  background-image: url("http://www.markussipila.info/images/bg-grad.gif");
  background-repeat: repeat-x; 
  background-attachment: fixed;
}

/* DIV STYLES BEGIN HERE */

div#container {
  width: 70%;
  margin: 0px auto;
  margin-top: 0.5em;
  padding: 1em;
  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 0.8em;
  color: black;
  text-align:left; /* counteract the IE centering fix */
}

div#navi {
  margin-bottom: 20px;
}


/* IE/Win has a "Peekaboo" bug that can be fixed with "Holly Hack"

   "Peekaboo" bug expalined:
   http://www.positioniseverything.net/explorer/peekaboo.html

   "Holly hack" explained:
   http://www.positioniseverything.net/articles/hollyhack.html
*/

/* Holly Hack, hides from IE5-mac \*/
* html div#content {height: 1%;}
/* End hide from IE5-mac */

div.left {
  padding: 0px;
  margin: 0px;
  float:left;
}

/* right column div for situations where the photo on left is 390px width */
div.right_390px {
  margin-left: 434px; /* 390px + 2*2px + 2*10px+20px = 434px */
  padding: 0px;
}

div.right_260px {
  margin-left: 297px; /* 253px + 2*2px + 2*20px = 297px*/
  padding: 0px;
}


div.portfolio_icon {
  float:left;
}

div.portfolio_description {
  margin-left: 180px; /*150px + 20px*/
}


/* LINK STYLES BEGIN */

div#navi a:hover {
  color: #ffffff;
}