@charset "UTF-8";
/* CSS Document */



h1 {font-weight:bold;
	font-size:30px;
	text-transform: uppercase;
	font-family:'Times New Roman', Times, Serif;
	word-spacing:2px;
	color:#0099FF;
	line-height:120%;
	width:auto;
	padding:5px;
	border:none;}

h2 {font-weight:400;
	font-size:20px;
	font-family: Verdana, Helvetica, Airal, Sans-serif;
	word-spacing:3px;
	letter-spacing:1px;
	color:#990000;
	line-height:100%;
	width:auto;
	padding-bottom:5px;
	border:none;
	text-align:left;
	}
	
	
	p {font-size:18px;

	font-family:'Times New Roman', Times, Serif;
	word-spacing:2px;
	color:#333333;
	line-height:130%;
	padding-left: 5px;}
	
	.copy {font-size: 14px;
	color:#666666;
	font-family:'Times New Roman', Times, Serif;
	text-align:center;padding-top:5px;}
	
	#home {width:60%;float:left; padding:3%; border: solid #999999 2px;}
	
	.hometext {font-weight:400;
	font-size:20px;
	font-family: Verdana, Helvetica, Airal, Sans-serif;
	word-spacing:3px;
	letter-spacing:1px;
	color:#0099FF;
	line-height:150%;
	width:auto;
	padding:0;
	border:none;
	text-align:left;}
	
	#poetry {width:60%;float:left; padding:3%; border: solid #999999 2px;}
	
	#nav {width:28%; float:right; padding-left:2%; padding-right:2%; padding-top:0; padding-bottom:0;}
	
	#nav a {text-decoration:none; font-family:Verdana, Helvetica, Airal, Sans-serif; font-size: 15px; color:#000000; line-height: 150%; padding-bottom: 5px;}
	
	#nav a:hover {color:#990000;}
	
	#footer {width:60%;float:left; padding:3%; position:relative; }
	
	@media screen and (max-width: 600px) {
	
	h2 {font-size:medium;}
	
	p {font-size: small;}
	
	#home {padding:3%; width: 94%;}
	
	#poetry {padding:3%; width: 94%;}
	
	#nav {float:left; width:94%; }
	
	#nav a {font-size:small;}
	
.copy{font-size:smaller}

#footer {float:left; width:94%; position: relative;}
	
	}