/* CSS Document */

/*
This code is for both your main site index page and your blog.

As it is, it works for the main site. To change it for the blog edit the lines
commented in capital letters.

I've tried to write the css to reproduce as much as possible the original
look you had. The most significant change is that I've defined the font size
in px rather than xx-small (which screws up). It is all very easy to play with
to get it exactly the way you want it.
*/

#diary {
  height:120px; /* CHANGE TO 340px FOR BLOG */
  width: 430px; /* CHANGE TO 165px FOR BLOG */
  overflow:auto;
  border: 1px solid #635d84;
  margin: 5px 0px 0px 10px; /* CHANGE TO 5px 0px 0px 0px FOR BLOG */
  padding: 10px 10px 0px 10px; /* If you change padding you will need to change height & width */
  font-family: Verdana;
  font-size: 10px;
  color: #635d84;
  background-color: #efe0e8;
}

#diary p {
  font-family: Verdana;
  font-size: 10px;
  text-align: justify;
  color: #635d84;
  margin: 0px 0px 10px 0px; /* top margin is 0px so no gap after h3 bottom margin is same as font size so give line space after */
  padding: 0; /* ensures padding is not inherited */
  line-height: normal; /* line spacing required to ensure blog does do 1.5 line spacing but change it to whatever you want for lines spacing*/
}

#diary h3 {
  font-family: Verdana;
  font-size: 10px; /* set to same font size as rest of text */
  font-weight: bold;
  color: #635d84; /* you can change this back to black but I think it is better this colour! */
  margin: 0; /* ensures no line spacing before or after */
}

#diary a {
	color: #400080;
	text-decoration: underline; /* if you don't want underlined links change this to "none" */
}
#diary a:active {
	color: #645D84;
}
#diary a:hover {
	color: #645D84;
}