/**
 * @ file
 * Extends layout to work for screens 480px or higher.
 *
 */

#page-wrapper {
  width:480px;
}

#main-menu li:nth-of-type(1).active a,
#main-menu li:nth-of-type(1) a:hover  {
  border-top-left-radius:5px;
}

#main-menu li:nth-of-type(7).active a,
#main-menu li:nth-of-type(7) a:hover {
  border-bottom-left-radius:5px;
}

/**
 * Video Filter frame
 */
 
@media screen and (min-width: 480px) and (max-width:599px){
  article img {
    max-width:480px;
    height: auto;
    float:right;
    margin:15px 0px 10px 0px;
  }
}

article .video-filter {
  width:480px;
  height:295px;
}

.comment article .video-filter {
  padding-left:-15px;
  width:480px;
  height:295px
}