*{
	margin: 0;
	padding: 0;
}
body{
	background: #dae9ff url(images/dreams_bg.jpg);
	font: normal 12px/20px arial, tahoma, verdana, sans-serif;
	color: #1b4364;
}
#container{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	overflow: hidden;
	background: transparent url(images/dreams.jpg) no-repeat;
}
#content{
	padding: 430px 0 0 0;
	margin: 0 10px 0 15px;
	width: 680px;
	float: left;
}
#navigation{
	padding: 430px 0 0 0;
	margin: 0 25px 0 10px;
	width: 240px;
	float: right;
	text-align: justify;
}


/* ---- CONTENT STYLES ---- */
h1{
	color: #74345a;
	text-transform: uppercase;
	font: bold 24px/32px 'trebuchet ms', sans-serif;
	margin: 5px 0 0 25px;
}
h1 span{
	color: #d670a3;
}
h2{
	text-transform: lowercase;
	font: normal 21px/28px 'arial narrow', sans-serif;
	margin: 0 0 0 30px;
	color: #013346;
}
p{
	margin: 5px 0 15px 0;
	text-indent: 12px;
}
b{
	color: #8b4c6a;
}
strong{
	color: #14838a;
}
em,i{
	font: italic 14px/19px georgia, serif;
	color: #9f3e74;
}
.date{
	color: #444;
	font: normal 11px/16px 'trebuchet ms', sans-serif;
	text-transform: uppercase;
	margin: 0 0 3px 40px;
}
.displayAva{
	float: left;
	border: 4px solid #d88ed5;
	margin: 2px 7px 0 0;
	padding: 1px;
	background: #000;
}
a{
	text-decoration: none;
	color: #74345a;
}
a:hover{
	color: #296292;
}


/* ---- NAVIGATION STYLES ---- */
#navigation h1{
	margin: 5px 0 0 15px;
}
#navigation ul{
	width: 240px;
	margin: 0 auto 20px auto;
	background: transparent url(images/dreams_nbg.png) bottom left no-repeat;
	padding: 0 0 52px 0;
	list-style-type: none;
	overflow: hidden;
	text-align: center;
}
#navigation ul li{
	padding: 1px 0;
}
#navigation ul li a{
	display: block;
	width: 110px;
	float: left;
	text-decoration: none;
	color: #296292;
	padding: 4px 5px;
}
#navigation ul li a:hover{
	color: #d670a3;
}