/* jokes */
.jokes { width: 183px; height: 165px; display: block; overflow: hidden; float: left; margin-right: 19px; }
.jokes1 { width: 183px; height: 115px; display: block; overflow: hidden; }
.jokes1 img { width: 183px; min-height: 115px; }
.jokes2 a { background: #f6f9fa ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 10px 6px 27px; font-size: 13px; font-size: 11px\0/; text-transform: uppercase; max-height: 33px; display: block; overflow: hidden; margin-top: 5px; }
.jokes2 a { text-decoration: none; color: #313131; }
.jokes2 a:hover { color: #0099bf; }
.fade_link { background: url(../images/jokes.png) no-repeat 0 -115px; width: 183px; height: 135px; line-height: 500px; position: absolute; margin-top: -115px; }
.fade_link span { background: url(../images/jokes.png) no-repeat; width: 183px; height: 135px; display: block; }
.fade_link a { width: 183px; height: 135px; display: block; overflow: hidden; }


.container, .profile{
  width:300px;
  display:block;
  background:#fff;
  height:300px;
  float:left;
  margin:10px;
  border-radius:10px;
}

.profile{
  background:#2dcc70;
}

.title{
  width:100%;
  background:#233342;
  border-bottom:2px solid #ecf0f1;
  padding:20px 0;
  text-align:center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.container img{
  border-radius:100%;
  width:110px;
  border:2.5px solid #FFF;
  padding:5px;
  margin:0 auto;
  display:block;
  margin-top:20px;
}

.container .content{
  margin:0 auto;
  width:200px;
  text-align:center;
  margin-top:20px;
}