/* CSS Document */
.sidebar-nav{ 
	background-color:#1E1E1E; border:none;
	background-image:url(images/bg_denim2.png);
	border:1px solid #2C2F37;
	box-shadow:0px 3px 5px 1px #202020;
}

.chunk{ 
	padding:5px; 
	overflow:none;
	display:inline;
	float:left;
	border-radius:5px;
	margin-right:10px;
	margin-bottom:10px;
	width:240px;
	height:200px;
}

.chunkImg{
	border:1px solid #ccc;
	display:inline;
	width:240px;
	height:180px;
	float:left;
	position:relative;
	background-size: cover;
}
body{
 background-color:#333;
 color:#ebebeb;
 background-image:url(images/bg_debut_dark.png)
}
.chunkImg .videoLength{
 background-color:#000;
 color:#fff;
 display:inline;
 float:right; 
 font-size:14px;
 padding:0px 3px 0px 3px; 
 position: absolute; 
 bottom: 0; right: 0;
 opacity:.7;
 line-height:16px;
}
.host{ display:inline; float:right; font-size:12px;  color:#666666}
.views{ display:inline; float:left; font-size:12px; color:#666666}

#modalBG {
	background-color:#000;
	opacity:.8;
	position:fixed;
	height:100%;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}
.modalContent {
	padding:0px 20px 0px 20px;
	width:300px;
	margin-left:-150px; /* approx half of the width of 700 */
	border:2px solid #000;
	background-color:#fff;
	border-radius:6px;
	z-index:2;
	display:none;
	position:absolute;
	top:10%;
	left:50%;
}
.loginbox{ background-color:#FFFFFF; border:2px solid #ccc; padding:15px; border-radius:6px}
.msg{ width:90%; margin:0px 20px 10px 20px;}
/* -------------------- */
		
a.linky:link{ 
	background-color:#202020; 
	border:5px solid #202020; 
	width: 240px;
	height: 200px; 
	overflow:auto; 
	display: block;
	float:left;
	margin:5px;
	background-size: cover;
	text-decoration:none;
	position: relative;
	box-shadow:0px 3px 5px 1px #202020;
}
.videoBox{box-shadow:0px 3px 7px 2px #202020; background-color:#202020;background-image:url(images/bg_denim2.png);}
a.linky:visited .tileTitle{ background-color:#333;}
a.linky:hover .tileTitle{ background-color:#58190F; opacity:.95;}


a.linky:visited{
	border:5px solid #333;
}
a.linky:hover{ 
	border:5px solid #58190F; 
	}
.tileTitle{color:#fff; opacity:.8; padding:7px; display:block; 

 background-color:#202020;
 color:#fff;
 display:inline;
 float:right; 
 font-size:14px;
 padding:2px 4px 2px 4px; 
 position: absolute; 
 bottom: 0; right: 0;
 opacity:.9;
 line-height:16px;
}
.tileSubtitle{ 
 background-color:#000; opacity:.6; color:#fff; font-size:10px; padding:0 2px 0 2px;
 float:right;
 color:#fff;
 display:inline;
 font-size:10px;
 padding:2px 4px 2px 4px; 
}
.tileSubtitleLeft{ float:left;color:#fff; font-size:11px; padding:0 2px 0 2px;}
#createdBy{float:right;}
#postedBy{}
a.logo:link, a.logo:visited {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:10px 15px 15px 15px;;
	background: #a52222; /* Old browsers */
	background: -moz-linear-gradient(top, #a52222 0%, #830000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a52222), color-stop(100%,#830000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a52222 0%,#830000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a52222 0%,#830000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a52222 0%,#830000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a52222 0%,#830000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a52222', endColorstr='#830000',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:    inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	box-shadow:         inset 0 0 3px #000000;
	text-shadow: rgba(0,0,0,0.1) 0px 3px 3px;
}

a.logo:hover {
	background: #659c92; /* Old browsers */
	background: -moz-linear-gradient(top,  #659c92 0%, #56857d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#659c92), color-stop(100%,#56857d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #659c92 0%,#56857d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #659c92 0%,#56857d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #659c92 0%,#56857d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #659c92 0%,#56857d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#659c92', endColorstr='#56857d',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:    inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	box-shadow:         inset 0 0 3px #000000;
	text-shadow: rgba(0,0,0,0.1) 0px 3px 3px;
}


#triangle{
	z-index:2;
	position:absolute;
	top:41px;
	left:122px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 5px 0 0;
	border-color: #000 transparent transparent transparent;

}

      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
.moreVideos{border-top:1px dashed #6E6C2C; padding-top:15px; margin-top:15px; font-size:12px; line-height:14px;}
.moreVideosCategory{font-size:32px; font-weight:bold; padding-bottom:15px; padding-top:10px; text-shadow:1px 1px 1px #000;}

#searchBox{ background-color:#333333; 
	color:#ebebeb; box-shadow:inset 0 2px 1px #000000; border-radius:20px; border:1px solid #333; 
	margin-right:10px; font-size:12px; padding:2px; padding-left:10px; width:100px;}
.imgPhoto{border:1px solid #333; padding:5px 5px 25px 5px; background-color:#ebebeb; box-shadow:0px 2px 4px #000}	
.videoTitle{display:inline; float:left; font-size:28px; padding-top:5px; text-shadow:1px 1px 1px #000; padding-top:0px; margin-top:0px;}
.featuredDate{font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; padding-bottom:5px;}
.videoBadgeTitle{float:left; display:inline; padding-right:10px; padding-bottom:10px;}
.modal-body{background-image:url(images/bg_denim2.png);}
.modal-header{background-image:url(images/bg_denim3.png);}
.modal-footer{background-image:url(images/bg_denim3.png);}

.bannerStars{color:#7E7C31; text-shadow:1px 1px 1px #000;}

.videoAttributes{ width:853px; padding:10px; padding-left:0px;}



.sponsoredBy{ text-align:center;}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
	background-color:#000; 
	opacity:.8;
	height:60px;	
}

