/* @override http://glensharp.com/style/myquotes/quote.css */

body {
    margin: 0%; 
    color: #333;
}

/* This is the first quote style which is a simple margin bar */
.qs1	{
	margin: 1em 3em;
	color: #999;
	border-left: 2px solid #999;
	padding-left: 1em;
}
/* This is the second quote style which is background color for the quote */
.qs2	{
	margin: 1em 3em;
	padding: .5em;
	background-color: #f6ebc1;
}
p.qs2 {
	margin: 0;
}
/* This is the third quote style which is background color for the quote and margin bar. A combination of qs1 and qs2. */
.qs3	{
margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #fce27c;
	background-color: #f6ebc1;
}
/* This is the fourth quote style */
blockquote.qs4 {
    background-image: url(quote-open.jpg);
    background-repeat: no-repeat;
    width: 375px;
    margin: 0 .7em 0 0;
    padding: 10px 0 0 27px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1.2em;
    font-style: italic;
    color: black;
}

blockquote p.qs4 {
    margin: 0;
    padding: 0 22px 10px 0;
    width:350px;
    text-align: justify;
    line-height: 1.3em;
    background-image: url(quote-close.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.qs5 {
	margin: 1em 20px;
	padding-left: 50px;
	background: transparent url(quote-open.jpg) no-repeat; }
/* This is the sixth quote style */
blockquote.qs6 {
 width: 250px;
}
p.qs6 {
 background: url(balloontip.gif);
 background-repeat: no-repeat;
 background-position: bottom;
 padding-bottom: 28px;
}
span.qs6 {
 display: block;
 padding:  0.25em 0.25em 0.5em 0.5em;
 border: 1pt solid black;
 border-bottom-width: 0;        
 font-size: 1em;
 font-family: "Comic Sans MS", Verdana, Helvetica, sans-serif;
 line-height: 0.9em;
}
cite.qs6 {
 text-align: right;
 display: block;
 width: 250px;
}
/* This is the seventh quote style */
.no {
 display: none;
}
/* .qs7 {
 margin: 0;
 padding: 0;
 background-image: url(kids.jpg);
 background-position: 0 0;
 height: 386px;
 text-align: right;
 display: block;
 width: 250px;
}
*/