
/* file  extpullquote.css  */
/* For using float for "Creating  CSS pull quotes" p.94 - 1st try (see "Take two" on p.96)  */



.pullQuote {
  float: left;    /*  Ed:  here you can set the pullquote left or right */
  width: 180px;
  margin:  0 20px 15px 10px;   /* margins around the Pull Quote, separates from other content */
  font: italic bold 110% Arial, Helvetica, sans-serif;
  padding: 10px;
  border-top:     10px solid #666666;
  border-bottom:  10px solid #666666;   /* note: don't need background for this 1st pull quote */
            }


.pullQuoteR {
  float: right;    /*  Ed:  here we set the pullquote to the right */
  width: 180px;
  margin:  0 20px 15px 10px;   /* margins around the Pull Quote, separates from other content */
  font: italic bold 110% Arial, Helvetica, sans-serif;
  padding: 10px;
  border-top:     10px solid #666666;
  border-bottom:  10px solid #666666;   /* note: don't need background for this 1st pull quote */
            }


.pullQuoteR220alt {
  float: right;    /*  Ed:  here we set the pullquote to the right */
  width: 220px;
  margin:  40px 80px 40px 10px;   /* margins around the Pull Quote, separates from other content */
  font: italic bold 110% Arial, Helvetica, sans-serif;
  padding: 10px;
  border-top:     10px solid #666666;
  border-bottom:  10px solid #666666;   /* note: don't need background for this 1st pull quote */
            }

