/*  
Theme Name: 100 Poems
Theme URI: http://100-poems.com/
Author: Ron Carnell
*/

body {
	font: 100% "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	color: #036;
	background-color: #eee;
	text-align: center;
	margin: 0;
	padding: 0; 
}

a:link {
	color: #369;
}
a:visited {
	color: #333;
}
a:hover, 
a:active {
	color: #036;
	text-decoration: none;
}

/* page includes EVERYTHING in a single container */
#page {
	position: relative;
	width: 760px;
	margin: 20px auto 50px auto;
	padding: 0;
	background: #fff url(/img/logoback.jpg) no-repeat;
	border: 1px solid #000;
	text-align: left;
}



/* logo and header at top of page */
#header {
	text-align: right;
	height: 280px;
	padding: 0;
}
	#header a {
		display: block;
		margin: 0;
		height: 160px;
		padding: 4px 4px 0 0;
		font: .7em "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		color: #369;
		text-decoration: none;
	}

#banner728 {
	text-align: center;
	height: 90px;
	margin: 30px 0 0 0;
}
/* 10/23/2011 new class for leaderboard in comments */
#bannercmt {
	text-align: center;
	height: 92px;
	padding: 15px 0;
}
#banner468 {
	text-align: right;
	height: 60px;
	margin: 20px 0;
}
#skyscraper {
	margin: 40px auto;
}
#GoogleLinks {
	margin: 0 auto 18px auto;
	background-color: #fff;
	border-color: #101020 #808090 #808090 #101020;
	border-style: solid;
	border-width: 3px;
	padding: 12px;
	text-align: center;
}

#pagehead {
	padding: 0 0 0 20px;
	margin: 0;
}
	#pagehead h1 {
		font-size: 2em;
	}
		/* page numbers in header */
		#pagehead h1 sup {
			font-size: 60%;
			color: #779;
		}
	#pagehead h2 {
		font-size: 1.6em;
	}
	#pagehead a:link,
	#pagehead a:visited {
		color: #036;
		text-decoration: none;
	}
	#pagehead a:hover,
	#pagehead a:active {
		color: #369;
		text-decoration: underline;
	}


/* breadcrumbs on poems pages */
div.breadcrumb {
	clear: both;
	width: 560px;
	margin: 0 0 5px 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #4e4f80;
}
	div.breadcrumb a {
		color: #4e4f80;
		text-decoration: underline;
	}
	div.breadcrumb a:visited {
		color: #4e4f80;
		text-decoration: underline;
	}
	div.breadcrumb a:hover,
	div.breadcrumb a:active {
		color: #4e4f80;
		text-decoration: none;
	}

/* displaying the poetry */
#poemborder {
	width: 550px;
	background-color: #069;
	border-color: #808090 #101020 #101020 #808090;
	border-style: solid;
	border-width: 3px;
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 8px;
}
#poembox {
	padding: 0 5px 40px 5px;
	margin: 0 0 12px 0;
	background-color: #efeff4;
	border-color: #101020 #808090 #808090 #101020;
	border-style: solid;
	border-width: 3px;
	text-align: center;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-weight: normal; 
	text-align: center;
	color: #101040;
}
	#poembox .poemtitle {
		margin: 20px 0 4px 0;
		padding: 0 20px;
		font-size: 1.5em;
		font-weight: bold; 
	}
	#poembox .byline {
		margin: 0 0 30px 0;
		font-size: .8em;
	}
	#poembox table.poemtext {
		margin: 0 auto;
	}
		.PoemTextLeft {
			text-align: left;
		}
		.PoemTextCenter {
			text-align: center;
		}
		.PoemTextSmall {
			font-size: .85em;
		}

#rpanel {
	background-color: #6388AD;
	border-color: #cacada #101020 #101020 #cacada;
	border-style: solid;
	border-width: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em; 
	color: #efeff4; 
	text-align: center;
	padding: 5px 5px 6px 5px;
}
	#rpanel h1 {
		font-size: 1.2em;
	}
	#rpanel ul {
		margin: 20px 0;
		padding: 0;
	}
		#rpanel ul li {
			clear: both;
			list-style-type: none;
			margin: 0;
			padding: 5px 0;
			text-align: left;
		}
	#rpanel .rbutton {
		float: left;
		width: 120px;
	}
	/* response panel buttons */
	#rpanel .rbutton a {
		display: block;
		width: 90px;
		margin: 0 0 0 10px;
		text-align: center;
		white-space: nowrap;
		padding: 6px 3px 2px 3px;
		border-top: 1px solid #fff;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		border-left: 1px solid #fff;
		font-family: "Comic Sans MS",arial, helvetica, sans-serif;
	}
		#rpanel .rbutton a:link,
		#rpanel .rbutton a:visited {
			color: #003;
			background-color: #ccc;
			text-decoration: none;
		}
		#rpanel .rbutton a:hover {
			color: #ff8c00;
			background-color: #eeeef0;
			text-decoration: underline;
		}
		#rpanel .rbutton a:active {
			color:#fff;
			background-color: #ff8c00;
		}

	#rpanel .copyright {
		width: 96%;
		margin: 0 auto;
		background-color: #efeff4;
		border-color: #101020 #808090 #808090 #101020;
		border-style: solid;
		border-width: 3px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .7em;
		color: #4E4F80; 
		padding: 5px;
		line-height: 1.2em;
	}


/* comments from visitors */
#visitpage,
#visitors {
	width: 735px;
	margin: 30px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#visitpage .vHead,
#visitors .vHead {
	width: 690px;
	margin: 0 0 0 20px;
	padding: 4px 4px 4px 12px;
	font-size: 110%; 
	font-weight: bold;
	color: #efeff4; 
	background-color: #069;
	border-color: #808090 #101020 #101020 #808090;
	border-style: solid;
	border-width: 3px;
}
	#visitpage ul,
	#visitors ul {
		width: 710px;
		margin: 20px 0 20px 20px;
		padding: 0;
	}
		#visitpage ul li,
		#visitors ul li {
			clear: both;
			list-style-type: none;
			margin: 0;
			padding: 5px 0;
			font-size: .9em;
		}
		#visitpage .alt,
		#visitors .alt {
			background-color: #eee;
		}
#visitpage .name,
#visitors .name {
	float: left;
	width: 150px;
	padding: 5px 0px 0 0;
	text-align: right;
	font-weight: bold;
}
#visitpage .comment,
#visitors .comment {
	width: 540px;
	margin: 0 0 0 155px;
	padding: 5px 0 0 0;
}
#visitpage .vNote,
#visitors .vNote {
	width: 690px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

/* comments are more narrow on the separate comment page */
#visitpage {
	width: 585px;
}
#visitpage .vHead,
#visitpage .vNote {
	width: 540px;
}
	#visitpage ul {
		width: 560px;
	}
#visitpage .comment {
	width: 390px;
}

/* page numbers at the bottom of category index pages */
#pages {
	margin: -20px 0 20px 60px;
	padding: 0;
	width: 520px;
}
	#pages div.logo {
		width: 98px;
		height: 68px;
		float: left;
		padding: 0;
	}
	#pages h1.title {
		font-size: 1.5em;
		padding: 0;
		margin: 0 0 0 110px;
	}
		#pages h1.title sup {
			font-size: 60%;
			color: #779;
		}
		#pages h1.title a:link,
		#pages h1.title a:visited {
			color: #036;
			text-decoration: none;
		}
		#pages h1.title a:hover,
		#pages h1.title a:active {
			color: #369;
			text-decoration: underline;
		}
	#pages div.links {
		font-size: 1.1em;
		margin: 0 0 0 120px;
	}	
		#pages div.links a {
			color: #036;
			padding: 0 10px;
		}
			#pages div.links a:link {
				text-decoration: underline;
			}
			#pages div.links a:visited {
				color: #667;
			}
			#pages div.links a:hover,
			#pages div.links a:active {
				text-decoration: none;
			}

#poemlist {
	width: 565px;
	margin: 20px 0 0;
	padding: 0;
	background: #fff url(/img/quill.jpg) no-repeat 200px 60px;
}
	#poemlist li {
		clear: both;
		list-style-type: none;
		margin: 0;
		padding: 15px 0;
	}
	#poemlist li.ad {
		padding: 25px 0 10px 80px;
	}
	#poemlist .count {
		float: left;
		width: 36px;
		font-size: .9em;
		text-align: right;
		padding: 0 2px 0 0;
		font-weight: bold;
		color: #800;
	}
	#poemlist .pitem {
		float: right;
		width: 520px;
	}
		#poemlist .pitem a {
			font-size: 1.4em;
			color: #036;
		}	
			#poemlist .pitem a:link {
				text-decoration: none;
			}
			#poemlist .pitem a:visited {
				text-decoration: underline;
				color: #99a;
			}
			#poemlist .pitem a:hover, 
			#poemlist .pitem a:active {
				text-decoration: underline;
			}
	#poemlist .pauthor {
		float: right;
		text-align: right;
		width: 150px;
		padding: 0 0 0 6px;
		font-size: .9em;
	}
	#poemlist .pdesc {
		padding: 0;
		font-size: .8em;
		clear: both;
	}
/* actual content, in left hand column */
#content {
	padding: 0 0 0 20px;
	margin: 0;
	width: 565px;
	line-height: 130%;
	text-align: justify;
}
	#content .ad300x250 {
		float: right;
		width: 300px;
		height: 250px;
		margin: 14px 0 4px 10px;
		padding: 6px;
	}

	#content p.origcat {
		font-size: .9em;
		font-style: italic;
		text-align: left;
		color: #555;
	}
		#content p.origcat a:link, 
		#content p.origcat a:visited {
			color: #555;
			text-decoration: none;
		}
		#content p.origcat a:hover, 
		#content p.origcat a:active {
			color: #005;
			text-decoration: underline;
		}
	.dropcap {
		float:left;
		color:#555;
		font-size:5em;
		line-height:.7em;
		padding: .05em .05em 0 0;
		font-family: "Times New Roman", Times, serif;
	} 


#sidebar {
	position: absolute;
	top: 150px;
	right: 5px;
	width: 160px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: verdana, aria, helvetica, sans-serif;
	font-size: 70%;
}
	#sidebar h1, #sidebar h2, #sidebar h3 {
		width: 100px;
		margin: 0px auto 10px;
	    font: 180% "Comic Sans MS", Arial, Sans-Serif;
	}

	#sidebar h1 {
		font-size: 180%;
	}
	#sidebar h2 {
		font-size: 140%;
		background: #fff url(/img/countdown.jpg) no-repeat;
		width: 136px;
		height: 130px;
		text-indent: -5000px;
	}
	#sidebar h3 {
		font-size: 110%;
	}

	.mainmenu {
		border-color: #FFFADD #000 #000 #FFFADD ;
		border-style: solid;
		border-width: 2px;
		background: #fff url("img/menuback.jpg") repeat-y;
	}

	#sidebar ul {
		margin: 0 auto;
		padding: 12px 3px 5px 12px;
		width: 136px;
		text-align: left;
	}
		#sidebar ul li {
			list-style-type: none;
			list-style-image: none;
			margin-bottom: 15px;
		}
		#sidebar ul li.title {
			font-weight: bold;
			color: #008;
		}
			#sidebar ul li a {
				color: #000;
				text-decoration: underline;
			}
				#sidebar ul li a:link {
					color: #000;
				}
				#sidebar ul li a:visited {
					color: #333;
				}
				#sidebar ul li a:hover,
				#sidebar ul li a:active {
					color: #008;
					text-decoration: none;
				}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 8px;
	font-size: .7em;
	color: #888;
}
	#footer p {
		padding: 0;
		text-align: center;
	}
	#footer a:link, 
	#footer a:visited {
		color: #aaa;
		text-decoration: none;
		background: transparent;
	}
	#footer a:hover, 
	#footer a:active {
		background: #fff url("img/top.gif") no-repeat center center;
	}

#sitemeter {
	padding: 0;
	margin: 20px 0;
}

.alt {
	border: 1px solid #ddd;
	padding: 12px;
}




.highlight {
	background-color: #ffa;
}

form {
	background: #fff url("img/formback.jpg") no-repeat center top;
	border-color: #ccc #000 #000 #ccc ;
	border-style: solid;
	border-width: 2px;
	padding: 10px 10px 10px 10px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #036;
	font-size: .9em;
	width: 520px;
	margin: 0 auto;
}
	form p {
		clear: both;
		line-height: 1.1em;
		font-size: .9em;
		padding: 0px 20px 0 60px;
	}
fieldset {
	border: none;
}
legend {
	font-size: 1.4em;
	padding: 0 36px 2em 0;
	margin: 0;
	background: url("img/rainbow.gif") no-repeat right top;
	color: #005;
}

div.row {
	clear: both;
	margin: 0 0 12px 0;
}

div.row span.label {
	float: left;
	width: 140px;
	text-align: right;
	font-weight: bold;
}

div.row span.formw {
	margin: 0 0 0 6px;
	text-align: left;
}

.explain {
	width: 490px;
	font-size: .9em;
	padding: 10px 40px 0 55px;
}


ul#faq {
	padding: 0px 3px 0px 60px;
	margin: 20px auto 50px;
}
	ul#faq li {
		margin-bottom: 20px;
		/*border: 1px solid #000;*/
	}
		ul#faq li a {
			color: #036;
			text-decoration: none;
		}
			ul#faq li a:link {
				color: #036;
			}
			ul#faq li a:visited {
				color: #333;
			}
			ul#faq li a:hover,
			ul#faq li a:active {
				color: #008;
				text-decoration: underline;
			}

h2.faq {
	font-size: 1.2em;
	width: 550px;
	padding: 5px 0 3px 15px;
	background-color: #9cf;
	border-bottom: 1px solid #008;
}