/*
<div class="featurebox quote <t4 type="content" name="Box width" output="normal" modifiers="" />" id="featurebox<t4 type="meta" meta="content_id" />">
  <blockquote class="quotetext"><t4 type="content" name="Quote text" output="normal" modifiers="nav_sections"  /></blockquote>
  <div class="quotesource"><t4 type="content" name="Quote name" output="normal" modifiers=""  /></div>
</div>

<div class="featurebox quotebox purple columns3-span1" id="featurebox272818">
  <blockquote class="quotetext"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus id ipsum ultrices mattis. Pellentesque et facilisis odio. Pellentesque non aliquet lorem. Aliquam vestibulum leo sit amet aliquam consectetu.</p></blockquote>
  <div class="quotesource"><p>John Smith, BA Archaeology</p></div>
</div>

*/

.quote {
    font-style: normal;
    line-height:22px;
    border-width: 1px !important;
    background-color: #c00;
    height: auto;
}

.quote blockquote.quotetext {
	margin: 10px;
	padding: 0;
}

.quote blockquote.quotetext p {
    font-size:0.85em;
    text-align:left;
    padding:5px 10px 5px 0 !important;
	/*padding:0 0 1px 20px;*/
    position:relative;
	text-indent: 20px;
}

.quote blockquote.quotetext p:before, .quote blockquote.quotetext p:after {
    font-size: 32px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    vertical-align:top;
    line-height:22px;
}

.quote blockquote.quotetext p:before {
    content: '\201C';
    margin-right: 5px;
	position: absolute;
	left: -20px;
}

.quote blockquote.quotetext p:after {
    content: '\201D';
    margin-left: 5px;
	vertical-align: -15px;
}

.quote .quotesource {
    font-size:0.85em;
    text-align:right;
    padding:0;
    display:block;
    margin: -10px 10px 10px 0;
}

.quote .quotesource p:before {
    content: '\2013 \00A0';
}

.quote.grey {
	background-color: #f5f5f5;
	border-color: #e5e5e5;
}

.quote.purple {
	background-color: #609;
	border-color: #609;
	color: #eee;
}

.quote.grey blockquote.quotetext p:before, .quote.grey blockquote.quotetext p:after {
    color: #609;
}

.quote.purple blockquote.quotetext p:before, .quote.purple blockquote.quotetext p:after {
    color: #fff;
}