body {
	background-image: url(backgroundGradient.jpg);
	font-family: "Trebuchet MS", Geneva, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0; /* for Opera */
}

.spacer {
	clear: both;
}

	#pageContainer {
		margin: 0 auto;
		width: 734px;
	}

		#topArea {
			position: relative;
			width: 726px;
		}	

			#headerGraphic {
				margin-right: auto;
				margin-left: auto;
				position: absolute;
				top: 0px;
				z-index: 2;
				left: 100px;
			}
		
			#topBar {
				background-color: #BACECA;
				width: 726px;
				padding-left: 8px;
				font-size: 11px;
			}
			
			#headerArea {
				background-color: #191F2C;
				color: #F7F6EF;
				text-align: right;
				width: 726px;
				height: 283px;
				padding-right: 8px;
				padding-top: 8px;
			}
			
			#menuBar {
				position: relative;
				background-color: #BACECA;
				width: 726px;
				padding-right: 8px;
				text-align: right;
				z-index: 1;			
			}
			
			#menuBarLinks {
				position: absolute;
				right: 8px;
				zheight: 100px;
				bottom: 0;
				z-index: 3;
			}
		
		#contentArea {
			background-color: #F8F8F6;
			width: 734px;
			padding-top: 20px;
			margin-bottom: 20px;
			visibility: ;
			overflow: ;
		}
			div.postBox {
				width: 734px;
				display: block;
				padding-top: 5px;
				padding-bottom: 5px;
				margin: 10px 0;
			}
			
				div.postBox:hover {
					background-color: #F1DFCF;
					width: 734px;
					clear: both;
					display: block;
					padding-top: 5px;
					padding-bottom: 5px;
				}

		
				div.post {
					width: 526px;
					margin-right: auto;
					margin-left: auto;
					
				}
					
					div.poem {
						float: left;
						text-align: left;
						max-height: 300px;
						max-width: 274px;
						overflow: auto;
					}
					
					div.date {
						text-align: right;
						overflow: auto;
					}
					
			#miniNav {
				text-align: center;
			}
			
				#miniNav a {
					margin: 0 15px;
				}
				
		

		



a:link {
	color: #6A849C;
	text-decoration: none;
}
a:visited {
	color: #191F2C;
	text-decoration: none;
}
a:hover {
	color: #5D442F;
	text-decoration: underline;
}
a:active {
	color: #191F2C;		
}
p {
	margin: 20px;
}
#contentMargins {
	margin: 20px;
}

p.errorMessage {
	text-align: center;
	color: red;
}

/* form tags */

input {

	font-family: "Trebuchet MS", Geneva, sans-serif;
	font-size: 14px;
}
 textarea {

	font-family: "Trebuchet MS", Geneva, sans-serif;
	font-size: 14px;
}
 
