body
{
	background-image: url("pictures/indexbackground.JPG");
}

div.container
{
	width:900px;
	margin-left:5%;
	margin-top:2%;
	border:1px solid #333333;
	line-height:150%;
	background-color:black;
	color:white;
}

div.header,div.footer
{
	color:white;
	background-image: url("pictures/bengalstripe.JPG");
	height: 15px;
}

div.top
{
	color:white;
}

div.left
{
	float:left;
	width:25%;
	margin:0;
}

div.content
{
	margin-left:25%;
	padding:1em;
	height: 50em;
}

div.content2
{
	margin-left:25%;
	padding:1em;
	height: 70em;
}

div.front
{
	margin-left:25%;
	padding:1em;
	height: 60em;
}

div.diary
{
	margin-left:25%;
	padding:1em;
	height: 190em;
}

div.piccontent
{
	margin-left:25%;
	padding:2em;
	height: 400em;
}

ul.none 
{
	list-style-type: none;
	display: block;
}

img.notopborder
{
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

img.baby
{
	border:10px solid white;
	margin-top:50px;
	margin-left:10px;
}

p.pictures 
{
	display: inline;
}

p 
{
	font-family: "Lucida Calligraphy", "Brush Script MT";
}

a.menu
{
	text-decoration:none;
	color:white;
	font-family: "Papyrus", "Arial";
	font-size: 125%;
	line-height:150%;
	padding:0.2em;
}

a:hover 
{
	color:orange;
}

span.letter
{
	float:left;
	width:1.7em;
	font-size:400%;
	font-family:"Edwardian Script ITC", "Brush Script MT";
	line-height:100%;
}

div.img
{
  margin: 2px;
  border: 1px solid #333333;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #333333;}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}