body { background-color: #2a1847; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 100%; color: #ffffff; overflow: auto; 
	text-align: center;
}
.popup { background: #353f70; margin: 0px; overflow-x: hidden; overflow-y: scroll; }

/*
 * Colours:
 * #7e4fba Bright Purple Desaturated 
 * #2a1847 Deep Purple Desaturated
 * #9900ff Bright Purple 
 * #330066 Deep Purple
 * #ffffff White
 * #9f7bcb Pale Mauve
 * #605275 Dark Mauve
 */

#main { 
	position: absolute; 
	top: 50px; 
	left: 50%;
	width: 1000px;
	margin-left: -500px;
}
#maintext { 
}

a:link { color: #ffffff; text-decoration: none; font-size: 130%; }
a:hover { color: #605275; text-decoration: underline; font-size: 130%; }
a:visited { color: #9f7bcb; text-decoration: none; font-size: 130%; }
a:active { color: #605275; text-decoration: underline; font-size: 130%; }

a.bodytext { color: #ffffff; font-size: 100%; padding: 6px; background-color: #330066; border: 1px solid #ffffff; }

H1 { font-size: 140%; font-weight: bold; color: #ffffff; }
H1.hp { font-size: 140%; font-weight: bold; color: #ffffff; }

H2 { font-size: 125%; font-weight: bold; color: #ffffff; text-decoration: underline; }

IMG { border: 2px solid #ffffff; margin: 8px; }
IMG.hp { border: 2px solid #ffffff; }

.centerpoem { margin: 0 auto; text-align: center; width: 50%; }

@media (max-width: 1000px) {
	.centerpoem { margin: 0 auto; text-align: center; width: 90%; }
}

.poem { font-size: 110%; text-align: left; }
.textsection { border-top: 2px dotted #ffffff; padding-bottom: 10px; }
pre.poem { font-family: arial, helvetica, sans-serif; font-size: 100%; }

P.justify { font-size: 110%; text-align: justify; padding: 0 20px; }
P.notes { font-size: 110%; text-align: center; padding: 0 100px; font-style: italic; }
P.quote { font-size: 110%; text-align: left; padding: 0 20px; font-style: italic; }

hr { height: 2px; color: #ffffff; }

		*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*		body { background: #dadada; font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; padding: 0; margin: 0; text-align: center;} */
		.wrap { width: 1000px; margin: 20px auto; background: #7e4fba; padding: 10px 5px; border: solid 2px #ffffff; text-align: center; }
		@media only screen and (max-width: 700px) { .wrap { padding: 15px; } }
/*		h1 { text-align: center; margin: 40px 0; font-size: 22px; font-weight: bold; color: #666; } */
		.note { padding:  0 5px 25px 0; font-size:80%; color: #fff; line-height: 18px; }
		.block { clear: both; min-height: 50px; border-top: solid 1px #ECE9E9; }
		.block:first-child { border: none; }
		.block .img { width: 50px; height: 50px; display: block; float: left; margin-right: 10px; background: transparent url(<?php echo $icon_url; ?>) no-repeat 0 0; }
		.block .file { padding-bottom: 5px; }
		.block .data { line-height: 1.3em; color: #666; }
/*		.block a { display: block; padding: 20px; transition: all 0.35s; }
		.block a:hover, .block a.open { text-decoration: none; background: #efefef; } */
		
		.bold { font-weight: 900; }
		.upper { text-transform: uppercase; }
		.fs-1 { font-size: 1em; } .fs-1-1 { font-size: 1.1em; } .fs-1-2 { font-size: 1.2em; } .fs-1-3 { font-size: 1.3em; } .fs-0-9 { font-size: 0.9em; } .fs-0-8 { font-size: 0.8em; } .fs-0-7 { font-size: 0.7em; }
		
		.jpg, .jpeg, .gif, .png { background-position: -50px 0 !important; } 
		.pdf { background-position: -100px 0 !important; }  
		.txt, .rtf { background-position: -150px 0 !important; }
		.xls, .xlsx { background-position: -200px 0 !important; } 
		.ppt, .pptx { background-position: -250px 0 !important; } 
		.doc, .docx { background-position: -300px 0 !important; }
		.zip, .rar, .tar, .gzip { background-position: -350px 0 !important; }
		.swf { background-position: -400px 0 !important; } 
		.fla { background-position: -450px 0 !important; }
		.mp3 { background-position: -500px 0 !important; }
		.wav { background-position: -550px 0 !important; }
		.mp4 { background-position: -600px 0 !important; }
		.mov, .aiff, .m2v, .avi, .pict, .qif { background-position: -650px 0 !important; }
		.wmv, .avi, .mpg { background-position: -700px 0 !important; }
		.flv, .f2v { background-position: -750px 0 !important; }
		.psd { background-position: -800px 0 !important; }
		.ai { background-position: -850px 0 !important; }
		.html, .xhtml, .dhtml, .php, .asp, .css, .js, .inc { background-position: -900px 0 !important; }
		.dir { background-position: -950px 0 !important; }
		
		.sub { margin-left: 20px; border-left: solid 5px #ECE9E9; display: none; }
		
		body.dark { background: #1d1c1c; color: #fff; }
		body.dark h1 { color: #fff; }
		body.dark .wrap { background: #2b2a2a; }
		body.dark .block { border-top: solid 1px #666; }
		body.dark .block a:hover, body.dark .block a.open { background: #000; }
		body.dark .note { color: #fff; }
		body.dark .block .data { color: #fff; }
		body.dark .sub { border-left: solid 5px #0e0e0e; }