/* Quovolver Demo Styles */

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

#wrapper { width: 180px; margin: 0 auto; }
#description { margin-bottom: 40px; padding-bottom: 10px; }
#description p { margin-bottom: 10px; }
code { font-family: Arial; 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; }

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

blockquote {
    font-family: Arial;
    width: 225px; /* required */
    margin: 0 auto;
    height:300px;
    }    
    
/*
 |  The #quote_wrap div is created
 |  by Quovolver to wrap the quotes
*/

#quote_wrap { 
    background: #e4edf4 ;
    margin: 40px 0; padding: 20px; border: 1px solid #aad4f4;
    }