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

#twitterholder {
	font-size: 10px;
	font-family: sans-serif;
	position: fixed;
	z-index: 2000;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto 0px;
	margin-right: -380px;
	height: 500px;
	float: right;
	background: url(../images/feedtile.png) no-repeat;
}

#twtdock {
  	bottom: 0px;
    height: 55px;
	width: 30px;
	background-image:url(../images/twtdock.png);
	background-repeat: no-repeat;
    left: 0px;
    margin: auto 0;
	margin-left: 5px;
    position: absolute;
    right: 0px;
    top: 0px;
	cursor: pointer;
}

#twtdock.closed {
	background-position: 0px 0px;
}

#twtdock.closed:hover {
	background-position: 0px -55px;
}

#twtdock.opened:hover {
	background-position: -30px -55px;
}

#twtdock.opened {
	background-position: -30px 0px;
}

#twitterholder ul {
	margin: -0px;
	padding: 65px 0px 10px 30px;
	width: 385px;	
}

#twitterholder h2 {
  clear:both;
}

#twitterholder p, #twitterholder a {
  font-size: 1em;
  color:#3d3d3d;
  margin: 0px;
}

#twitterholder a, #twitterholder  a:visited {
  color:#427fed;
}

#twitterholder a:hover {
  color:#82afff;
}

#twitterholder ul li {
  list-style:none;
  overflow:hidden;
  border:1px solid #dedede;
  margin:5px;
  padding:5px;
  display: table;
  transition: all 0.5s linear;
  background: #eee;
  position: relative;
}

#twitterholder ul li.inserted {
	width: 360px;
	text-transform: uppercase;
	font-weight: 700;
}

#twitterholder ul li.inserted a {
	font-size: 1.5em;
	text-decoration: none !important;
	color: #111;
	transition: all 0.5s linear;
}

#twitterholder ul li.inserted a:hover {
	color: #fff;
}

#twitterholder ul li:hover {
  background-color:#444;
}

#twitterholder ul li:hover .timePosted  {
  font-size: 14px;
	background-color: #fff;
	color:#000;
	box-shadow: #111 -3px 1px 5px;
}

#twitterholder ul li:hover .tweet  {
 	color:#fff;
}


#twitterholder .user, #twitterholder .tweet, #twitterholder .timePosted {
  float:right;
}

#twitterholder .user {
 margin-right: 5px;
 width:10px;
}

#twitterholder .tweet {
  width:300px;
  transition: all 0.5s linear;
  padding:5px 0px 5px 60px;
}

#twitterholder .timePosted {
	margin: auto 0px;
	top:0px;
	left:8px;
	right: 0px;
	bottom: 0px;
	height: 40px;
	width: 40px;
	background-color: #000;
	box-shadow: #444 3px 1px 5px;
	color:#FFF;
	padding: 5px;
	line-height: 13px;
	border-radius: 25px;
	text-align: center;
	transition: all 0.5s linear;
	position: absolute;
}

#twitterholder .timePosted span {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 1em;
	font-weight: 400;
	text-shadow:1px 1px 1px #ccc;
	text-transform: uppercase;
}

#twitterholder .user {
  clear:left;
}

#twitterholder .user a {
 width: 100px;
}

#twitterholder .user span span {
  width:100px;
  display:block;
  margin-top:10px;
}

#twitterholder .user img, #twitterholder .user a > span {
  float:left;
}

#twitterholder .interact {
  float:left;
  width:10%;
  margin-top:-7px;
}

#twitterholder .interact a {
  margin-left:5px;
  float:left;
}

#twitterholder .user a > span {
  margin-left:10px;
  display: none;
}

#linkage {
  position:fixed;
  top:0px;
  right:0px;
  background-color:#3d3d3d;
  color:#ffffff;
  text-decoration:none;
  padding:5px;
  width:10%;
}