@import url(common.css);

/****** Container ******/

.container {
	text-shadow: #fff 0 1px 1px; 
}
.container .msgs .bot {
	background: url(../images/fff/cbl33.png) no-repeat;
}
.container .msgs .bot .left {
	background: rgba(255, 255, 255, .33);
}
.container .msgs .bot .right > div  {
	background: rgba(255, 255, 255, .5);
}
.container .msgs .bot .right {
	background: url(../images/fff/cbr50.png) no-repeat right;
}
.container .msgs .post .text a {
	color: #666; /* dummy */
}
.container .msgs .post .text a:active,
.container .msgs .post .text a:before, 
.container .msgs .post .text a:after {
	color: #000;
}

/****** Message ******/

.container.message .head .top {
	background: url(../images/fff/ctl50.png) no-repeat;
}
.container.message .head .top > div {
	background: url(../images/fff/ctr50.png) no-repeat right;
}
.container.message .head .top > div > div  {
	background: rgba(255, 255, 255, .5);
}
.container.message .head .from { 
	background: rgba(255, 255, 255, .5);
	color: #000;
	text-shadow: rgba(255, 255, 255, 1) 0 0 3px;
}
.container.message .msgs .top  {
	background: url(../images/fff/ctl33.png) no-repeat;
}
.container.message .msgs .top .left  {
	background: rgba(255, 255, 255, .333);
}
.container.message .msgs .top .right > div {
	background: rgba(255, 255, 255, .5);
}
.container.message .msgs .top .right {
	background: url(../images/fff/ctr50.png) no-repeat right;
}
.container.message .msgs .mid .left {
	background: rgba(255, 255, 255, .33);
}
.container.message .msgs .mid .right {
	background: rgba(255, 255, 255, .25);
}
.container.message .msgs .post .time {
	color: rgba(0, 0, 0, .75);
}
.container.message .msgs .post .text {
	color: rgba(0, 0, 0, 1);
}
.container.message .msgs .post + .post {
	border-color: rgba(0, 0, 0, .5);
}

/****** Context ******/

.container.context .head .top {
	background: url(../images/fff/ctl50.png) no-repeat;
}
.container.context .head .top > div {
	background: url(../images/fff/ctr50.png) no-repeat right;
}
.container.context .head .top > div > div  {
	background: rgba(255, 255, 255, .5);
}
.container.context .head .from { 
	background: rgba(255, 255, 255, .5); 
	color: rgba(0, 0, 0, .75);
	text-shadow: rgba(255, 255, 255, .75) 0 0 3px;
}
.container.context .msgs .top  {
	background: url(../images/fff/ctl33.png) no-repeat;
}
.container.context .msgs .top .left  {
	background: rgba(255, 255, 255, .333);
}
.container.context .msgs .top .right > div {
	background: rgba(255, 255, 255, .5);
}
.container.context .msgs .top .right {
	background: url(../images/fff/ctr50.png) no-repeat right;
}
.container.context .msgs .mid .left {
	background: rgba(255, 255, 255, .33);
}
.container.context .msgs .mid .right {
	background: rgba(255, 255, 255, .25);
}
.container.context .msgs .post .time {
	color: rgba(0, 0, 0, .5);
}
.container.context .msgs .post .text {
	color: rgba(0, 0, 0, .75);
}
.container.context .msgs .post + .post {
	border-color: rgba(0, 0, 0, .5);
}

/****** Status ******/

.container.status .msgs .top  {
	background: url(../images/fff/ctl33.png) no-repeat;
}
.container.status .msgs .top .left  {
	background: rgba(255, 255, 255, .333);
}
.container.status .msgs .top .right > div {
	background: rgba(255, 255, 255, .5);
}
.container.status .msgs .top .right {
	background: url(../images/fff/ctr50.png) no-repeat right;
}
.container.status .msgs .mid .left {
	background: rgba(255, 255, 255, .33);
}
.container.status .msgs .mid .right {
	background: rgba(255, 255, 255, .25);
}
.container.status .msgs .post .time {
	color: rgba(0, 0, 0, .75);
}
.container.status .msgs .post .text {
	color: rgba(0, 0, 0, 1);
}