@import url("reset.css");

body
	{
		font: 16px/20px "Times New Roman", serif;
		color: #2e2824;
		background: #0d0804;
		position: relative;
		width: 100%;
	}

#book
	{
		width: 100%;
		height: 1234px;
		background: url(/lib/img/book-open.jpg) 0 0 no-repeat;
		position: relative;
	}

#contents
	{
		position: absolute;
		top: 80px;
		left: 0;
		width: 414px;
		height: 700px;
		overflow: hidden;
	}

#page
	{
		width: 360px;
		height: 642px;
		overflow: auto;
	}

#hider
	{
		position: absolute;
		top: 110px;
		left: 554px;
		width: 340px;
		height: 642px;
		overflow: hidden;
	}



#pn
	{
		color: #8c714d;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 756px;
		left: 654px;
		text-align: right;
		font-size: 13px;
	}


#up
	{
		position: absolute;
		width: 340px;
		height: 40px;
		top: 60px;
		left: 554px;
	}


#down
	{
		position: absolute;
		width: 340px;
		height: 40px;
		top: 752px;
		left: 554px;
	}

#up.visible
	{
		background: url(/lib/img/up.gif) 100% 28px no-repeat;
	}

#down.visible
	{
		background: url(/lib/img/down.gif) 100% 12px no-repeat;
	}


#full, #short
	{
		position: absolute;
		right: 0;
		color: #4d433c;
	}

#full
	{
		width: 414px;	
	}

#short
	{
		background: url(/lib/img/pn.gif) 50% 30px no-repeat;
		width: 124px;
		height: 600px;	
		text-align: center;
	}

#short h3
	{
		font-size: 13px;
	}



#header
	{
		height: 0px;
		padding-top: 189px;
		overflow: hidden;
		text-align: center;
		background: url(/lib/img/con.gif) 50% 35px no-repeat;
	}

#header h1, #short h1
	{
		font-size: 22px;

		font: 24px "Garamond Premier Pro";
		letter-spacing: 1px;
		padding-bottom: 60px;
	}

#header h2
	{
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 4px;
		padding-bottom: 20px;
	}

#header h3
	{
		font-size: 13px;
		padding: 30px 0 10px 0;
		text-decoration: underline;
	}







#full ul
	{
		list-style-type: none;
		font-size: 14px;
		line-height: 17px;
		padding-top: 4px;
	}

#menu
	{
		width: 310px;
		padding-left: 50px;
	}

#menu ul li
	{
		margin-left: 26px;
		background: url(/lib/img/dot.gif) bottom left repeat-x;
	}

#menu li
	{
		position: relative;
	}

#menu li b
	{
		display: block;
		_height: 17px;
		background: url(/lib/img/dot.gif) bottom left repeat-x;
	}




#menu b span
	{
		_top: -1px;
	}

#menu span
	{
		position: absolute;
		right: 0;
		_top: -2px;
		background: url(/lib/img/antidot-span.gif) bottom left repeat-x;
	}

#menu a
	{
		text-decoration: none;
		background: url(/lib/img/antidot.gif) bottom left repeat-x;
		color: #4d433c;
	}

#menu a:hover
	{
		text-decoration: underline;
	}

#menu .active, #menu .active a
	{
		color: #847367;
	}


#menu>li>a
	{
		background: #fbf5df;
	}








#poetry small {font: 11px/16px "Times New Roman", serif; color: #6a5f57; margin-top: 20px}
#poetry a {color: #6a5f57; text-decoration: none}
#poetry a:hover {color: #6a5f57; text-decoration: underline}






#poetry
	{
		font: 16px/20px "Times New Roman", serif;
		color: #2e2824;
		font-family: "Times New Roman" !important;





	}




#poetry h1
	{
		font: 19px "Times New Roman", serif;
		font-weight: normal;
		font-family: "Times New Roman" !important;
	}


#poetry p
	{

		padding-right: 4em;
		text-indent: 2em;
		text-align: justify;
	}


#copyr {position: absolute; left: 40px; top: 1104px; width: 400px}
#copyr .copy {margin: 50px 0 10px 0; width: 49%; float: left}
#copyr small {font: 11px/16px "Times New Roman", serif; color: #433a34; display: block}
#copyr a {color: #433a34; text-decoration: none}
#copyr a:hover {color: #433a34; text-decoration: underline}


#copym {position: absolute; left: 0; top: 1200px; width: 100%}
#copym small {font: 11px/16px "Times New Roman", serif; color: #2f2925; display: block; text-align: center; margin-left: 103px}
#copym a {color: #2f2925; text-decoration: none}
#copym a:hover {color: #2f2925; text-decoration: underline}




#addcomment
	{
		position: absolute;
		top: 812px;
		left: 690px;
		font-size: 11px;
		line-height: 12px;
		text-align: center;
		width: 50px;
		color: #4d433c;
		text-decoration: none;
	}

#addcomment:hover
	{
		text-decoration: underline;
	}


#comments
	{




		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		min-height: 1234px;
		_opacity: 0;
		_height: 1234px;
	}

#opacity
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		min-height: 1234px;
		background: #051000;
		_opacity: 0.85;
		_height: 1234px;		
	}

#letter
	{
		position: absolute;
		top: 40px;
		width: 543px;
		text-align: left;
	}

#comments .header
	{
		font-size: 22px;
		font-weight: normal;
		padding: 80px 60px 0 60px;
		width: 423px;
		height: 43px;
		background: url(/lib/img/comments-top.png) 0 0 no-repeat;
	}

#comments .body
	{
		font-size: 14px;
		width: 543px;
		background: url(/lib/img/comments-center.png);
	}

#comments .body div
	{
		width: 543px;
		padding-top: 20px;
		background: url(/lib/img/comments-center.gif);
	}


#comments .body h1
	{
		font-size: 22px;
		font-weight: normal;
		padding: 40px 0 0px 60px;
	}


#comments dl
	{
		border-top: 1px solid #84745b;
		margin-left: 100px;
		width: 346px;
	}


#comments #form
	{
		position: relative;
		display: block;
		width: 443px;
		height: 315px;
		padding-top: 30px;
		padding-left: 100px;
		background: url(/lib/img/comments-bottom.png);
	}

#comments form
	{
		position: absolute;
		display: block;
		width: 443px;
		height: 315px;
		padding-top: 30px;
		padding-left: 100px;
		_height: 315px;
		_width: 443px;
		bottom:0;
		left: 0;
		z-index: 1000;

	}

#comments form p
	{
		padding-bottom: 10px;
	}

#comments #name, #comments #email, #comments #comment
	{
		border: 1px solid #84745b;
		background: #efe9d2;
		overflow: auto;
	}

#comments #name, #comments #email
	{
		height: 18px;
	}

#comments input, #comments textarea, #comments label
	{
		font: 14px/16px "Times New Roman", serif;	
	}

#comments dt
	{
		padding-top: 8px;
		font-weight: bold;
	}

#comments dd
	{
		border-bottom: 1px solid #84745b;
		padding-bottom: 8px;
		line-height: 16px;
	}

#comments dd em
	{
		display: block;
		padding-top: 6px;
		font-style: italic;
		padding-left: 30px;
	}


#addcommentlink, #viewcommentlink
	{
		font: 11px/16px "Times New Roman", serif;
		color: #1f4fad !important; 
		text-decoration: none !important;
		padding: 1px 10px 5px 16px;
	}

#addcommentlink:hover, #viewcommentlink:hover
	{
		text-decoration: underline !important;
	}

#addcommentlink
	{
		background: url(/lib/img/pen.gif) no-repeat;	
		padding: 1px 10px 5px 22px;
	}

#viewcommentlink
	{
		background: url(/lib/img/comment.gif) no-repeat;	
		padding: 1px 10px 5px 16px;
	}