#wpboxWrap {
	margin:90px auto 370px auto;
}
#wpbox {
  border:1px solid #666;
  margin:30px auto;
  padding:0;
  height:140px;
  width:400px;
}
#wpbox ul{
  background:#111;
  border-left:2px dotted #333;
  width:222px;
  height:140px;
  margin:0 0 0 175px;
  padding:0;
}
#wpbox ul li{
  list-style:none;
  margin:0;
  padding:7px;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail img {
  border:2px solid #333;
  margin:10px;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background:#000;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 145px;
left: -250px;
}


/********** User Links **************/
#userbox {
  border:1px solid #666;
  margin:1px 1px 0px 1px;
  height:60px;
}
#liuser {
  display:block;
  background:#333;
  color:#ccc;
  text-align:center;
  font-size:11px;
  margin:0 0 20px 0;
}
#reglinks {
  margin:-15px 0 0 0;
  float:left;
  padding:0 0 3px 0;
}
/**out**/
#userboxOut {
  border:1px solid #222;
  margin:1px 1px 0px 1px;
  height:40px;
}
#reglinks  ul{
  margin:0;
  padding:0;
}
#reglinks  ul li {
  list-style:none;
  float:left;
  font-size:11px;
  margin:0 5px 0 5px;
}
#reglinks  ul li a {
  color:#999;
}
#reglinks  ul li a:hover {
  color:#333;
}
/**in**/
#userboxIn {
  border:1px solid #222;
  margin:1px 1px 0px 1px;
  height:60px;
}
#reglinks  ul{
  margin:0;
  padding:0;
}
#reglinks  ul li {
  list-style:none;
  float:left;
  font-size:10px;
  margin:0 5px 0 5px;
}
#reglinks  ul li a {
  color:#999;
}
#reglinks  ul li a:hover {
  color:#333;
}