/* CSS Document */
body {
  font-family: Verdana;
  background: url('images/bg.jpg') repeat-y center;
  margin:0px;
  padding: 0px;
    }

a {
  color: #990000;
  text-decoration: none;
  }
  
a:visited {
  color: #990000;
  text-decoration: none;
  }
  
a:hover {
  color: #000000;
  text-decoration: underline;
  }

h1 {
  color: #666666;
  margin: 3px;
  padding: 0px;
  font-size: 14pt;
  font-weight: normal;
  font-family: Arial;
  }
  
#wrap {
  width: 978px;
  }

#header {
  height: 125px;
  width: 970px;
  margin-bottom: 10px;
  background: url('images/yetistube.jpg') no-repeat left;
  }

.footer {
  width: 976px;
  background: url('images/top-bg.jpg') repeat-x top;
  text-align: center;
  font-size: 10pt;
  margin-left: 2px;
  margin-bottom: 10px;
    }

.footer ul {
  margin: 0px;
  padding: 3px;
  }
  
.footer li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
  font-size: 8pt;
  font-weight: bold;
  }

div.disclaimer {
  font-size: 10px;
  padding: 5px;
  color: #666666;
  }

div.content {
  width: 800px;
  float: left;
  margin-left: 4px;
  }

div.menu {
  float: right;
  width: 164px;
  margin-right: 4px;
  }  

div.search {
  float: right;
  width: 320px;
  margin-right: 100px;
  margin-top: 20px;
  font-size: 10pt;
  }
  
div.search input {
  font-size: 10pt;
  }

div.navigation {
  font-size: 10pt;
  padding: 3px;
  font-weight: bold;
  }

div.navigation a {
  text-decoration: underline;
  } 


#nav {
	color: #000000;
	height: 25px;
  background: url(images/top-bg.jpg) repeat-x top;
  margin: 0px;
  margin-left: 2px;
	padding: 0px;
	width: 976px;
	font-size: 8pt;
	text-align: left;
 }

#nav li {
	display: inline;
	list-style:none;
  line-height: 25px;
  height: 25px;
  text-align: center;
  margin-left: 15px;
	padding: 0px;
	text-align: left;
  }
#nav li a {
	font-weight: bold;
  color: #990000;
  line-height: 25px;
  text-decoration: none;
  }
#nav li a:hover {
  color: #000000;
  text-decoration: underline;
  }

 .linkexchange {
  width: 976px;
  background: url('images/top-bg.jpg') repeat-x top;
  font-size: 8pt;
  margin-left: 2px;
  color: #666666;
    }
    
.linkexchange a,
.linkexchange a:visited,
.linkexchange a:hover {
  text-decoration: none;
  color: #666666;
    }
 
 .linkexchange ul {
  margin: 0px;
  padding: 10px;
  text-align: center;
    }
  
 .linkexchange li {
  margin: 0px;
  padding: 0px;
  list-style:none;
  display: inline;
  text-align: center;
    } 
  
.thumbwrap {
  width: 792px;
    }
    
.thumbwrap2 {
  width: 976px;
  background: url('images/top-bg.jpg') repeat-x top;
  text-align: left;
  font-size: 10pt;
  margin-left: 2px;
    }
  
.thumb-category {
  width: 154px;
  height: 140px;
  float: left;
  font-size: 8pt;
  margin: 4px;
  text-align: center;
  }  
  
.thumb-category a img {
  border: 2px solid #000000;
  } 
  
 .thumb-category a:visited img {
  border: 2px solid #000000;
  }  

.thumb {
  width: 154px;
  height: 190px;
  float: left;
  font-size: 8pt;
  margin: 2px;
  text-align: left;
  background: url('images/gradient.jpg') repeat-x bottom;
    }
    
.pics_thumb {
  width: 250px;
  height: 110px;
  float: left;
  font-size: 10px;
  margin: 2px;
  text-align: left;
  background: url('images/gradient.jpg') repeat-x bottom;
    }
    
.pics_thumb img {
  float: left;
  border: 1px solid #000000;
  margin-right: 5px;
  text-align: left;
    }
 
 .pics_thumb2 img {
  border: 1px solid #000000;
  margin: 2px;
  
    }
  
.overlay {
     display:none;
     padding:0;
     border: 1px dotted #000000;
     margin:0;
     position:absolute;
     height:120px;
     width:150px;
     z-index:2;
  }

.thumbnail{
     position:relative;
     z-index:0;
     height:120px;
     width:150px;
     border: 1px solid #000000;
     margin: 0 0 5px 0;
  }

.thumbnail:hover, .thumbnail.over{
     border: 1px dotted #000000;
  }
  
.time {
  float: left;
  width: 60px;
  font-weight: bold;
  color: #990000;
    }
  
.star {
  float: right;
  width: 60px;
  }
  
.star img {
  border: 0px;
    }
  
.view {
  float: left;
  width: 90px;
  white-space:nowrap;
  }
  
.view2 {
  float: right;
  width: 40px;
  white-space:nowrap;
  }
  
.title {
   font-size: 11px;
   margin-bottom: 2px; 
    }
    
.title a {
   text-decoration: none;
   color: #000000; 
    }
    
.title a:visited {
   text-decoration: none;
   color: #000000; 
    }
  
.topmenu ul {
  list-style: none
  padding: 0px;
  margin: 0px;
    }
    
.topmenu li {
  padding: 0px;
  margin: 0px;
  display: inline;
  font-size: 8pt;
  }
  
  
div.section {
  width: 800px;
  background: url('images/frame-bg.jpg') repeat-y ;
  }

div.section td {
  font-size: 8pt;
  }

td.big {
   font-family: Arial;
   font-size: 14pt;  
  }
  
div.section-header {
  width: 800px;
  height: 29px;
  background: url('images/frame-top.jpg') no-repeat center;
  }

div.section-header h2 {
  margin: 0px;
  padding: 5px;
  font-size: 10pt;
  text-align: left;
  }

div.section-bottom {
  width: 800px;
  height: 10px;
  font-size: 1px;
  background: url('images/frame-bt.jpg') no-repeat bottom ;
  }
  
div.menu-section {
  width: 164px;
  background: url('images/menu-bg.jpg') repeat-y ;
  }
  
div.menu-section-header {
  width: 164px;
  height: 29px;
  background: url('images/menu-top.jpg') no-repeat center;
  }

div.menu-section-header h2 {
  margin: 0px;
  padding: 5px;
  font-size: 10pt;
  text-align: left;
  }

div.menu-section-bottom {
  width: 164px;
  height: 10px;
  font-size: 1px;
  background: url('images/menu-bt.jpg') no-repeat bottom ;
  }

div.menu-section ul {
  margin: 0px;
  margin-left: 20px;
  padding: 0px;
  }
  
div.menu-section li {
  margin: 0px;
  padding: 4px;
  font-size: 8pt;
  list-style: circle;
  font-weight: bold;
  text-align: left;
  }
  
/* Flow gallery ################################################  */
div.gallery-left {
  float: left;
  width: 520px;
  margin-left: 10px;
  }
  
div.gallery-right {
  float: right;
  width: 420px;
  margin-right: 0px;
  border-left: 1px solid #9A9A9A;
  background: url(images/top-bg.jpg) repeat-x top;
  }

div.video-title {
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  }

div.video-desc {
   font-size: 8pt;
   text-align: left;  
  }

div.top-text-link {
  font-size: 10pt;
  padding: 2px;
  text-align: left;  
  }

div.gallery-tags {
  float: left;
  width: 350px;
  font-size: 8pt;
  text-align: left;
  margin-left: 10px;
  }

div.gallery-rating {
  float: right;
  width: 110px;
  font-size: 8pt;
  font-weight: bold;
  }

div.video-player-link {
  margin: 3px;
  }

div.related-videos {
  width: 370px;
  padding-left: 0px;
  text-align: left;
  font-size: 10pt;
  
  }

div.thumb-related {
  float: left;
  width: 110px;
  height: 115px;
  margin: 4px;
  }
  
.thumbnail-related {
  border: 2px solid #000000;
  }

.related-time {
  font-size: 10px;
  float:left;
  width: 35px;
  font-weight: bold;
  }
  
.related-star {
  float: right;
  width: 65px;
  }
  
.starbox { 
float:right;
width: 65px;
text-align:right;
  }

.duration {
font: normal 11px Arial, Helvetica, sans-serif; 
color: #cc0000; 
margin: 0; 
padding:0; 
text-align:left; 
line-height: 12px; 
float:left;
font-weight: bold;
  }

div.next-video {
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  background: url(images/top-bg.jpg) repeat-x top;
  }

div.tagcloud {
  background: url(images/top-bg.jpg) repeat-x top;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
  font-size: 10pt;
  }

div.tagcloud a {
  padding: 2px;
  }

#playlist a img {
width: 100px;
height: 75px;
margin: 0 0 0 7px;
float:left;
border: 1px solid #000000;
}
#playlist a img:hover {
width: 100px;
height: 75px;
margin: 0 0 0 7px;
border: 1px solid #590010;
}
#playlist a.playing img {
border: 1px dotted #666666;
}
#player {width:512px; height:412px; background:black; text-align:center; display:table-cell; vertical-align:middle; font-size: 0px;}
#player embed {margin: 0px;}
#player img.screen {margin:0 auto; border:1px solid #aaa; width:512px; height:412px;}
/* Search page ################################################  */
div.searchform {
  font-size: 10pt;
  width: 90%;
  }
  
div.topsearch {
  font-size: 8pt;
  }

/* Slide menu ################################################  */  
.lavaLampWithImage {
    margin: 0px;
    position: relative;
    height: 53px;
    padding-left: 10px;
    margin-left: 1px;
    background: url("images/slide-bg.jpg") repeat-x top;
    border-top: 1px solid #9a9a9a;
    overflow: hidden;
    }

.lavaLampWithImage li {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
    
.lavaLampWithImage li.back {
    background: url("images/hover.png") no-repeat right ;
    width: 15px; height: 53px;
    z-index: 8;
    position: absolute;
    }
    
.lavaLampWithImage li.back .left {
    background: url("images/hover.png") no-repeat top left;
    height: 53px;
    margin-right: 40px; /* 7px is the width of the rounded shape */
    }
    
.lavaLampWithImage li a {
    font-size: 8pt;
    font-family: Verdana;
    text-decoration: none;
    color: #990000;
    outline: none;
    text-align: center;
    padding: 7px;
    padding-top: 10px;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 40px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;    
    }
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
    text-decoration: none;
    }
    
.lavaLampWithImage a span {
      font-size: 10px;
      color: #000000;
      }

#dhtmltooltip{
position: absolute;
width: 166px;
height: 166px;
visibility: hidden;
z-index: 100;
background: url('images/tooltip.png');
font-size: 8pt;
font-weight: bold;
text-align: center;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmltooltip img{
border: 1px solid #000000;
margin-top: 5px;
}