/**
 * @ file
 * Extends layout to work for screens 640px or higher.
 *
 */
 
#page-wrapper {
  width:640px;
}

main {
  width:640px;
  display:block;
}

.region-sidebar {
  width:640px;
  display:block;
}

.region-sidebar .block {
  margin: 0px 6px 20px 10px;
}

#main-menu li:nth-of-type(8).active a,
#main-menu li:nth-of-type(8) a:hover  {
  border-bottom-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:0px;
}


/**
 * Admin Styling
 * Return boxes to normal from system.admin.css
 */
.admin-panel {
  border:1px solid #eee;
  margin-bottom:20px!important;
}

div.admin .left {
  float: left; /* LTR */
  width: 47%;
  margin-left: 1em; /* LTR */
}
div.admin .right {
  float: right; /* LTR */
  width: 47%;
  margin-right: 1em; /* LTR */
}
/**
 * Tabs Styling
 */
 
.tabs ul {
  display:inline-block;
  vertical-align:bottom;
  width:100%;
  border-bottom: 1px solid #C7C3B3;
  border-collapse: collapse;
  padding:0px;
}

.tabs li {
  display:inline-block;
  vertical-align:bottom;
  border-collapse: collapse;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  margin:5px 0px -1px 5px;
}

.tabs li.active{
  border-bottom:0px;
}

/**
 * Content Styling
 */
 
article.node .content,
article.feed-item .content{
  padding:0;
}

.node .field-type-image {
  float:right;
  margin:15px 0px 10px 10px;
}

/**
 * Comment Styling
 */
.comment article {
  min-height:260px;
  margin: 0 0 0 140px;
  border-left: 1px solid #eee;
}

.comment .author-data {
  text-align:center;
  display: block;
  float:left;
  width:140px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-size:0.92em;
  margin:0;
  padding:5px;
}

/**
 * Advanced Forum
 */
.forum-post-panel-main {
  margin-left: 139px;
}

.forum-post-panel-sub {
  text-align:center;
  display:block;
  width: 139px;
  font-size:0.92em;
}

/**
 * Video Filter frame
 */
article .video-filter {
  width:640px;
  height:385px;
}

.comment article .video-filter {
  padding-left:0px;
}

@media screen and (min-width: 600px) and (max-width:676px){
  #page-wrapper {
    width:580px;
  }
  
  #header {
    width:580px;
	}

  main {
    width:580px;
  }

  .region-sidebar {
    width:600px;
  }
  
  article .video-filter {
    width:580px;
    height:372px;
  }

  .comment article .video-filter,
  .forum-post .video-filter{
    width:420px;
    height:260px;
  }

  article img {
    max-width:580px;
    height: auto;
    float:right;
    margin:15px 0px 10px 0px;
  }
  
  .comment article img {
    max-width:420px;
    height: auto;
  }

}