/* Quovolver Demo Styles */

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


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; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; 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: Georgia, Times, serif;
	width: auto; /* required */
	margin: 0 auto;
	padding: 10px;
}

	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap {
	margin: 0 0 20px;
	padding: 20px;
	/*border: 1px solid #31869f;*/
	background-color: #FFF;
	background-image: url(/images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 320px 0px;
}

@media (max-width: 420px) {
     
   #quote_wrap {
	background-image: url(/images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 120px 0px;
}
  }