@charset "UTF-8";
/* CSS Document */


/* Styled blockquote with right-angled triangle
------------------------------------------ */

.example-right {
	width: 540px;
	position:relative;
	padding:15px 30px;
	margin: 0 0 25px 200px;
	color: #000000;
	background: #222222; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/*
	Optional gradient
	NOTES:
	webkit implementation of gradients is not as per the spec, therefore, I'm not using them in the demo
	included assumed opera gradients for future
	*/
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 285px; font-style:italic;}

/* creates the triangle */
.example-right:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-50px;
	left:50px;
	width:0;
	height:0;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #222222;
}