/* Quovolver Demo Styles */

/*
 |	All required styles for the effect
 |	are labeled with this *required*
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 8px; line-height: 18px; color: #373737; }
a { text-decoration: none; color: #52b7d4; }
a:hover { color: #ea9941; }
#header, #footer {
	padding: 20px 0;
}
#wrapper { width: 223px; margin: 0 auto; }
#description { margin-bottom: 40px; padding-bottom: 10px; }
h1, h2 { font-weight: normal; }
h1 { font-family: Georgia, Times, serif; font-size: 12px; color: #1f1f1f; margin-left: -60px; }
h2 { font-size: 8px; }
#description p { margin-bottom: 10px; }
#footer { font-size: 11px; line-height: 16px; }
#footer a { color: #373737; border-bottom: 1px solid #f2f2f2; }
#footer a:hover { color: #ea9941; border-color: #ea9941; }
code { font-family: "Courier New", Courier, Monaco, monospace; background: #f2f2f2; margin-bottom: 20px; display: block; padding: 20px; }	
blockquote p {
	margin-bottom: 10px;
	font-style: italic;
	text-align: left;
}
blockquote cite {
	font-style: normal;
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Arial, Helvetica, sans-serif;
	width: 176px; /* required */
	margin: 0 auto;
	font-size: 14px;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: #fff url(
	images/quote-mark.png
	) no-repeat 20px 0px;
	margin: 0px 0; padding: 20px; border: 0px solid #edffaf;
	}
comment {
	position: absolute;
	left: 30%;
	top: 400px;
	width: 180px;
	padding: 10px;
	display: none;
}