// ==================================================================
// Quote skins
// ==================================================================

.su-quote-style-modern-dark {
	position: relative;
	margin-bottom: 1.5em;
	border: 1px solid #000;
	background: #222 0 -15px url('../images/modern.png') repeat-x;
	color: #eee;
	text-shadow: -1px -1px 0 #000;
	font-style: italic;
}
.su-quote-style-modern-dark .su-quote-inner {
	padding: 15px 25px;
	border: 1px solid #999;
	border-top-color: #ccc;
}
.su-quote-style-modern-dark .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #ccc;
	text-align: right;
}
.su-quote-style-modern-dark .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-modern-dark .su-quote-cite a {
	color: #ccc;
	text-decoration: underline;
}

.su-quote-style-modern-light {
	position: relative;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
	background: #e5e5e5 url('../images/modern.png') repeat-x;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	font-style: italic;
}
.su-quote-style-modern-light .su-quote-inner {
	padding: 15px 25px;
	border: 1px solid #fff;
	border-top-color: #fff;
}
.su-quote-style-modern-light .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #333;
	text-align: right;
}
.su-quote-style-modern-light .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-modern-light .su-quote-cite a {
	color: #333;
	text-decoration: underline;
}

.su-quote-style-modern-blue {
	position: relative;
	margin-bottom: 1.5em;
	border: 1px solid #8EC5D1;
	background: #B2E2ED url('../images/modern.png') repeat-x;
	color: #456066;
	text-shadow: 0 1px 0 #E1F2F5;
	font-style: italic;
}
.su-quote-style-modern-blue .su-quote-inner {
	padding: 15px 25px;
	border: 1px solid #E1F2F5;
	border-top-color: #fff;
}
.su-quote-style-modern-blue .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #456066;
	text-align: right;
}
.su-quote-style-modern-blue .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-modern-blue .su-quote-cite a {
	color: #456066;
	text-decoration: underline;
}

.su-quote-style-modern-orange {
	position: relative;
	margin-bottom: 1.5em;
	border: 1px solid #FFA54D;
	background: #FFBF80 url('../images/modern.png') repeat-x;
	color: #783C00;
	text-shadow: 0 1px 0 #FFE7CF;
	font-style: italic;
}
.su-quote-style-modern-orange .su-quote-inner {
	padding: 15px 25px;
	border: 1px solid #FFE0C2;
	border-top-color: #fff;
}
.su-quote-style-modern-orange .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #783C00;
	text-align: right;
}
.su-quote-style-modern-orange .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-modern-orange .su-quote-cite a {
	color: #783C00;
	text-decoration: underline;
}

.su-quote-style-modern-violet {
	position: relative;
	margin-bottom: 1.5em;
	border: 1px solid #AAA6D9;
	background: #D5D3F2 url('../images/modern.png') repeat-x;
	color: #57556B;
	text-shadow: 0 1px 0 #EBEBF2;
	font-style: italic;
}
.su-quote-style-modern-violet .su-quote-inner {
	padding: 15px 25px;
	border: 1px solid #EEEDFF;
	border-top-color: #fff;
}
.su-quote-style-modern-violet .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #57556B;
	text-align: right;
}
.su-quote-style-modern-violet .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-modern-violet .su-quote-cite a {
	color: #57556B;
	text-decoration: underline;
}

.su-quote-style-modern-dark,
.su-quote-style-modern-dark .su-quote-inner,
.su-quote-style-modern-light,
.su-quote-style-modern-light .su-quote-inner,
.su-quote-style-modern-blue,
.su-quote-style-modern-blue .su-quote-inner,
.su-quote-style-modern-orange,
.su-quote-style-modern-orange .su-quote-inner,
.su-quote-style-modern-violet,
.su-quote-style-modern-violet .su-quote-inner {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.su-quote-style-flat-dark {
	position: relative;
	margin-bottom: 1.5em;
	background: #333;
	color: #eee;
	text-shadow: -1px -1px 0 #000;
	font-style: italic;
}
.su-quote-style-flat-dark .su-quote-inner {
	padding: 15px 25px;
	border-left: 20px solid #444;
}
.su-quote-style-flat-dark .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #eee;
	text-align: right;
}
.su-quote-style-flat-dark .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-flat-dark .su-quote-cite a {
	color: #eee;
	text-decoration: underline;
}

.su-quote-style-flat-light {
	position: relative;
	margin-bottom: 1.5em;
	background: #eee;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	font-style: italic;
}
.su-quote-style-flat-light .su-quote-inner {
	padding: 15px 25px;
	border-left: 20px solid #ddd;
}
.su-quote-style-flat-light .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #333;
	text-align: right;
}
.su-quote-style-flat-light .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-flat-light .su-quote-cite a {
	color: #333;
	text-decoration: underline;
}

.su-quote-style-flat-blue {
	position: relative;
	margin-bottom: 1.5em;
	background: #1DABDA;
	color: #fff;
	font-style: italic;
}
.su-quote-style-flat-blue .su-quote-inner {
	padding: 15px 25px;
	border-left: 20px solid #1998C2;
}
.su-quote-style-flat-blue .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #fff;
	text-align: right;
}
.su-quote-style-flat-blue .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-flat-blue .su-quote-cite a {
	color: #fff;
	text-decoration: underline;
}

.su-quote-style-flat-green {
	position: relative;
	margin-bottom: 1.5em;
	background: #33CC94;
	color: #fff;
	font-style: italic;
}
.su-quote-style-flat-green .su-quote-inner {
	padding: 15px 25px;
	border-left: 20px solid #2DB281;
}
.su-quote-style-flat-green .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: #fff;
	text-align: right;
}
.su-quote-style-flat-green .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-flat-green .su-quote-cite a {
	color: #fff;
	text-decoration: underline;
}

.su-quote-style-carbon,
.su-quote-style-sharp,
.su-quote-style-grid,
.su-quote-style-wood,
.su-quote-style-fabric {
	position: relative;
	margin-bottom: 1.5em;
	font-style: italic;
}
.su-quote-style-carbon {
	background: #222 url('../images/carbon.png');
	color: #eee;
	text-shadow: 0 1px 2px #000;
}
.su-quote-style-sharp {
	background: #222 url('../images/sharp.png');
	color: #eee;
}
.su-quote-style-grid {
	background: #222 url('../images/grid.png');
	color: #5A5A66;
	text-shadow: 0 1px 0 #f5f5f5;
}
.su-quote-style-wood {
	background: #222 url('../images/wood.png');
	color: #5E4C32;
	text-shadow: 0 1px 0 #FFF0E0;
}
.su-quote-style-fabric {
	background: #222 url('../images/fabric.png');
	color: #eee;
	text-shadow: 0 1px 4px #000;
}
.su-quote-style-carbon .su-quote-inner,
.su-quote-style-sharp .su-quote-inner,
.su-quote-style-grid .su-quote-inner,
.su-quote-style-wood .su-quote-inner,
.su-quote-style-fabric .su-quote-inner { padding: 15px 25px; }
.su-quote-style-carbon .su-quote-cite,
.su-quote-style-sharp .su-quote-cite,
.su-quote-style-grid .su-quote-cite,
.su-quote-style-wood .su-quote-cite,
.su-quote-style-fabric .su-quote-cite {
	display: block;
	margin-top: 1em;
	color: inherit;
	text-align: right;
}
.su-quote-style-carbon .su-quote-cite:before,
.su-quote-style-sharp .su-quote-cite:before,
.su-quote-style-grid .su-quote-cite:before,
.su-quote-style-wood .su-quote-cite:before,
.su-quote-style-fabric .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-carbon .su-quote-cite a,
.su-quote-style-sharp .su-quote-cite a,
.su-quote-style-grid .su-quote-cite a,
.su-quote-style-wood .su-quote-cite a,
.su-quote-style-fabric .su-quote-cite a {
	color: inherit !important;
	text-decoration: underline;
}

.su-quote-style-modern-dark .su-quote-cite,
.su-quote-style-modern-light .su-quote-cite,
.su-quote-style-modern-blue .su-quote-cite,
.su-quote-style-modern-orange .su-quote-cite,
.su-quote-style-modern-violet .su-quote-cite,
.su-quote-style-flat-dark .su-quote-cite,
.su-quote-style-flat-light .su-quote-cite,
.su-quote-style-flat-blue .su-quote-cite,
.su-quote-style-flat-green .su-quote-cite,
.su-quote-style-carbon .su-quote-cite,
.su-quote-style-sharp .su-quote-cite,
.su-quote-style-grid .su-quote-cite,
.su-quote-style-wood .su-quote-cite,
.su-quote-style-fabric .su-quote-cite {
	font-style: normal;
	font-size: 0.9em;
}