.desktop-collapse{
  display:none;
}

/*go to NOWIDTHPLEASE to skip width&height declarations*/
/*thumbnail display of recommneds, big image */
.img-size-thumb-cell { width: 285px; }
.img-size-thumb-width { width: 285px; }
.img-size-title-width { width: 233px; } /*make drawer not stick out. edit: fixed it with A margin*/
.img-size-thumb-height { height: 165px; }
.img-size-thumb-l_height { line-height: 165px; }

/*medium details display of recommnends, 2 column */
.img-size-detail-cell { width: 132px; }
.img-size-detail-width { width: 130px; }
.img-size-detail-height { height: 95px; }
.img-size-detail-l_height { line-height: 95px; }

/*4 in a row display of recommnends, like for videos page */
.img-size-fourcell-cell { width: 222px; }
.img-size-fourcell-width { width: 220px; }
.img-size-fourcell-height { height: 167px; }
.img-size-fourcell-l_height { line-height: 167px; }

/*5 in a row display of recommnends, like for homepage */
.img-size-fivecell-cell { width: 182px; }
.img-size-fivecell-width { width: 180px; }
.img-size-fivecell-height { height: 142px; }
.img-size-fivecell-l_height { line-height: 142px; }

/*small details display of recommneds, has index */
.img-size-plist-cell { width: 90px; }
.img-size-plist-width { width: 85px; }
.img-size-plist-height { height: 62px; }
.img-size-plist-l_height { line-height: 62px; }

/*big display of user icon */
.img-size-userbig-cell { width: 96px; }
.img-size-userbig-width { width: 96px; }
.img-size-userbig-height { height: 96px; }
.img-size-userbig-l_height { line-height: 96px; }

/*small display of user icon */
.img-size-usersmall-cell { width: 32px; }
.img-size-usersmall-width { width: 32px; }
.img-size-usersmall-height { height: 32px; }
.img-size-usersmall-l_height { line-height: 32px; }

/*NOWIDTHPLEASE*/
/* things that dont depend on sizing*/
.img-thumb-container{
  position: relative;
}
.img-thumb-bg{
  overflow:hidden;
  background:#000;
  text-align:center;
  margin:0;
  cursor:pointer;
  display:block;
  border:1px solid black;
}
.img-thumb{
  vertical-align:middle;
  display:inline;
  border:none;
}

.img-fit-height{/*makes images WIDER than viewport extend to the RIGHT behind*/
  height: 100%; /*sizes them properly for now*/
}

.img-fit-width{/*makes images TALLER than viewport extend BELOW behind*/
  width: 100%; 
}

/* Sidebar */
.sidebar-section {
  border: 1px solid #ccc;
  background: #eee;
  margin-bottom: 20px;
  width: 300px;
  text-align: left;
}
.sidebar-header {
  padding: 5px 8px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  font-size: 11px;
  /* width: 234px; before resizing*/
  width: 284px;
}
.sidebar-header td {
	/*vertical-align:middle; EEE NOT NEEEDED CUZ ITS DEFAULT*/
}
.sidebar-header a{
  color: #000000;
}
.sidebar-header button {
	padding: 1px; /*used to be 2, idk why 0. might make buttons smaller.*/
	overflow: visible; /*WHY DOES THIS FIX THE WEIRDASS PADDING ON Ay aY SEX*/
}
.sidebar-header #morevideos {
	text-align:left;
	width: 74px;
}

/*#watch-switchtousr {
	
	height: 20px;
	padding: 0;
	margin: 1px;
}
*/

.sidebar-content {
  padding: 8px;
  background: #fff599;
  font-size: 14px;
}
.img-title a {
	margin-left: 2px;
	color: #000;
	text-decoration: none;
}
.sidebar-content .img-title{
  overflow:hidden;
  border: 1px solid #333;
  border-top: none;
  margin-bottom: 8px;
}
/* .sidebar-content a BREAKS SOME THIGNS */
.sidebar-content span {
  font-size: 11px;
  color: #222;
  text-decoration: none;
}
.sidebar-content a:hover {
  text-decoration: underline;
}



/*current user*/
.recommendcurrentuser {
	width: 100%;
}
.recommendcurrentuser a {
	font-size: 11px;
}