/* Welcome page --- some stuff is inherited to other dependent pages too */

body {
		font-style: normal; 
		font-variant: normal; 
		font-size: 100%; 
		font-family: Tahoma, "Trebuchet MS", Times, sans-serif;
		color: #7a7abf;
		background: white;
		margin-left: auto;
		margin-right: auto;
}

#homepageonly {
		width: 400px;
		margin-top: 100px;
	}

#tags_etc {
	width: 760px;
	margin-top: 0px;
}

/* homepage has centered links so different */

#image_large {
		margin-top: 0px; 
		margin-bottom: 20px;
		margin-left: 20px;
		width: 90%;
		padding: 0px;
	}

#linkarea_home{
		 padding: 0;
		 margin: 0px 0px 30px 0px;
		 width: 100%;
		 clear: both;
	 }

#linkarea_home p#links {
	margin:0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
}

/* ticker formatting */
#ticker {
	text-align: center;
	color: #7a7abf;
	font-size: 1.2em;
	font-weight: bold;
}



/* other pages */

 
#linkarea{
		 padding: 0;
		 margin: 40px 0px 0px 0px;
		 width: 100%;
		 clear: both;
	 }

#linkarea p#links {
	margin:0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
}

#links  a 
	 {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	}

#linkarea p {
	margin: 0px;
	padding: 0px;
}


img.icon:hover 
	{
		background: url(images/icon_bgnd_yellow_48px_nopadding.png) top no-repeat;
}
	

a img {
		border: 0px;
		margin: 0px 5px 0px 5px;
		padding: 0px;
	}

/* above n below are dependent */

img.nohover {
		border: 0px;
		margin: 0px 5px 0px 5px;
		padding: 0px;
	}


/* Footer only */
	
	#footer {
		clear: both;
		margin-top: 20px;
		width: 100%;
		font-size: 0.8em;
		text-align: left;
		padding-top: 10px;
		border-top: 1px solid;
		text-align: center;
	 }


/* image link styling for the welcome page */



#footer	a { 
		 text-decoration: none;
		 margin-left: 20px;
		 border-bottom: 2px solid #7a7abf;
		 color: #7a7abf;
	 }


#footer	 a:hover {
		border-bottom: 2px solid #fce142;
		 margin-left: 20px;
		background: #fce142;
	}
	




/* Hover help related stuff*/

#hidden_info {
	display: none;
	font-size: 0.9em;
	background: #F2F2F9; /* 10% point*/
	padding: 10px;
	text-align: justify;
	width: 90%;
}

#show_hidden_info {
	text-align: justify;
	padding: 5px;
	margin: 0px;
}





/* Tag list style */

#tags {
	text-align: justify;
	line-height:3.0em;
	margin: 0px;
	padding: 0px;
}

#tags a {
	margin-right: 10px;

}

a.xl {
	font-size: 1.4em;
	font-weight: bold;
}

a.l {
	font-size: 1.2em;
}

a.m {
	font-size: 1.0em;
}

a.sm {
	font-size: 0.9em;
}

a.tiny {
	font-size: 0.8em;
}



#tags a {
	text-decoration: none;
	border-bottom: 1px solid #7a7abf;
	color: #7a7abf;
}

#tags a:hover {
	color: #fce142;
	border-bottom: 1px solid #fce142;
}

p.warning {
	color: red;
	text-align: center;
	font-size: 1.6em;
}


/* poetry list style */

#poetrylist {
		padding: 0px;
		margin-left: 0px;
		margin-top: 15px;
		line-height: 1.6em;
		width: 590px;
		float: right;
}

td.sample, td.book {
	padding-bottom: 5px;
}

td.poemname, td.poet {
	padding-top: 5px;
	border-top: 1px dotted #7a7abf;
}


td.poemnamefirst, td.poemname {
	text-decoration: none;
	font-size: 1.25em;
	font-weight: normal;
}

td a {
	text-decoration: none;
	color: #7a7abf;
}

td a:hover {
	text-decoration: none;
	color: #fce142;
}


td.book, td.poet, td.poetfirst {
	text-align: left;
	width: 260px;
}

/* Filter list heading */

#filtertitle {
	border-top: 2px solid #7a7abf;
	margin-top: 1em;
	padding: 5px 0 5px 5px;
	background: #f2f2f9;
	font-size: 1.4em;
	text-align: left;
	font-weight: normal;
}

/* poetry list style */

/* Disclaimer styling */

ul.disclaimer {
		list-style: none;
		padding: 0px;
		margin-left: 50px;
		margin-top: 30px;
	}

ul.disclaimer a { 
		 text-decoration: none;
		 border-bottom: 2px solid #7a7abf;
		 color: #7a7abf;
	 }

ul.disclaimer a:hover {
		background: #fce142;
	}

ul.disclaimer li {
	background: url(images/om_cldblue.png) no-repeat 0px 0.2em; /* This background trick isn't ideal, but found it from www; shame on CSS developers */
	margin: 0.5em 0 0.5em 0;
	padding-left: 2em;
	text-align: justify;
}