/*
* Example style!
* You can do whatever the hell you want on your site :-)
*/

.twitter h2 {
  clear:both;
}
.twitter ul li {
  list-style:none;
  overflow:hidden;
  margin:5px;
  padding:5px;
}

.twitter ul li:hover {
  background-color:#f0f3fb;
}

.user, .tweet, .timePosted {
   overflow: visible;
   text-overflow: visible;
   float:left;
}

.user {

   overflow: hidden;
   text-overflow: ellipsis;

min-width:100px;
max-width:180px;
clear:left;
  width:20%;
  *background-color: #303030;
}

.tweet {
  width:50%;
  *background-color: #808080;
}

.timePosted {
  font-size: 75%;
  
  min-width: 50px;
  *background-color: #DCDCDC;
}


.user a {
  text-overflow: ellipsis;
  *background-color: #808080;
  width:100px;

}

.user span span {
  display:block;
  margin-top:10px;
  *background-color: #808080;
}

.user img, .user a > span {
  overflow: hidden;
  text-overflow: ellipsis;
  float:left;
border-radius: 50px;
max-width: 75px;
  *background-color: #DCDCDC;
}

.interact {
  
  min-width: 100px;
  *background-color: #808080;
}

.interact a {
  font-size:75%;
  margin-left:2px;
  min-width:100px;
  *background-color: #DCDCDC;
}

.user a > span {
  margin-left:5px;
}

.media img {
  max-width:250px;
  max-height:250px;
}


.tco-hidden{
  display: none;
}