/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 Nicolas Gallagher
------------------------------------------ */

/* NOTE: Some declarations use longhand notation so that it can be clearly
explained what specific properties or values do and what their relationship
is to other properties or values in creating the effect */

/* ============================================================================================================================
== GENERAL STYLES
** ============================================================================================================================ */

/*
 Should you want to set a background colour on a containing element
 certain types of bubble effect may require you to include these
 style declarations.
 */

.content {
    position: relative;
    z-index: 1;
}



/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */

.example-twitter {
    position: relative;
    padding: 20px;
    margin: 0 0 2em;
    color: #333;
    background: #f6f5fb;
    /* css3 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #e7e7e7;
	float: left;
	width: 100%;
}

.example-twitter p {
    font-size: 15px;
    line-height: 1.6em;
}

/* creates the triangle */

.example-twitter:after {
    content: "";
    position: absolute;
    left: 267px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #e7e7e7 transparent;
    display: block;
    width: 0;
    bottom: -15px;

}