@import url("/stylesheets/miplet.css");

#top, #showcase, #pro_corner, #left_column, #right_column, #tags { float: left }
#top { width: 930px }
#right_column { width: 380px }
.featured {
  width: 930px;
  clear: left;
}
.featured .bottom { 
  position: relative;
  background-color: #333;
  color: #999;
  border: 0 solid #191919;
  border-bottom-width: 25px;
  padding: 10px 0px;
  width: 930px;
}
.featured a { color: #fff }
.featured .author, .featured .role, .featured .timeframe { 
  font-size: 93%;
  clear: left;  
  margin: 0 auto;
} 
.featured .title {
  color: #fff;
  clear: left;
}
.featured .item {
  margin: 0 15px;
  float: left;
  text-align: center;
  width: 154px;
}
.featured .media, .featured .article {
  border: 1px solid #666;
  background-color: #191919;
  text-align: center;
  margin-bottom: 10px;
  padding: 4px;
}
.featured .media a {
  display: block;
  width: 116px;
  height: 87px;
  margin: auto;
  position: relative;
  background: transparent url() no-repeat center center;
}
.timecode { 
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 2px 2px 18px;
  background: #333 url(/images/icons/mip/timecode.png) no-repeat 2px center;
  color: #fff;
  font-weight: bold;
  font-size: 93%;  
}
a.video:hover { text-decoration: none } 
.video .play_button { 
  position: absolute;
  top: 56px;
  left: 42px;
  width: 33px;
  height: 23px;
  display: block;
  background: #333 url(/images/play_button.png) no-repeat center center;
  border: 1px solid #9c9c9c;
}
.featured .media .video .play_button { 
  top: 56px;
  left: 42px;
}
#most_viewed .video .play_button {
  top: 100px;
  left: 75px;  
}
.featured #pager {
  width: 930px;
  margin-bottom: -30px;
  height: 20px;
  padding: 5px;
  text-align: center;
}
.featured .article {
  display: block;
  width: 75px;
  margin: 0 auto 10px auto;
  padding: 4px 10px 16px 10px;
  background: #191919 url(/images/training_zone.png) no-repeat center bottom;
}
.featured .article .avatar {
  display: block;
  width: 75px;
  height: 75px;
  background: #000 url() no-repeat center center;
}
.featured .bulletin { 
  position: relative;
  padding-top: 97px;
}
.featured .bulletin .message {
  width: 116px;
  height: 48px;
  padding: 5px 5px 24px 5px;
  background: transparent url(/images/balloon.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  z-index: 3;
  text-align: left;
}
.featured .bulletin .avatar {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #666;
  position: absolute;
  left: 0;
  top: 65px;
  z-index: 2;
}
.featured .see_all {
  position: absolute;
  bottom: -20px;
  right: 10px;
}
#left_column {
  clear: left;
  width: 545px;
  margin-right: 5px;
}
#most_viewed { width: 545px }
#most_viewed .bottom { 
  padding: 20px 20px 10px 20px;
  width: 505px;
}
#most_viewed .videos, #most_viewed .photos {
  float: left;
  padding: 10px 10px 0 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 480px;
  margin-bottom: 5px;
}
#most_viewed .video, #most_viewed .photo, #most_viewed .media, #most_viewed .info { float: left }
#most_viewed .info { width: 290px }
#most_viewed .video, #most_viewed .photo { 
  clear: left;
  margin-bottom: 10px;
  width: 480px;
}
#most_viewed .media { 
  border: 1px solid #444;
  margin-right: 10px;
  display: block;
  width: 178px;
  height: 133px;
  background: #000 url() no-repeat center center;
}
#most_viewed .video .media { position: relative }
#most_viewed .title { 
  font-weight: bold;
  font-size: 108%;
}
#tags .bottom { text-align: justify }
.tag { 
  line-height: 123.1%;
  word-spacing: -1px;
  white-space: nowrap;
}
.tag1 { font-size: 100% }
.tag2 { font-size: 123.1% }
.tag3 { font-size: 153.9% }
.tag4 { font-size: 173.3% }
.tag5 { font-size: 190.7% }
.tag6 { font-size: 210.1% }