#container {
	height: auto;
}
	
html, body {
	height: 100%;
}
body {
	background-color: #CFDFAF;
	margin: 0px;
	font: 12px/1.5 "Courier New", Courier, mono;
}


#container {
	top: 0px;
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
			}

#quoteboxwrapper {
	text-align: left;
	margin-left: -55%;
	position: absolute;
	top: 15%;
	left: 50%;
	width: 70%;
	visibility: visible;
	}
	
#quoteimage {
	height: 250px;
	width: 199px;
	position: absolute;
	background-repeat: no-repeat;
	left: 0px;
	text-align:left;
	margin:0px;
	background-image: url(http://www.writersmugs.com/images/size-three-clear-frame.jpg);
	}
	
#art {
	position: absolute;
	border: 0px solid #2B3031;
	top: 0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5;	
	padding-left:67px;
}

#art, #quote {
	padding-top:73px; 
}

#quote {
	padding-left: 200px;
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: left;
}

#quote {
	top: -24px;
}
	
#date {
	position: relative;
	font-size: 16px;
	color: black;
	padding-top:40px;
	right: 0px;
	display: block;
}

#next {
	text-align: center;
	margin-left: -350px;
	position: absolute;
	bottom: 0%;
	left: 50%;
	width: 700px;
	}



A.whitelink {
	color: black;
	}

.brightlink { color: #FFFFFF; }
a { color: #000000; font-family: Verdana, Arial, Verdana; font-size: 12px; font-weight: bold }
a:hover { text-decoration: underline }