<style>
<!--
html {
    height: 100%;
    margin: 0;
}
 * {
   margin: 0;
   padding: 0;
 }
 

body
{
  /*Background gradient*/
  background-image: url(images/background.jpg);
  background-repeat: repeat;
  /*Indent everything */
  /*A photoshop font, falls back to arial*/
  /*font-family: Myriad Pro,sans-serif  */
  width: 100%;
  height: 100%;
}

/*Header settings: "Mel Brackstone"*/
h1
{
  color: white;
  /*Size 60 (16*3.75)*/
  font-size: 3.75em;
  /*Dont want it bold*/
  font-weight: normal;
  /*The closer the better*/
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/*Any paragraph tags with class="links"*/
p.links
{
  /*The dark greenish grey*/
  color: #2d2e25;
  /*About size 30*/
  font-size: 1.875em;
  /*The closer the better*/
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/*Unvisited Links in the header*/
div.header a:link
{
  /*The dark greenish grey*/
  color: #2d2e25;
}
/*Visited links in the head*/
div.header a:visited
{
  /*The dark greenish grey*/
  color: #2d2e25;
}

/*Both Column Settings*/
div.column
{
    /*The darkgreenish grey gradient*/
    background-image:
    url('images/columnbg.jpg');
    background-repeat: repeat-x;
    /*Mostly useless (see below)*/
    max-width: 400px;
    min-height: 600px;
    /*ensure it doesnt take up an entire "row"*/
    float: left;
    /*Internal padding*/
    padding: 5px 20px 20px 20px;
    /*The space between columns*/
    margin-right: 15px;

    /* IE Compatibility: IE treats these as min-values */
    /* Luckily Neither Firefox nor IE respect these and will keep growing based on content */
    width: 400px;
    height: 600px;
    /*All text in the container is white unless otherwise specified*/
    color: white;
}

/*2nd rate headers in columns "Journal, Recent Works"*/
div.column h2
{
  /*The closer to the mock-up the better*/
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  /*Not bold*/
  font-weight: normal;
}
/*Third rate headers in columns "Post titles, Work Titles"*/
div.column h3
{
  /*The closer the better*/
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /*Not bold*/
  font-weight: normal;
}

/*Any dot point within a column*/
div.column li
{
  /*The closer the better*/
  margin: 0 0 0 0;
  padding 0 0 0 0;
}
div.column ul
{
  margin-top: 20px;
}

/*Any visited links inside a column*/
div.column A:visited
{
    /*Are white*/
    color: white;
}
/*Any unvisited links inside a column*/
div.column A:link
{
    /*Are white*/
    color: white;
}
/*The picture reel on the right side*/
div.innercontent2
{
   /*Make the images align right*/
   text-align: right;
   float:right;
   /*Ensures pictures dont try to line up horizontally*/
   max-width: 160px;
}
/*Any images in the picture real*/
div.innercontent2 img
{
    /*Space out*/
    margin-top: 20px;
    /*Force width to keep the layout sane
    (width based on the average of feed thumbnails)*/
    width: 150px;
    /*Dont force height (keep aspect ratio)*/
}

/*Anything in the recent works column*/
div.innercontent1
{
  /*The rest of the right column that isnt 160*/
  max-width: 220px;
  width: 220px;
  /*Allow the 2nd column to be next to this one*/
  float:left;
}
/*Any images in the recent works column*/
div.innercontent1 img
{
    /*Some Space*/
    margin-right: 15px;
    /*Force width to keep the layout sane
    (width based on the average of feed thumbnails)*/
    width: 150px;
}
-->
</style>