body{font-family: Tahoma,Verdana,Segoe,sans-serif; text-align:center; 
		color:white; height:auto; margin:0 auto; width:100%; background-image:url(light_grey.png); background-repeat:repeat;
		opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

.header_container{width:100%; background-color:#F5F5F5; box-shadow: 0 2px 1px -1px #888888;}

/*Google Icon*/
.material-symbols-outlined 
{
	vertical-align: middle;
	font-variation-settings:
	'FILL' 1,
	'wght' 280,
	'GRAD' 0,
	'opsz' 20
}

#overlay{position:fixed; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:2; cursor:pointer;overflow-y:scroll;}
#catergory_links_box{width:60%; margin:0 auto; background-color:#f5f5f5; overflow:hidden;padding:25px;border-radius:4px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);margin-top:60px;}
#catergory_row_x{float:right; color:white; width:100%; text-shadow:1px 1px 1px #ccc; font-size:4.5em; display:block;}
#catergory_links_box a{color:gray; padding:12px 16px; text-decoration:none; display:block;}
#catergory_links_box a:hover {background-color:silver; color:white;}
.fa-window-close:hover{color:silver;}

.notification_div{display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:2; cursor:pointer;}
#notification_box{width:30%; margin:0 auto; background-color:#f5f5f5; overflow:hidden; padding:25px; border-radius:4px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); margin-top:60px;}

/*Mobile nav*/
@media screen and (min-width: 250px)
{
.header_desktop_tablet{display:none;}
.mobile-container{width:100%; background-color:#F5F5F5; box-shadow:0 2px 1px -1px #888888; margin:0 auto;}
.topnav{overflow:hidden; background-color:#F5F5F5; position:relative;}
.topnav #myLinks{display:none; clear:both;}
.topnav a.categories{color:gray; padding:14px 16px; text-decoration:none; font-size:17px; display:block; margin:2px;}
.topnav a.forum{color:gray; padding:14px 16px; text-decoration:none; font-size:17px; display:block; margin:2px;}
.topnav a.profile{color:gray; padding:14px 16px; text-decoration:none; font-size:17px; display:block; margin:2px;}
.topnav a.home{color:gray; padding:14px 16px; text-decoration:none; font-size:17px; display:block; margin:2px;}
.topnav a.icon{background:silver; display:block; position:absolute; right:0; top:0; padding:12px; color:black;}
.topnav a:hover{background-color:silver; color:white;}
.topnav a.active:hover{background-color:#F5F5F5;}
.active{color:darkgray; font-weight:bold; float:left;}	
.topnav a.active{color:darkgray; font-size:25px; font-family: 'Sacramento', cursive; padding:3px 3px 3px 6px;}
.topnav #mdlb{text-align:center; margin:2px;}
#fmdlb{padding:14px 16px; margin:2px;}
}

#labeltitle{height:1em; overflow:hidden;}
#labelav{color:black;}
#labeldate,#labelviews{color:#666666;}	
#labelviews{font-weight:bold;}

input.searchbocx{height:20px; border-radius:2px; border:1px gray solid;}

/*Desktop nav*/
@media screen and (min-width: 900px)
{
.header_mobile{display:none;}	
.topnav{display:none;}
.header_desktop_tablet{padding:2px 2px; overflow:hidden; width:95%; margin:0 auto; display:block;}
.header_desktop_tablet a{float:left; color:gray; text-align:center; padding:5px; text-decoration:none; font-size:13px;  line-height:25px; border-radius:4px; margin:2px;}
.header_desktop_tablet a.logo{font-size:20px; font-weight:bold; font-family: 'Sacramento', cursive;}
.header_desktop_tablet a:hover{background-color:silver; color:white;}
.header_desktop_tablet a.active{background-color:silver; color:white;}
.header-right{float:right; margin:3px;}
.logo{float:left; padding:2px; margin:2px; color:darkgray; font-size:27px; font-weight:bold; font-family: 'Sacramento', cursive;}
.header_desktop_tablet a.none:hover{background-color:#F5F5F5;}
#fmdlb{float:left; display:inline-block; margin:2px; padding:5px;}		
}

/*Video container*/
.video_container{margin:1px auto;}
.video_container h1{font-size:85%; color:gray;}


@media screen and (min-width: 250px)
	{.video_container{width:100%; background-color:;}}
@media screen and (min-width: 480px)
	{.video_container{width:100%; background-color:;}}
@media screen and (min-width: 620px)
	{.video_container{width:100%; background-color:;}}
@media screen and (min-width: 720px)
	{.video_container{width:100%; background-color:;}}	
@media screen and (min-width: 1280px)
	{.video_container{width:100%; background-color:;}}

	
	
	
	
/*Video player*/
@media screen and (min-width: 250px)
	{#video{width:100%; height:auto;}}
@media screen and (min-width: 480px)
	{#video{width:100%; height:auto;}}
@media screen and (min-width: 620px)
	{#video{width:100%; height:360px;}}
@media screen and (min-width: 730px)
	{#video{width:100%; height:420px;}}
/*@media screen and (min-width: 900px)
	{#video{width:100%; height:520px;}}*/
@media screen and (min-width: 1280px)
	{#video{width:100%; height:560px;}}

#video{outline:none !important;}	
#video_description{color:gray; padding:2px; font-size:77%; font-weight:;}





/*
.subscribe_button_div{text-decoration:none; margin-bottom:10px;}					
.subscribe_button_div{background-color:#00B800; color:white; padding:7px; font-weight:bold; border-radius:3px; /*float:left;* 
						display:inline-block;-webkit-box-shadow:0 1px 0 #0E8C3A; -moz-box-shadow:0 1px 0 #0E8C3A; box-shadow:0 1px 0 #0E8C3A;}
.subscribe_button_div:hover{background-color:#66E066; color:white; -webkit-box-shadow:0 1px 0 #00CC00; -moz-box-shadow:0 1px 0 #00CC00; box-shadow:0 1px 0 #00CC00;}					
*/





.subscribe_button_div{text-decoration:none; margin-top:10px;}/*margin-bottom:10px;*/					
.subscribe_button_div{background-color:#00B800; color:white; padding:7px; font-weight:bold; border-radius:3px; /*float:left;*/ 
						display:inline-block;-webkit-box-shadow:0 1px 0 #0E8C3A; -moz-box-shadow:0 1px 0 #0E8C3A; box-shadow:0 1px 0 #0E8C3A;}
.subscribe_button_div:hover{background-color:#66E066; color:white; -webkit-box-shadow:0 1px 0 #00CC00; -moz-box-shadow:0 1px 0 #00CC00; box-shadow:0 1px 0 #00CC00;}					

.subscribe_button_div2{text-decoration:none; margin-bottom:10px;}					
.subscribe_button_div2{background-color:#00B800; color:white; padding:7px; font-weight:bold; border-radius:3px; /*float:left;*/ 
						display:inline-block;-webkit-box-shadow:0 1px 0 #0E8C3A; -moz-box-shadow:0 1px 0 #0E8C3A; box-shadow:0 1px 0 #0E8C3A;}
.subscribe_button_div2:hover{background-color:#66E066; color:white; -webkit-box-shadow:0 1px 0 #00CC00; -moz-box-shadow:0 1px 0 #00CC00; box-shadow:0 1px 0 #00CC00;}









.nav{width:100%; text-decoration:none; text-align:center; font-size:95%; color:black; margin:0 auto; clear:both;}
a.B,a.B1,a.B2{text-decoration: none;}
.B{background-color:#93D3ED; color:white; padding:6px; border-radius:3px; /*float:left;*/ display:inline-block;-webkit-box-shadow:0 2px 0 #6CA5BC; -moz-box-shadow:0 2px 0 #6CA5BC; box-shadow:0 2px 0 #6CA5BC; font-weight:bold;}
.B:hover{background-color:#ADEBFF; color:white; -webkit-box-shadow:0 2px 0 #70DBFF; -moz-box-shadow:0 2px 0 #70DBFF; box-shadow:0 2px 0 #70DBFF;}
.B1{background-color:#00B800; color:white; padding:6px; border-radius:3px; /*float:left;*/  margin-top:10px;
	display:inline-block;-webkit-box-shadow:0 2px 0 #006600; -moz-box-shadow:0 2px 0 #006600; box-shadow:0 2px 0 #006600; font-weight:bold;}
.B1:hover{background-color:#66E066; color:white; -webkit-box-shadow:0 2px 0 #00CC00; -moz-box-shadow:0 2px 0 #00CC00; box-shadow:0 2px 0 #00CC00;}
.B2{background-color:#ff671f; color:white; padding:6px; border-radius:3px; /*float:left;*/ display:inline-block;-webkit-box-shadow:0 2px 0 #b24815; -moz-box-shadow:0 2px 0 #b24815; box-shadow:0 2px 0 #b24815; font-weight:bold;}
.B2:hover{background-color:#ff7635; color:white; -webkit-box-shadow:0 2px 0 #cc5218; -moz-box-shadow:0 2px 0 #cc5218; box-shadow:0 2px 0 #cc5218;}	
.button1x{background-color:#C9C9C9; color:white; padding:6px; border-radius:3px; float:left; margin:1% 2% 2px 2%;}


@media only screen and (max-width : 1920px),only screen and (max-device-width : 1920px){
    .B,.B1,.B2,#B,.button1x{width:12%; margin:1% 1% 2px 1%;} .BDIV{width:75%;}}
@media only screen and (max-width : 1025px),only screen and (max-device-width : 1025px){
    .B,.B1,.B2,#B,.button1x{width:15%; margin:1% 1% 2px 1%;} .BDIV{width:90%;}}
@media only screen and (max-width : 961px),only screen and (max-device-width : 961px){
    .B,.B1,.B2,#B,.button1x{width:25%; margin:1% 2% 2px 2%;} .BDIV{width:85%;}}
@media only screen and (max-width : 641px),only screen and (max-device-width : 641px){
    .B,.B1,.B2,#B,.button1x{width:40%; margin:1% 1% 2px 1%;} .BDIV{width:90%;}}
@media only screen and (max-width : 481px),only screen and (max-device-width : 481px){
    .B,.B1,.B2,#B,.button1x{width:40%; margin:1% 1% 2px 1%;} .BDIV{width:90%;}}	
@media only screen and (max-width : 320px),only screen and (max-device-width : 320px){
    .B,.B1,.B2,#B,.button1x{width:40%; margin:1% 1% 2px 1%;} .BDIV{width:100%;}}	

														
/*Rating and Like-Dislike container queries*/
@media screen and (max-width: 1920px)
{
	.rating_favorite_container{width:70%; margin:0 auto; text-align:center;}
	.rating_box{width:40%; margin:6px auto; padding:15px; text-align:center; display:inline-block;}
	.favorite_box{width:40%; margin:3px auto; padding:15px; text-align:center; display:inline-block;}
}
@media screen and (max-width: 580px)
{
	.rating_favorite_container{width:100%;}
	.rating_box{width:35%; background-color:; padding:5px; text-align:center; display:inline-block;}
	.favorite_box{width:35%; background-color:; padding:5px; text-align:center; display:inline-block;}
}
@media screen and (max-width: 468px)
{
	.rating_favorite_container{width:100%;}
	.rating_box{width:90%; background-color:; padding:5px; text-align:center; display:inline-block;}
	.favorite_box{width:90%; background-color:; padding:5px; text-align:center; display:inline-block;}
}	

#input_favorite{padding:10px; color:black; cursor:pointer;}
#input_favorite:hover{background-color:; color:green;}

#input_favorite2{padding:10px; color:black; cursor:pointer;}
#input_favorite2:hover{background-color:; color:green;}

.fa-heart{color:red;}
.fa-thumbs-up, .fa-thumbs-down{color:gray; font-size:10px;}
#like_button, #dislike_button{background-color:#F2F3F4;}

#like_button, #dislike_button{padding:6px;}
#like_button{margin-right:6px;}
#dislike_button{margin-left:6px;}
#like_button:hover{color:green;}
#dislike_button:hover{color:red;}

#favorited{color:gray; font-size:85%;}
#likedspan{text-decoration:underline; color:gray; font-size:65%;}
#liked{color:gray; font-size:85%;}

/*Thumbnail Container*/
.thumbnail_container{text-align:center; margin:auto; overflow:hidden; display:block;}
.tt2{-moz-box-shadow:0 0 2px black; -webkit-box-shadow:0 0 2px black; box-shadow:0 0 2px gray; width:200px; height:150px;}
.thumbnail {color:#797478; font:10px/1.5 Verdana, Helvetica, sans-serif; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
				position:relative; display:inline-block;}
.thumbnail h3 {text-transform:uppercase;}
.thumbnail img {max-width:100%; -webkit-border-radius:5px; -moz-border-radius:3px; border-radius:3px; border:1px solid gray; padding:2px;}

/*More videos text display*/
#morr{color:gray; font-size:70%; text-align:center; font-weight:bold; margin-top:20px; margin-bottom:15px;}	

/*Thumbnail queries*/
@media screen and (min-width: 250px)/*1 thumbnail*/
	{.thumbnail_container{width:100%; background-color:;} .thumbnail{width:100%; margin-bottom:16px;}}
@media screen and (min-width: 480px)/*2 thumbnails*/
	{.thumbnail_container{width:100%; background-color:;} .thumbnail{width:45%; margin-bottom:16px; margin-left:2.5%; margin-right:2.5%;}}
@media screen and (min-width: 620px)/*2 thumbnails*/
	{.thumbnail_container{width:90%; background-color:;} .thumbnail{width:40%; margin-bottom:16px; margin-left:4.5%; margin-right:4.5%;}}	
@media screen and (min-width: 830px)/*3 thumbnails*/
	{.thumbnail_container{width:95%; background-color:;} .thumbnail{width:27%; margin-bottom:16px; margin-left:3.1%; margin-right:3.1%;}}
@media screen and (min-width: 1000px)/*4 thumbnails*/
	{.thumbnail_container{width:100%; background-color:;} .thumbnail{width:22%; margin-bottom:16px; margin-left:1.5%; margin-right:1.5%;}}
@media screen and (min-width: 1200px)/*4 thumbnails*/
	{.thumbnail_container{width:90%; background-color:;} .thumbnail{width:21%; margin-bottom:16px; margin-left:2%; margin-right:2%;}}
@media screen and (min-width: 1320px)/*4 thumbnails*/
	{.thumbnail_container{width:90%; background-color:;} .thumbnail{width:21.8%; margin-bottom:16px; margin-left:1.6%; margin-right:1.6%;}}	
@media screen and (min-width: 1444px)/*5 thumbnails*/
	{.thumbnail_container{width:85%; background-color:;} .thumbnail{width:17%; margin-bottom:16px; margin-left:1.5%; margin-right:1.5%;}}
			
/*Pagination*/
.paginate{font-family:georgia, times, serif; font-weight:bold; text-align:center; margin: 30px 0 25px 0; color:gray;}
.paginate a{padding:8px; margin:2px; border:2px solid #F5F5F5; text-decoration:none; color:darkgray; background-color:#F5F5F5; border-radius:3px;
			-webkit-border-radius:5px; -moz-border-radius:3px; -webkit-box-shadow:0 0 2px black; -moz-box-shadow:0 0 2px black; box-shadow:0 0 2px black;}
.paginate a:hover, .paginate a:active{border:1px solid darkgray; background-color:darkgray; color:white;}
.paginate span.current{margin:2px; padding:2px 5px 2px 5px; border:1px solid darkgray; font-weight:bold; border-radius:3px; background-color:darkgray; color:white; 
						-webkit-border-radius:5px; -moz-border-radius:3px; -webkit-box-shadow:0 0 2px black; -moz-box-shadow:0 0 2px black; box-shadow:0 0 2px black;}	
.paginate span.disabled{padding:2px 5px 2px 5px; margin:2px; color:#999; -webkit-border-radius:5px; -moz-border-radius:3px;}
li{padding:14px; margin-bottom:3px; background-color:#FCC;list-style:none;}	
ul{margin:6px; padding:0px;}

/*Mobile nav. sub-menu*/
.dropdown{position:absolute; display:inline-block;}
.dropdown-content{display:none; position:absolute; background-color:silver; width:400px; border-radius:2px;
					overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; margin-top:10px; float:right; margin-right:350px;}					
.dropdown-content a{color:white; padding:12px 16px; text-decoration:none; display:block;}
.dropdown a:hover {background-color:#f5f5f5; color:gray;}
.show {display:block;}
.dropdown-cat-submenu{position:absolute; width:50%; margin:0 auto;}
.cat-submenu-content{display:none; position:absolute; background-color:silver; width:200px; margin:0 auto; border-radius:2px;
					overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}					
.cat-submenu-content a{color:white; padding:12px 16px; text-decoration:none; display:block;}
.dropdown-cat-submenu a:hover {background-color:#f5f5f5; color:gray;}
.show {display:block;}
	
/*Font awesome close button for categories*/
.close{color:#aaaaaa; float:right; font-size:28px; font-weight:bold; width:100%;}
.close:hover, .close:focus{color:#000; text-decoration:none; cursor:pointer;}

/*Admin VP2 update area - css markups*/
@media screen and (min-width: 801px)
{
.NewVidBox{width:70%; margin:0 auto;}
#update_forms{width:80%; margin:5px auto;}
.nts, #ntfont{width:80%; margin:5px auto; font-size:95%; text-align:center; word-wrap: break-word;}
}
@media screen and (max-width: 800px)
{
.NewVidBox{width:90%; margin:0 auto;}
#update_forms{width:100%; margin:5px auto;}
.nts, #ntfont{width:80%; margin:5px auto; font-size:95%; text-align:center; word-wrap: break-word;}
}

/*SUBNICHES CSS -- Admin VP2 update area - css markups*/
@media screen and (min-width: 801px)
{
.subnicheCSS{width:70%; margin:0 auto;}
.subnichebox{width:20%; margin:0 auto; float:left;}
#update_forms{width:80%; margin:5px auto;}
.nts, #ntfont{width:80%; margin:5px auto; font-size:95%; text-align:center; word-wrap: break-word;}
}
@media screen and (max-width: 800px)
{
.subnicheCSS{width:90%; margin:0 auto;}
.subnichebox{width:40%; margin:0 auto; float:left;}
#update_forms{width:100%; margin:5px auto;}
.nts, #ntfont{width:80%; margin:5px auto; font-size:95%; text-align:center; word-wrap: break-word;}
}

/*Tube embeded video*/
@media only screen and (max-width : 1920px),only screen and (max-device-width : 1920px){
    .tube{width:95%; height:600px; margin:1% 3% 2px 3%;} .tube_div{width:60%; height:auto; float:left; padding-bottom:50px;}}
@media only screen and (max-width : 1025px),only screen and (max-device-width : 1025px){
    .tube{width:100%; height:500px; margin:1% 1% 2px 1%} .tube_div{width:100%; height:auto; float:left; padding-bottom:25px;}}
@media only screen and (max-width : 961px),only screen and (max-device-width : 961px){
    .tube{width:95%; height:450px; margin:1% 1% 2px 1%} .tube_div{width:100%; height:350px; float:left; padding-bottom:25px;}}
@media only screen and (max-width : 641px),only screen and (max-device-width : 641px){
    .tube{width:90%; height:340px; margin:1% 1% 2px 1%} .tube_div{width:100%; height:340px; float:left; padding-bottom:25px;}}
@media only screen and (max-width : 481px),only screen and (max-device-width : 481px){
    .tube{width:100%; height:315px;} .tube_div{width:100%; display:block;}}	
@media only screen and (max-width : 320px),only screen and (max-device-width : 320px){
    .tube{width:100%; height:290px;} .tube_div{width:100%; display:block;}}

/*Footer*/
.footer_container{width:100%; margin-top:150px;}
.footer_div1{width:60%; margin:0 auto; text-align:center; font-size:100%; color:gray;}
.footer_div2{width:60%; margin:0 auto; text-align:center; font-size:110%; color:gray;}
.footer_div2_content1{float:right; padding:5px;}
.footer_div2_content1 img{width:50px; height:25px;}
.footer_div2_content2{float:left; padding:5px; float:right; font-size:70%; margin:0 auto;}
.footer_div2_content2 a{text-decoration:underline;}
.footer_div2_content2 label{text-decoration:none;}