@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
body {
	font-family: "Quattrocento Sans", Calibri, sans-serif;
	text-align: center;
	margin: 0px;
	font-size: 15px;
	color: #555;
	line-height: 1.3;
	padding: 0px;
	background-color: #DDD;
	  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#F6F6F6));
	   background-image: -webkit-linear-gradient(top, #DDD, #F6F6F6); 
	   background-image:    -moz-linear-gradient(top, #DDD, #F6F6F6);
	   background-image:     -ms-linear-gradient(top, #DDD, #F6F6F6);
	   background-image:      -o-linear-gradient(top, #DDD, #F6F6F6);
	   background-attachment: fixed;
}
acronym,
abbr	{
	border: none;
}
img {
	border: none;
	}
.content,
.no1100 {
	display: none;
}	
.clearb	{
	clear: both;	
}

/* linka - coloured elements */
a {
	text-decoration: none;
}
a:link {
	color: #5B5EA4;
}
a:visited	{
	color: #5B5EA4;

}
a:hover	{
	color: #414EBE;
}
.eqmargins {
	margin: 0px auto 10px;
	display: block;
	width: 70%;
}
a.permalink:link	{
	margin-right: 0px;
	background-color: #D9DBF2;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	font-size: 10px;
	line-height: 10px;
}
a.permalink:visited	{
	background-color: #D9DBF2;
}
a.permalink:hover	{
	background-color: #414EBE;
	text-decoration: none;
	color: #FFF;
}
	
/* expanding elements on indivifual poem pages */
h2.expander.expanded	{
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px center;
	background-image: url(/images/h2-expanded.png);
	margin-bottom: 5px;
	padding-left: 20px;
	color: #5B5EA4;
}
h2.expander.collapsed	{
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0px center;
	background-image: url(/images/h2-contracted.png);
	margin-bottom: 5px;
	padding-left: 20px;
	color: #5B5EA4;
}
.content.expand	{
	-moz-box-shadow: 0px 12px 6px -6px #AAA;
	-webkit-box-shadow: 0px 12px 6px -6px #AAA;
	box-shadow: 0px 12px 6px -6px #AAA;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: auto;
	width: 360px;
	margin-left: 65px;
	margin-top: 12px;
	display: none;
	background-color: #F9F9F9;
	padding-top: 18px;
	padding-bottom: 0px;
	border: 1px solid #E8E8E8;
	}
.content.expand h3	{
	margin-left: 22px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 17px;
	margin-right: 25px;
}
.content.expand p	{
	margin-left: 22px;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 22px;
	line-height: 18px;
	text-align: left;
	margin-right: 20px;
}
.showall	{
	text-align: right;
	padding: 0px;
	margin-top: -30px;
	margin-right: 85px;
	margin-bottom: 6px;
	margin-left: 90px;
	font-size: 10px;
	font-weight: 700;
}
a.showallpoems:link	{
	margin-right: 0px;
	background-color: #D9DBF2;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 10px;
}
a.showallpoems:visited	{
	background-color: #D9DBF2;
}
a.showallpoems:hover	{
	background-color: #414EBE;
	text-decoration: none;
	color: #FFF;
}
a.permalink:link	{
	margin-right: 0px;
	background-color: #D9DBF2;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	-moz-border-radius: 3px;
	border-radius:3px;
	font-size: 10px;
	line-height: 10px;
}
a.permalink:visited	{
	background-color: #D9DBF2;
}
a.permalink:hover	{
	background-color: #414EBE;
	text-decoration: none;
	color: #FFF;
}

.btmnav	{
	padding-bottom: 10px;
	clear: both;
	text-align: left;
	color: #333;
}
.btmnav a,
.btmnav span.current	{
	line-height: 22px;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-right: 5px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	font-weight: 700;
	text-transform: uppercase;
	}
	
.btmnav span.current	{
	background-color: #414EBE;
	color: #FFF;
	}
.btmnav a:link	{
	background-color: #D9DBF2;
}
.btmnav a:visited	{
	background-color: #D9DBF2;
}
.btmnav a:hover	{
	background-color: #414EBE;
	text-decoration: none;
	color: #FFF;
}
/* structural elements*/
#container {
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	position: relative;
	height: auto;
	width: 800px;
	text-align: left;
	z-index: 100;
	padding: 0px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 2px #DDD;
	-webkit-box-shadow: 0 0 2px #DDD;
	box-shadow: 0 0 2px #999;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #222;
}
#banner {
	height: 90px;
	width: auto;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
	background-image: -webkit-linear-gradient(top, #FFF, #FFF, #FFF, #FFF, #F6F6F6, #EEE);
	background-image:    -moz-linear-gradient(top, #FFF, #FFF, #FFF, #FFF, #F6F6F6, #EEE);
	background-image:     -ms-linear-gradient(top, #FFF, #FFF, #FFF, #FFF, #F6F6F6, #EEE);
	background-image:      -o-linear-gradient(top, #FFF, #FFF, #FFF, #FFF, #F6F6F6, #EEE);
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	z-index: 1000;
}
#sub-banner {
	height: auto;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index: 1000;
	background-color: #CCC;
	position: relative;
}
#navcont	{
	width: auto;
	padding: 0px;
	left: 0px;
	bottom: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 1000;
	background-color: #444;
} 
.pgwrapper {
	margin: 0px;
	padding: 0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.pgcontent {
	width: 619px;
	/*-moz-box-shadow: inset 1px 0px 1px #DDD;
	-webkit-box-shadow: inset 1px 0px 1px #DDD;
	box-shadow: inset 1px 0px 1px #DDD; */
	z-index: 500;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDD;
	margin: 0px;
	float: right;
	background-color: #FFF;
	-moz-border-radius: 0 0 15px 0;
	border-radius: 0 0 15px 0;
}
.indpm .pgcontent	{
	padding-right: 0px;
}

.bottombar	{
	margin: 0px;
	width: auto;
	height: 60px;
	padding-top: 0px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 75px;
	-moz-border-radius: 0 0 15px 0;
	border-radius: 0 0 15px 0;
	clear: both;
}


h1 {
	font-size: 25px;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-right: 75px;
	margin-bottom: 22px;
	margin-left: 75px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	font-weight: 700;
}
h1 span.subh	{
	font-size: 16px;
	font-style: italic;
	color: #444;
	font-weight: 400;
}
.poemttl {
	text-align: left;
}
h2	{
	font-size: 16px;
	margin-top: 30px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 75px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 22px;
}


.mp-title,
.mp-poem,
.perm
{
	padding-left: 30px;	
}
.mp-title	{
	padding-top: 10px;
	padding-bottom: 10px;
}
.mp-poem	{
	margin-bottom: 24px;
	line-height: 32px;
}
.mp-descr	{
	text-align: left;
}
h3 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 85px;
	margin-bottom: 6px;
	margin-left: 75px;
	line-height: 1.3em;
}
span.author	{
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 10px;
}
p	{
	font-size: 15px;
	line-height: 23px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 75px;
	margin-bottom: 36px;
	margin-left: 75px;
	padding: 0px;
	color: #555;
}
.mid	{
	margin-bottom: 12px;
	}
.indpm	p	{
	margin-right: 42px;
	text-align: left;
}
.multipoem	p	{
	margin-bottom: 30px;	

}
.last, #last	{
	padding-bottom: 6px;
	margin-bottom: 0px;
}

.deleted	{
	text-decoration: line-through;
}
.indent {
	padding-left: 35px;
	padding-right: 60px;
	text-align: justify;
}
.indent2 {
	padding-left: 75px;
}
.indent3 {
	padding-left: 100px;
}
ol.incont	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 120px;
	padding-bottom: 0px;
	padding-left: 120px;
	font-size: 12px;
	color: #666666;
}
ol.incont li {
	padding: 0px 0px 20px;
	margin: 0px;
	line-height: 17px;

}
ul.incont	{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: none;
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 65px;
	margin-bottom: 0px;
	margin-left: 65px;
}
ul.incont li {
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	padding-bottom: 5px;
	list-style-type: circle;
}
ul.incont.indentx2 {
	margin-left: 150px;
	margin-right: 140px;
}
ul.incont.paddingx2 {
	margin-bottom: 28px;
	padding-bottom: 4px;
}
 #nomark	{
	list-style-type: none;
	padding-bottom: 40px;
}
#nomark li {
	padding-top: 7px;
	padding-bottom: 7px;
	list-style-type: none;
}
dl	{
	padding-top: 0px;
	padding-right: 160px;
	padding-bottom: 20px;
	padding-left: 120px;
	font-size: 12px;
	color: #666666;
	border: none;
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
dl dt {
	margin: 0px;
	line-height: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;

}
dl dd {
	margin: 0px;
	line-height: 17px;
	list-style-position: inside;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;

}


.floatrtlp	{
	float: right;
	margin-right: 50px;
	margin-top: -20px;
	width: 150px;
}
.floatl1	{
	float: left;
	margin-left: 30px;
}
.floatr1	{
	float: right;
	margin-right: 30px;
}
.floatl2	{
	float: left;
	margin-left: 60px;
}
.floatr2	{
	float: right;
	margin-right: 60px;
	margin-top: -10px;
}
.floatl3	{
	float: left;
	margin-right: 25px;
	margin-left: 20px;
}
.floatr3	{
	float: right;
	margin-right: 0px;
	margin-left: 25px;
	padding-bottom: 10px;
}






/* side Bar 1 Content - LHS*/
#sidebar1	{
	height: auto;
	width: 180px;
	z-index: -1000;
	margin: 0px;
	padding: 0px;
	float: left;
}

#sb1cont {
	background-color: #F9F9F9;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1px solid #DDD;
	margin: 10px;
}

#sb1cont h2
	{
	font-size: 11px;
	font-weight: 900;
	color: #555;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 0px;
	padding-right: 8px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-variant: normal;
	text-transform: none;
	line-height: 12px;
	text-align: left;
}
#sb1cont h3, #sb1cont h3 a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 13px;
	font-weight: bold;
	padding-right: 2px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 16px;
}
#sb1cont p	{
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	word-spacing: normal;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#sb1cont .date	{
	margin-bottom: 24px;
	color: #999999;
	font-size: 10px;
}
#sb1cont	ul	{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 5px;
}
#sb1cont	li	{
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#sb1pic {
	margin: 10px;
	padding: 0px;
	display: none;
}
#sb1pic img {
	width: 300px;
	height: 71px;
}
#sb1adze {
	width: 160px;
	height: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;


}


#search {
	width: 160px;
	height: auto;
	margin-top: 9px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
input#searchbtn	{
	font-size: 8px;
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
input#searchbox	{
	width: 156px;
}

/* Sidebar 4 spare */

/* Share button at top */
#sidebar5	{
	position: absolute;
	width: 64px;
	top: 127px;
	z-index: 101;
	margin: 0px;
	height: auto;
	font-size: 9px;
	padding: 0px;
	right: 0px;
	text-align: center;
}
#share-poembtm	{
	margin-left: 75px;
	height: 16px;
	width: 70px;
	margin-top: 88px;
	margin-bottom: 108px;
}
.share-mp-poembtm	{
	margin-left: 75px;
	height: 36px;
	width: 468px;
	margin-top: 36px;
	margin-bottom: 75px;
	padding-left: 30px;

}
#share-contbtm	{
	margin-left: 75px;
	height: 16px;
	width: 468px;
	margin-top: 28px;
	margin-bottom: 28px;
	display: none;
}
/* Notes on Individual Poems */
.sidebar3	{
	width: 220px;
	z-index: -100;
	height: auto;
	text-align: left;
	padding: 0px;
	-moz-border-radius: 3px;
	border-radius: 8px;
	background-color: #F9F9F9;
	-moz-box-shadow: 0px 12px 6px -6px #AAA;
	-webkit-box-shadow: 0px 12px 6px -6px #AAA;
	box-shadow: 0px 8px 6px -6px #AAA;
	border: 1px solid #E8E8E8;
	float: right;
	margin-top: 50px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.sidebar3.multi-poem	{
	float: right;
	width: 220px;
	margin-right: 90px;
	position: relative;
	margin-top: 15px;
	top: 0;
	right: 0px;
	margin-bottom: 0px;
	margin-left: 22px;
	padding-top: 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #DDD;
	
}

.sb3cont	{
	height: auto;
	width: auto;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	
}

.sidebar3 h2	{
	font-size: 12px;
	line-height: 16px;
	color: #555;
	margin: 0px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.sidebar3 h3 {
	font-size: 12px;
	line-height: 12px;
	color: #555;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.sidebar3 p {
	font-size: 12px;
	color: #777;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: 17px;
	letter-spacing: normal;
	margin: 0px;
	text-align: left;
}
.sidebar3 .short {
	padding-bottom: 8px;
}
.sidebar3 .source	{
	font-style: italic;
	text-align: right;
	padding-right: 18px;
}
.sidebar3 a:hover {
	border-bottom-style: none;
	text-decoration: underline;
}


/* end of sidebar 3 */
#imglogo	{
	position: absolute;
	z-index: 201;
	height: 149px;
	width: 160px;
	top: -25px;
	left: 58px;
	padding: 0px;
	margin: 0px;
}
#logo	{
	position: absolute;
	z-index: 201;
	height: 58px;
	width: 58px;
	top: 40px;
	right: 5px;
	font-size: 16px;
	padding: 0px;
}

#adzebreadresp	{
	font-size: 0.6em;
	line-height: 1em;
	height: 15px;
	width: 468px;
	position: absolute;
	left: 255px;
	top: 101px;
	margin: 0px;
	padding: 0px;
}

.breadcrumb	{
	margin: 0px;
	position: absolute;
	z-index: -1000;
	top: 173px;
	color: #AAA;
	font-size: 9px;
	line-height: 11px;
	height: auto;
	width: auto;
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
	left: 394px;
}
.breadcrumb a	{
	color: #AAA;	
}
.breadcrumb a:hover	{
	color: #999999;	
}

#copyright	{
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	width: 620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	padding-left: 180px;
}
#copyright	a:link	{
	color: #999;
}
#copyright	a:visited	{
	color: #999;
}
#copyright	a:hover	{
	color: #DDD;
	text-decoration: none;
}

#copycredit 	{
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	color: #AAA;
}
#copycredit a	{
	color: #999;
}

.pmcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 88px;
	margin-bottom: 108px;
}
.mp-ind-poem .pmcopy	{
	margin-top: 0px;
	margin-bottom: 40px;
}
.multipoem .pmcopy	{
	padding-top: 0px;
	padding-left: 30px;	
}
/*use to test for wrongly formatted strong in poem title*/
.poemttl strong	{
	color: #CC0000;	
}
.poemshttl {
	padding-bottom: 2px;
	margin-left: 90px;
	}
.poem 	{
	font-size: 15px;
	line-height: 32px;
	text-align: left;
}

#pmnav {
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 75px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 40px;
	padding-left: 5px;
	width: 468px;
	height: 28px;




}
#pmnav img {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 47px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 28px;
	width: 28px;
}



blockquote	{
	margin-right: 110px;
	margin-left: 110px;
	padding-top: 0px;
	font-size: 12px;
	margin-top: -5px;
	margin-bottom: 28px;
	line-height: 16px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	
}
.shapepm {
	text-align: left;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 90px;
	margin: 0px;
	}