p.bubble
{
position: relative;
/* width: 200px;
 height: 150px; */
text-align: left; /* was set to text-align: center; */
line-height: 18px;
margin: 10px 30px 30px 30px auto;
background-color: #fff;
border: 6px solid #666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
}

p.thought
{
width: 130px;
line-height: 100px;
-webkit-border-radius: 108px;
-moz-border-radius: 108px;
border-radius: 108px;
}

p.bubble:before, p.bubble:after
{
content: ' ';
position: absolute;
width: 0;
height: 0;
}

p.speech:before
{
left: 30px;
bottom: -50px;
border: 25px solid;
border-color: #666 transparent transparent #666;
}

p.speech:after
{
left: 38px;
bottom: -29px;
border: 15px solid;
border-color:  #fff transparent transparent #fff;
}

p.thought:before, p.thought:after
{
left: 10px;
top: 70px;
width: 40px;
height: 40px;
background-color: #fff;
border: 8px solid #666;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
}

p.thought:after
{
width: 20px;
height: 20px;
left: 5px;
top: 150px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}

.tall-wide {
 width: 400px;
 height: 150px;
}

.good-margins {
 padding-top: 18px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 10px;
}

.lippost
{
position: relative;
text-align: left;
line-height: 10px;
margin: 10px 30px 30px 30px auto;
 padding-top: 6px;
 padding-left: 12px;
 padding-right: 12px;
 padding-bottom: 6px;
background-color: #fff;
border: 6px solid #666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
}