/* CSS Document */

/* slideshow - other styling in carousel.css */

#homepage {
  width:626px !important;
  height:240px !important;
  margin:0 0 20px 0;
}

.hp_boxes_top {
  margin:0 0 0px 0 !important;
}


/* featured blog item */

ul.featured_blog {
  margin:0 0 20px 0;
}

ul.featured_blog li {
  display:block;
  float:none;
}

ul.featured_blog li .image {
  width:120px;
  height:120px;
  margin:0 18px 0 0;
}

ul.featured_blog li .info {
  width:165px;
  height:auto;
  margin:0;
}

ul.featured_blog li .info h3 {
  margin:0 0 7px 0;
}


/* other blog items */

ul.hp_blog {
  display:block;
  width:301px;
  margin:0 0 10px 0;
  padding:0;
  border:1px solid #B9C2B6;
}

ul.hp_blog li {
  display:block;
  clear:both;
  width:267px;
  padding:4px 17px;
  background:#F1F2ED url(../images/point.gif) left top no-repeat;
}
ul.hp_blog li.odd {
  padding:3px 17px;
  background:#E6E8DA url(../images/point.gif) left top no-repeat;
}

ul.hp_blog li.clear {
  display:none;
}

ul.hp_blog li .info {
}

ul.hp_blog li .info h3 {
  margin:0 0 4px 0;
}

ul.hp_blog li .info p {
  font-size:10px;
  color:#829193;
  margin:0 !important;
}


/* multibox boxes *******************************************/

/* group */

.tab-group li {
  display:block;
  clear:both;
  margin:0 0 10px 0;
}

.tab-group li h3 { 
  width:auto;
  float:left;
  margin:0 5px 0 0;
}

.tab-group li span.members {
  line-height:17px;
  font-size:11px;
  color:#6c7a78;
}

.tab-group li.first { 
  margin:0 0 20px 0;
}

.tab-group li.first h3 { 
  float:none;
  margin:0 0 7px 0;
}

.tab-group li.first .image {
  float:right;
  width:120px;
  height:120px;
  margin:0 0 10px 10px;
}

.tab-group li.first .image div {
  width:120px;
  height:120px;
  margin:0 0 5px 0px;
}

.tab-group li.first .image span.members {
  display:block;
  width:120px;
  height:20px;
  margin:0;
  padding:0;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  color:#778b87;
}

.tab-group li.first .info {
  float:left;
  width:141px;
  height:auto;
  margin:0 0 10px 0px;
}


/* user */

.tab-user {
  width:267px;
  padding:15px 11px 15px 22px !important;
}

.tab-user li {
  width:84px;
  margin:0 5px 10px 0;
}

.tab-user li .avatar { 
  width:84px;
  height:84px;
}


/* group */

.tab-blog li {
  display:block;
  clear:both;
  margin:0 0 10px 0;
}

.tab-blog li h3 { 
  width:auto;
  float:left;
  margin:0 5px 0 0;
}
.tab-blog li.first { 
  margin:0 0 20px 0;
}

.tab-blog li.first h3 { 
  float:none;
  margin:0 0 7px 0;
}

.tab-blog li.first .image {
  float:right;
  width:84px;
  height:84px;
  margin:0 0 10px 10px;
}

.tab-blog li.first .info {
  float:left;
  width:177px;
  height:auto;
  margin:0 0 10px 0px;
}

.tab-blog li span.datum {
  display:block;
  clear:both;
  line-height:17px;
  font-size:11px;
  color:#6c7a78;
}


/* files */

.tab-foto {
  width:267px;
  padding:15px 11px 15px 22px !important;
}

.tab-foto li {
  display:block;
  float:left;
  width:84px;
  margin:0 5px 10px 0;
  text-align:center;
}

.tab-foto li .avatar { 
  display:block;
  width:84px;
  height:84px;
  margin:0 0 5px 0;
}

.tab-foto li .name {
  line-height:17px;
}