/*
Theme Name: VBase deTube
Theme URI: http://dedepress.com/themes/detube/
Description: A Professional Video/News/Magazine WordPress Theme.
Author: Cloud Stone
Author URI: http://dedepress.com
Version: 1.4.9
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: theme-options
*/

/*= Table of Content
 * 
 *= Reset,Base and Common 
 *= Structure 
 *= Header 
 *= Main Navigation 
 *= General Content Style
 *= Archive Content Style
 *= Featured Content Style
 *= Singular Content Style
 *= Widgets (Sidebar & Footbar) 
 *= Footer (Footbar & Colophon) 
 *= Comments & Response
 *= Plugins Style
 *= Browser Specific 
 *==================================================================*/


/*= Reset,Base and Common
 *==================================================================*/
html {
	background:#FFF;
	color:#555;
}
body {
	margin:0;
	font:13px sans-serif;
	line-height:1.615;
	text-shadow: 0 1px 0 #FFF;
}


/*== HTML5 Elements
 *=================================*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

/*== Typography Elements
 *=================================*/
iframe {

}
a img {
	border:0
}
:focus {
	outline:0
}
a {
	color:#086081;
	text-decoration:none;
	outline:0;
	-webkit-transition:background-color .15s linear,color .15s linear;
	-moz-transition:background-color .15s linear,color .15s linear;
	-o-transition:background-color .15s linear,color .15s linear;
	-ms-transition:background-color .15s linear,color .15s linear;
	transition:background-color .15s linear,color .15s linear;
}
a:hover {
	color:#B70000;
	text-decoration:underline;
}
ul,ol {
	list-style:none;
	margin:0;
	padding:0;
}
ul,ol,p,table,form,pre {
	margin:0 0 20px
}
h1,h2,h3,h4,h5,h6 {
	color:#111;
	margin:0 0 15px;
}
h1,h2,h3 {
	line-height:1.25
}
h1 {
	font-size:24px
}
h2 {
	font-size:20px
}
h3 {
	font-size:16px
}
h4 {
	font-size:14px
}
h4,h5,h6 {
	font-size:13px
}
blockquote {
	background:url(images/quote.png) no-repeat 0 5px;
	margin-left:10px;
	padding-left:40px;
	color:#777;
	font-family:"Droid Serif",serif;
}
hr{
clear:both;
height:0;
background:none;
border-top:1px solid #DDD;
border-bottom:1px solid #FFF;
}
abbr[title],acronym[title] {
	border-bottom:1px dotted #666;
	cursor: help;
}

/*== Code Elements
 *=================================*/
pre,code,kbd,samp,var {
	font: 12px "Courier New",monospace,serif normal
}
pre {
	padding:20px 20px;
	nowhitespace:afterproperty;
	background:#FFF url(images/pre-code-bg.png);
	line-height:20px;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	border:1px solid #DDD;
	
/* CSS-3 */
	white-space:-o-pre-wrap;
	
/* Mozilla,since 1808080 */
	word-wrap:break-word;
	
/* Opera 4-6 */;
	
/* IE 5.5+*/
}

/*== Table Elements
 *=================================*/
table {
	width:100%;
	nowhitespace:afterproperty;
	border-collapse:collapse;
	border-spacing:0;
	
/* tables still need 'cellspacing="0"' in the markup */
}
th,td,caption {
	padding:5px 10px
}
caption {
	font-weight:bold
}
th,td {
	border: 1px solid #CCC;
}
th{background:#E7E7E7;}
td{background:#FFF;}
tr:nth-of-type(odd) td, tr.odd td { background: #FBFBFB }

/*== Form Elements
 *=================================*/
label,
input,
textarea,
select,
button,
.btn {
	font:13px sans-serif;
	line-height:19px;
}
input,
textarea,
select,
button,
.btn {
	display:inline-block;
	padding:4px;
	margin:0;
	outline:none;
	background-color:#FFF;
	border:1px solid #D7D7D7;
	-webkit-border-radius:3px;
	border-radius:3px;
}
input[type="text"],input[type="password"],textarea {
	-webkit-box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
	box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
	-webkit-transition:background .15s;
	-moz-transition:background .15s;
	-ms-transition:background .15s;
	-o-transition:background .15s;
	transition:background .15s;
}
input[type="text"],
input[type="password"] {
	height:19px;
}
textarea {
	overflow:auto;
}
select {
	height:29px;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align:text-top;
	padding:0;
	margin:1px 0 0;
	border:0;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	outline:0;
	color:#333;
	border-color:#BBB;
	-webkit-box-shadow:inset 0 1px 30px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.05);
}

/*== Buttons
 *=================================*/
input[type="submit"]{
	cursor:pointer;
	cursor:hand;
}

button,
.button,
.btn,
input[type=submit],
input[type=button],
input[type=reset]{

}

button:hover,
.button:hover,
.btn:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover{

}

.btn a,
.button a,
a.btn,
a.button{
	text-decoration:none;
}


/*== Mini Arrow */
.mini-arrow-down,
.mini-arrow-right{
display:inline-block;
width:0;
height:0;
line-height:0;
border-style:dashed;
}
.mini-arrow-down{
border-width:4px;
border-top-style:solid;
border-color:transparent;
border-top-color:#000;
}
.mini-arrow-right{
display:inline-block;
width:0;
height:0;
line-height:0;
border-width:3px;
border-color:transparent;
border-left-style:solid;
border-left-color:#000;
}

/*== Common CSS Class Style
 *=================================*/
.alignleft,.left {
	float:left;
	margin:0 20px 10px 0;
}
.alignright,.right {
	float:right;
	margin:0 0 10px 20px;
}
.aligncenter,.center {
	display:block;
	margin:0 auto 20px auto;
}
.alignnone {
	margin:0 0 20px
}
.required {
	color:red
}
.none,.hidden {
	display:none;
	margin:0;
	padding:0;
	border: 0;
}

/*== Clearing floats */
.clear:after, 
.cf:after{
	clear:both;
}
.clear:before, 
.clear:after,
.cf:before, 
.cf:after{
	content: "";
	display: table;
}
.cf{zoom:1;}


/*== WP Style
 *=================================*/
img.alignleft,
img.alignright {
	display:block
}
blockquote.alignleft,
blockquote .alignright {
	width:33%
}
.wp-caption img {
	display:block
}
.wp-caption-text {
	padding:5px 10px;
	color:#777;
	text-align:center;
	font-family:"Droid Serif",serif;
}
img.wp-smiley {
	border:0 !important;
	background:transparent !important;
}
.gallery {
	display:block;
	text-align:center;
	margin-bottom: 20px;
}
.gallery-caption{color:#777;}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}


/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}


/*= Fluid Width Video
 *==================================================================*/

/*
Fluid Video Aspect Ratio

Wide Screen TV		16:9 	> 56.25%; 
Monitor Screens		16:10 	> 62.5%; 
Classic TV			4:3 	> 75%; 
Photo Camera		3:2 	> 66.66666666666666%; 
Square				1:1 	> 100% 
Cinemascope			2.4:1 	> 41.66666666666667%; 
*/

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}
object{
margin:0;/* Fixed the conflict problem caused by Automatic Youtube Posts Plugin
it added 10px margin to <object>, we override it to 0. */
}

/*== Plugin Fixes */

/* Make Bits on the Run to responsive */
.botrplayer{width:100% !important;}

/* Fix video transform bug */
.jwvideo video{
width:100% !important;
height:100% !important;
-webkit-transform:none !important;
transform:none !important;
}
/* Fix bottom line bug */
.jwplayer,
div[id^="jwplayer"][id$="wrapper"]{vertical-align:top !important;}

/*== Fluid Width Video Container */

/*=== JWPlayer */
.fluid-width-video-container .jwplayer,
.fluid-width-video-container [id^="jwplayer"][id$=wrapper],
.fluid-width-video-container > [id^="jwplayer"]{
display: block !important;
width: 100% !important;
max-width:100% !important;
max-height: none !important;
min-height: 0 !important;

background:#000;
padding-top:56.25% !important;
position:relative;
height: auto !important;
}
.fluid-width-video-container [id^="jwplayer"] embed,
.fluid-width-video-container [id^="jwplayer"] object{
	position:absolute !important;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}
.fluid-width-video-container .jwcontrols{z-index:1;}
.fluid-width-video-container .jwaspect,
.fluid-width-video-container [id^="jwplayer"][id$="aspect"]{
	display:none !important;
	margin-top:0 !important;	
}
.fluid-width-video-container [id^="jwplayer"] > p{
position:absolute;
left:0;
top:0;
width:100%;
top:50%;
margin:-20px 0 0;
line-height:100%;
}

/*=== FlowPlayer */
.fluid-width-video-container .flowplayer{
	max-width:none !important;
	max-height:none !important;
	width: 100% !important;
	
height: auto !important;
padding-top:56.25% !important;
}
.fluid-width-video-container .fp-ratio{
	padding-top:0 !important;
}

/*=== jPlayer */
.fluid-width-video-container .jp-container{
width:100% !important;

height: auto !important;
padding-top:56.25% !important;
}
.fluid-width-video-container .jp-ratio{
	padding-top:0 !important;
}

/*=== MediaElement */
.fluid-width-video-container .wp-video-shortcode-wrapper{
width:100% !important;
max-width:none !important;
max-height:none !important;

height:auto !important;
position:relative;
padding-top:56.25%;
}
.fluid-width-video-container .mejs-container,
.fluid-width-video-container .mejs-layer,
.fluid-width-video-container .me-plugin{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
margin-bottom:0 !important;
}
.fluid-width-video-container .meplayer video,
.fluid-width-video-container .meplayer embed,
.fluid-width-video-container .meplayer object{
width:100% !important;
height:100% !important;
position:absolute;
top:0;
left:0;
}
.fluid-width-video-container .meplayer a[href*="youtube.com"]{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

/*== Fluid Width Video Wrapper */
.fluid-width-video-wrapper {
    width: 100%;
	position: relative;
	padding: 0; 
	background:#000;
	height:auto;
}                                
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object, 
.fluid-width-video-wrapper embed,
.fluid-width-video-wrapper video{
           position: absolute; 
           top: 0;                     
           left: 0;                       
           width: 100%;                   
           height: 100%;                   
}
.fluid-width-video-wrapper{padding-top:56.25%;/* Default ratio 16:9 */}
.fluid-width-video-wrapper[data-ratio="16:10"]{padding-top:62.5%;}
.fluid-width-video-wrapper[data-ratio="4:3"]{padding-top:75%;}
.fluid-width-video-wrapper[data-ratio="3:2"]{padding-top:66.66666666666666%;}
.fluid-width-video-wrapper[data-ratio="1:1"]{padding-top:100%;}
.fluid-width-video-wrapper[data-ratio="2.4:1"]{padding-top:41.66666666666667%;}

.fluid-width-video-wrapper > div{
display: block !important;
width:100% !important;
max-width:100% !important;
max-height:none !important;
min-height:0 !important;

height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
}

/*=== JWPlayer */
.fluid-width-video-wrapper .jwplayer,
.fluid-width-video-wrapper > [id^="jwplayer"]{
display: block !important;
width:100% !important;
max-width:100% !important;
max-height:none !important;
min-height:0 !important;

height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
}
.fluid-width-video-wrapper [id^="jwplayer"] video,
.fluid-width-video-wrapper [id^="jwplayer"] embed,
.fluid-width-video-wrapper [id^="jwplayer"] object{
	position:absolute !important;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}
.fluid-width-video-wrapper .jwcontrols{z-index:1;}
.fluid-width-video-wrapper .jwaspect,
.fluid-width-video-wrapper [id^="jwplayer"][id$="aspect"]{
display:none !important;
margin:0 !important;
}
.fluid-width-video-wrapper [id^="jwplayer"] > p{
position:absolute;
left:0;
top:0;
width:100%;
top:50%;
margin:-20px 0 0;
line-height:100%;
}

/*=== Bits on the Run */
.fluid-width-video-wrapper [id^="botr"][id$="ply_wrapper"]{
display: block !important;
width:100% !important;
max-width:100% !important;
max-height:none !important;
min-height:0 !important;

height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
}


/*=== FlowPlayer */
.fluid-width-video-wrapper .flowplayer{
width:100% !important;
max-width:none !important;
max-height:none !important;

height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
}
.fluid-width-video-wrapper .fp-ratio{
	padding-top:0 !important;
}

/*=== MediaElement */
.fluid-width-video-wrapper .wp-video-shortcode-wrapper{
width:100% !important;
max-width:none !important;
max-height:none !important;

height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
}
.fluid-width-video-wrapper .mejs-container,
.fluid-width-video-wrapper .mejs-layer,
.fluid-width-video-wrapper .me-plugin{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
margin-bottom:0 !important;
}
.fluid-width-video-wrapper .meplayer video,
.fluid-width-video-wrapper .meplayer embed,
.fluid-width-video-wrapper .meplayer object{
width:100% !important;
height:100% !important;
position:absolute;
top:0;
left:0;
}

/*=== jPlayer */
.fluid-width-video-wrapper .jp-container{
width:100% !important;

position:absolute !important;
top:0 !important;
left:0 !important;
height:100% !important;
}
.fluid-width-video-wrapper .jp-ratio{
	padding-top:0 !important;
}


/*=== Video Embed & Thumbnail Generator */
.fluid-width-video-wrapper .kgvid_wrapper{
margin:0 !important;
}
.fluid-width-video-wrapper .kgvid_wrapper .kgvid_videodiv,
.fluid-width-video-wrapper .kgvid_wrapper .video-js{
position:static !important;
width:100% !important;
height:auto !important;
}

.fluid-width-video-wrapper embed{
height:349px !important;
}
.full-width-video-layout .fluid-width-video-wrapper embed{
height:534px !important;
}

/*== Common Rich Content Style
 *=================================*/

.rich-content ul,
.rich-content ol {
	margin:0 0 1.625em 2.5em;
}
.rich-content ul {
	list-style:square;
}
.rich-content ol {
	list-style-type:decimal;
}
.rich-content ol ol {
	list-style:upper-alpha;
}
.rich-content ol ol ol {
	list-style:lower-roman;
}
.rich-content ol ol ol ol {
	list-style:lower-alpha;
}
.rich-content ul ul,ol ol,ul ol,ol ul {
	margin-bottom: 0;
}
.rich-content img{
max-width:100%;
height:auto;
}


/*== Common Pagination Style
 *=================================*/
.pag-nav {
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
}
.pag-nav a,.pag-nav span {
	color:#555;
	margin:0 4px 4px;
	border:1px solid #CCC;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	padding:4px 8px;
	background-color:#E7E7E7;
	background-image:-ms-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-moz-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-o-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#EEE),to(#E7E7E7));
	background-image:-webkit-linear-gradient(top,#EEE,#E7E7E7);
	background-image:linear-gradient(top,#EEE,#E7E7E7);
	-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.1);
}
.pag-nav a:hover {
	background-color:#D7D7D7;
	border:1px solid #999;
	color:#000;
	text-decoration:none;
	-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2);
	box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2);
}
.pag-nav span {
	color:#999
}
.pag-nav .current {
	background:#F7F7F7;
	border:1px solid #BBB;
	-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
}

/*= Structure
 *=============================================================================*/
body {
	min-width:960px;
	background:#EEE url(images/bg-pattern.png) center center fixed;
}
#page {
	overflow:hidden;
}

.adreporo {
	display:none;
}

.widadreporo {
	display:none;
}

.adexe {
	display:block;
}

.boxed-wrap #page{
	width: 990px;
	margin: 0 auto;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px rgba(120,120,120,0.5);
	box-shadow:0 0 10px rgba(120,120,120,0.5);
}
.wrap {
	width:950px;
	margin:0 auto;
}
#header {
	position:relative;	background-color:white;
}
#main {
	padding:30px 0;
	background:url(images/bg-grad.png) repeat-x;
	border-top:2px solid #FFF;
}
#content {
	width:100%;
	float:left;
}
#content2 {
	width:100%;
	float:left;
}
#sidebar {
	width:300px;
	float:right;
}
#footer {
	background:#FFF;
	border-top: 1px solid #E3E3E3;
}
.full-width #content,.widecolumn{
	width:66%;
	float:none;
}

.widecolumn{padding:30px 0;}

/*= Header
 *=============================================================================*/
#header .wrap {
	position:relative;
	padding: 10px 0;
}

/*== Branding
 *=================================*/
#branding {
	float:left
}
#site-title {
	font-size:24px;
	line-height:24px;
	margin:0;
	font-family:"Open Sans",sans-serif;
	text-transform:uppercase;
}
#site-title a {
	color:#333;
	text-decoration:none;
}
#site-description {
	margin:5px 0 0;
	font-size:10px;
	color:#AAA;
	text-transform:uppercase;
}
#site-logo {
	display:block;
}
#site-logo img {
	display:block;
	max-width:100%;
	height:auto;
} 
.image-branding #site-title,
.image-branding #site-description {
	display: none
}

/*== Search Form
 *=================================*/
#header-search {
	float:left;
	width:400px;
	margin-left:100px;
}
.searchform {
	position:relative;
	height:27px;
	top:60px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-right:10px;
	margin:0;
}
.searchform input {
}
.search-text-div {
	margin:0 50px 0 0;
}
input.search-text {
	float:left;
	width:100%;
	margin-bottom:30%;
}
.search-submit-div {
	width:50px;
	height:27px;
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	-webkit-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
	padding:0;
}
input.search-submit {
	background:url(images/s.png) no-repeat -32px -43px !important;
	width:50px;
	padding:0;
	border:0;
	height:27px;
	overflow:hidden;
	line-height:999em;
	display:block;
	color: transparent;
}


/*== Header Actions
 *=================================*/
#header-actions{float:right;}
.btn-likes, .btn-signup, .user-nav{float:left;margin-left:10px;}

/* User navigation */
.user-nav {
	float:left;
	margin-left:10px;
}
.user-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.user-nav>ul>li {
	float:left;
	position:relative;
}
.user-nav a {
	font-size: 12px;
}

/* Login navigation for the user is NOT logged in */
#login-nav .dropdown {
	float:left;
	position:relative;
	height:29px;
}
#login-nav .dropdown-content {
	position:absolute;
	right:0;
	top:34px;
	background:#FFF;
	width:230px;
	padding:15px 15px 5px;
	border:1px solid #D7D7D7;
	-webkit-border-radius:3px 0 3px 3px;
	border-radius:3px 0 3px 3px;
	visibility:hidden;
	opacity:0;
}
#loginform {
	margin:0;
}
#loginform p {
	margin:0 0 10px;
}
#loginform .login-username label,
#loginform .login-password label {
	display:block;
}
#loginform .login-username input,
#loginform .login-password input {
	width:220px;
}
#loginform .login-remember label {
	line-height:19px;
	font-size:12px;
}
#loginform .lost-password {
	float:right;
	line-height:19px;
	font-size:12px;
}
#login-nav .dropdown:hover .btn-login,
#login-nav .dropdown:hover .btn-login:hover {
	padding-bottom:11px;
	background:#FFF;
	color:#777;
	border:1px solid #D7D7D7 !important;
	border-bottom:0 !important;
	text-shadow:none;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	position:relative;
	z-index:999999999;
}
#login-nav .dropdown:hover .dropdown-content {
	visibility:visible;
	opacity: 1;
	z-index:998;
}

/* Account navigation for the user is logged in */
#account-nav {
	position:relative;
	height:29px;
}
#account-nav a{text-decoration:none;}
#account-nav .dropdown-handle {
	position:relative;
}
#account-nav .dropdown-handle .avatar {
	width:25px;
	height:25px;
	padding:1px;
	border:1px solid #CCC;
	background:#FFF;
	-webkit-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	float:left;
	margin-right:4px;
}
#account-nav .dropdown-handle .display-name {
	float:left;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
#account-nav .dropdown-handle .arrow-down {
	float:left;
}
#account-nav .dropdown-handle .mini-arrow-down{
	float:left;
	margin:8px 0 0 4px;
	vertical-align:middle;
}
#account-nav .dropdown-content {
	width:100%;
	position:absolute;
	right:0;
	top:34px;
	opacity:0;
	visibility:hidden;
}
#account-nav .dropdown-content-inner {
	background:#F7F7F7;
	border:1px solid #CCC;
	-webkit-border-radius:3px 0 3px 3px;
	border-radius:3px 0 3px 3px;
}
#account-nav .dropdown-content ul {
	padding:5px 0;
}
#account-nav .dropdown-content li {
	padding:2px 10px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #E7E7E7;
}
#account-nav .dropdown-content li:first-child {
	border-top:0;
}
#account-nav .dropdown-content li:last-child {
	border-bottom:0;
}
#account-nav:hover .display-name {
	padding-bottom:11px;
	background:#F7F7F7;
	border-color:#CCC;
	border-bottom:0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
#account-nav:hover .dropdown-handle{
	z-index:999;
}
#account-nav:hover .dropdown-content {
	visibility:visible;
	opacity: 1;
	z-index:998;
}

/*= Main Navigation
 *==================================================================*/
#main-nav {	background-color:white;
	
}
.wall{
}
#main-nav ul {
	text-shadow:0 1px 0 #000;
	font-size:13px;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
}
#main-nav li {
	position:relative
}
#main-nav li a {
	display:block;
	text-decoration: none;
}

/* Top Level */
#main-nav .menu {
	float:left;
	background:url(images/nav-sep.png) no-repeat right 0;
	padding-right:2px;
}
#main-nav .menu>li {
	background:url(images/nav-sep.png) no-repeat;
	float:left;
	height:40px;
}
#main-nav .menu>li>a {
	float:left;
	position:relative;
	color:#EEE;
	padding:0 8px 0 14px;
	line-height:40px;
	background:#0084D4;
}
#main-nav .menu>li>a:hover {
	color:#AAA;
	text-shadow:0 -1px 0 #000;
}
#main-nav .menu>li.current-menu-item {
	background-position:-1px 0;
}
#main-nav .menu>li.current-menu-item>a {
	color:#FFF;
	position:relative;
	right:-1px;
	border-top:3px solid #B70000;
	margin-top:-3px;
	padding-bottom: 1px;
	background:#1A1A1A url(images/bg-pattern-black.png);
}

/* Sub Levels */
#main-nav ul ul {
	width:160px;
	background:#272727;
	position:absolute;
	top:100%;
	left:1px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	-ms-transition:all .15s;
	-o-transition:all .15s;
	transition:all .15s;
	opacity:0;
	display:none;
	visibility:hidden;
	border-top:1px solid #222;
}
#main-nav ul ul li {
	border-top:1px solid #444;
	border-bottom:1px solid #222;
	border-left:1px solid #4E4E4E;
	background:#333;
}
#main-nav ul ul li a {
	padding:5px 14px;
	color:#AAA;
	text-shadow:0 -1px 0 #000;
	border-left:3px solid transparent;
}
#main-nav ul ul li a:hover {
	color:#EEE;
	text-shadow:0 1px 0 #000;
	background:#1A1A1A;
	border-left:3px solid #666;
}
#main-nav ul ul li.current-menu-item>a {
	border-left:3px solid #B70000
}
#main-nav ul ul ul {
	left:100%;
	top:-2px;
}
#main-nav li:hover>ul {
	opacity:1;
	visibility: visible;
	display:block;
	z-index:999999999;
}
#main-nav li:hover{
}

#main-nav .select-div{display:none;}

/*= General Content Style
 *==================================================================*/

/*== Common Thumbnail Style
 *=================================*/
 
/* Absolute Center(Vertical & Horizontal) Image */
.thumb {
	position:relative;
	background:#000;
	overflow:hidden;
	vertical-align:bottom;
	_line-height:0;
	display:inline-block;
}
.thumb .clip-link {
	position:absolute;
	_position:static;
	bottom:-100px;
	top:-100px;
	left:-100px;
	right:-100px;
	text-align:center;
	white-space:nowrap;
	word-break:normal;
}
.thumb .clip {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.thumb .clip img,.thumb .vertical-align {
	display:inline-block;
	vertical-align:middle;
}
.thumb .clip .vertical-align {
	height:100%;
}

/* Basic Overlay style */
.thumb .overlay {
	position:absolute;
	border:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	background-image:url(images/icon-plus-24.png);
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0;
	-webkit-transition:.25s;
	-moz-transition:.25s;
	-ms-transition:.25s;
	-o-transition:.25s;
	transition:.25s;
}
.thumb:hover .overlay {
	cursor:pointer;
	z-index:999;
	opacity:1;
}
.ie .thumb .overlay{visibility:hidden;}
.ie .thumb:hover .overlay{visibility:visible;}
.item-video .thumb .overlay{
	background-image:url(images/icon-play-24.png);
}

.thumb img{width:100%;}

/*== Common Item Style
 *=================================*/
.sticky{}
.item h2,.item p {
	margin:0
}
.item img {
	max-width:100%;
	height: auto;
}
.item .thumb {
	margin:0 0 5px;
}
.item .screen {
	background:#333;
	margin:0 0 10px;
}
.item .item-wrap,
.item .item-wrap iframe {
	background:#333;
}
.item .entry-title {
	font-size:13px;
	margin:0;
}
.item .entry-title a {
	color:#111
}
.item .entry-title a:hover {
	color:#B70000;
}
.item .entry-meta,.item .stats {
	color:#AAA;
	font-size:11px;
	line-height:13px;
	margin:0 0 5px;
	height:13px;overflow:hidden;
}
.item .stats i {
	font-style:normal;
}
.item .stats a {
	color:#AAA
}
.item .stats a:hover {
	color:#555
}
.item .stats .views,
.item .stats .likes,
.item .stats .comments {
	margin-right:10px;
	padding-left:16px;

}
.item .stats .views {
	padding-left:17px;
	color: #0084D4;
}
.item .stats .comments {
	background-position:0 -19px
}
.item .stats .comments:hover {
	background-position:0 -39px
}
.item .stats .likes {
	background-position:0 -58px;
	color: #0084D4;
}
.item .stats .liked {
	background-position:0 -78px
}
.item .entry-summary {
	line-height:1.5;
	font-size:12px;
	overflow:hidden;
	width:100%;
	padding: 5px 0 0;
}

/*== Regular Post Style
 *=================================*/
.item-post{} 
 
/*== Video Post Style
 *=================================*/
.item-video{}
 
/*== List View with Small Thumbnial
 *=================================*/
.list-small p {
	margin:0 0 5px
}
.list-small .item {
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	margin:0;
	padding:15px 0;
}
.list-small .item:first-child {
	padding-top:0;
	border-top:0;
}
.list-small .item:last-child {
	border-bottom:0
}
.list-small .thumb {
	float:left;
	width:196px;
	height:108px;
	margin:0;
}
.list-small .thumb img {
	width:196px;
}
.list-small .item-post .thumb .overlay {
	background-image:url(images/icon-plus-32.png)
}
.list-small .item-video .thumb .overlay {
	background-image:url(images/icon-play-32.png)
}
.list-small .data {
	margin-left:214px
}
.list-small .entry-title {
	margin:0 0 5px;
}
.list-small .entry-meta {
	float:left
}
.list-small .stats {
	float:right
}
.list-small .stats .views,
.list-small .stats .likes,
.list-small .stats .comments {
	margin:0 0 0 10px
}
.list-small .suffix {
	display:none
}
.list-small .entry-summary {
	padding: 0;
}

/*== List View with Medium Thumbnial
 *=================================*/
.list-medium .item {
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	margin:0;
	padding:15px 0;
}
.list-medium .item:first-child {
	padding-top:0;
	border-top:0;
}
.list-medium .item:last-child {
	border-bottom:0
}
.list-medium .thumb {
	float:left;
	width:300px;
	height:168px;
	margin:0;
}
.list-medium .thumb img {
	width:300px;
}
.list-medium .item-post .thumb .overlay {
	background-image:url(images/icon-plus-48.png)
}
.list-medium .item-video .thumb .overlay {
	background-image:url(images/icon-play-48.png)
}
.list-medium .data {
	margin-left:320px
}
.list-medium .entry-title {
	margin: 0 0 5px;
}

/*== List View with Large Thumbnial
 *=================================*/
.list-large .item {
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	margin:0;
	padding:20px 0;
}
.list-large .item:first-child {
	padding-top:0;
	border-top:0;
}
.list-large .item:last-child {
	border-bottom:0
}
.list-large .thumb {
	width:620px;
	height:349px;
	margin:0 0 10px;
}
.list-large .video{
margin-bottom:10px;
}
.list-large .thumb img {
	width:620px;
}
.list-large .item-post .thumb .overlay {
	background-image:url(images/icon-plus-64.png)
}
.list-large .item-video .thumb .overlay {
	background-image:url(images/icon-play-64.png)
}
.list-large .entry-title {
	font-size:21px;
	margin:0 0 5px;
}
.list-large .entry-title a:hover {
	text-decoration:none;
}
.list-large .entry-meta {
	float:left
}
.list-large .stats {
	float:right
}
.list-large .stats .views,.list-large .stats .likes,.list-large .stats .comments {
	margin:0 0 0 10px
}
.list-large .entry-summary {
	clear: left;
}


/* Add ellipsis to entry title in grid view */ 
.grid-mini .entry-title, 
.grid-small .entry-title,
.grid-medium .entry-title, 
.widget-posts .post-grid-2 .entry-title,
.widget-posts .post-grid-3 .entry-title{ 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}


/*== Grid View with Small Thumbnial
 *=================================*/
.grid-small .nag {
	margin:0 -13px
}
.grid-small p {
	margin:0
}
.grid-small .item {
	width:192px;
	float:left;
	margin:0 1px 20px;
}
.grid-small .thumb {
	width:192px;
	height:108px;
}
.grid-small .thumb img {
	width:192px;
}
.grid-small .item-post .thumb .overlay {
	background-image:url(images/icon-plus-32.png)
}
.grid-small .item-video .thumb .overlay {
	background-image:url(images/icon-play-32.png)
}
.grid-small .entry-title {
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
}
.grid-small .suffix,.grid-small .entry-meta,.grid-small .entry-summary {
	display: none
}

/*== Grid View with Medium Thumbnial
 *=================================*/
.grid-medium .nag {
	margin:0 -10px
}
.grid-medium p {
	margin:0
}
.grid-medium .item {
	width:300px;
	float:left;
	margin:0 10px 20px;
}
.grid-medium .thumb {
	width:300px;
	height:168px;
}
.grid-medium .thumb img {
	width:300px;
}
.grid-medium .item-post .thumb .overlay {
	background-image:url(images/icon-plus-48.png)
}
.grid-medium .item-video .thumb .overlay {
	background-image:url(images/icon-play-48.png)
}
.grid-medium .entry-title {
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
}
.grid-medium .entry-meta,.grid-medium .suffix,.grid-medium .entry-summary {
	display: none
}

/*== Grid View with Mini Thumbnial
 *=================================*/
.grid-mini .nag {
	margin:0 6px;
}
.grid-mini p {
	margin:0;
}
.grid-mini .item {
	width:140px;
	float:left;
	margin:0 1px 20px;
}
.grid-mini .thumb {
	width:140px;
	height:78px;
}
.grid-mini .thumb img {
	width:140px;
}
.grid-mini .item-video .thumb .overlay {
	background-image:url(images/icon-play-24.png)
}
.grid-mini .entry-title {
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
}
.grid-mini .suffix,.grid-mini .entry-meta,.grid-mini .comments,.grid-mini .entry-summary {
	display: none
}

/*== Common Section Box Style
 *=================================*/
.section-box {
	margin:0 0 30px
}
.section-box img {
	vertical-align:middle;
}
.section-before {
	margin:0 0 20px;
}
.section-after {
	margin: -10px 0 20px;
}
.section-header {
	margin-bottom:12px;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	text-transform:uppercase;
}
.section-title {
	display:block;
	border-bottom:1px solid #DDD;
	line-height:24px;
	font-size:15px;
	margin:0;
	font-family:"Open Sans",sans-serif;
	padding-bottom:6px;
}
.section-title a {
	color:#111
}
.section-title a:hover {
	background:url(images/s.png) no-repeat right -463px;
	padding:0 16px 0 0;
	text-decoration:none;
	color:#B70000;
}
.section-header .more-link {
	float:right;
	margin-top:-32px;
	vertical-align:middle;
	display:inline-block;
	line-height:20px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:0 10px;
	font-size:11px;
	background:#F7F7F7;
	background-image:-ms-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-moz-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-o-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F0F0F0));
	background-image:-webkit-linear-gradient(top,#FFF,#F0F0F0);
	background-image:linear-gradient(top,#FFF,#F0F0F0);
	border:1px solid #DDD;
	color:#B70000;
}
.section-header .more-link span {
}
.section-header .more-link .mini-arrow-right{
	border-left-color:#B70000;
	position:relative;
	top:-1px;
}
.section-header .more-link:hover {
	border-color:#BBB;
	text-decoration:none;
	color:#333;
}
.section-header .more-link:hover .mini-arrow-right{
	border-left-color:#333;
}
.section-content {
	margin:0 0 20px;
	padding-bottom:10px;
}

/*== jPlayer Skin
 *=================================*/

/* Responsive jPlayer */
.jp-ratio{
	position:relative !important;
	width:100%;
	height:auto !important;

	overflow:hidden;
	line-height:1;
}
.jp-ratio iframe,
.jp-ratio embed,
.jp-ratio object,
.jp-ratio video,
.jp-ratio .jp-type-single,
.jp-ratio .jp-media{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height: 100% !important;
	margin:0;
	background:#000;
}

.jp-aspect{
display:block;
}
.jp-ratio-169 .jp-aspect{padding-top:56.25%;}
.jp-ratio-1610 .jp-aspect{padding-top:62.5%;}
.jp-ratio-43 .jp-aspect{padding-top:75%;}
.jp-ratio-32 .jp-aspect{padding-top:66.66666666666666%;}
.jp-ratio-11 .jp-aspect{padding-top:100%;}
.jp-ratio-241 .jp-aspect{padding-top:41.66666666666667%;}
 
.jp-container{margin-bottom:20px;}
.jp-media {
	margin:0 auto;
	overflow:hidden;
	background:#000;
}
.jp-media img {
	position: absolute;
	z-index:1;
	left: 0;
	top: 0;
	width:100% !important;
	height:100% !important;
}
.jp-gui,.jp-gui a,.jp-progress,.jp-seek-bar,.jp-play-bar,.jp-volume-bar,.jp-volume-bar-value {
	background-image:url(images/s-jplayer.png);
	background-repeat:repeat-x;
}
.jp-seek-bar,.jp-play-bar,.jp-volume-bar,.jp-volume-bar-value {
	-webkit-border-radius:1px;
	border-radius:1px;
}
.jp-gui {
	width:100%;
	position:absolute;
	z-index:2;
	bottom:0px;
	height:0px;
	opacity:0;
	visibility:hidden;
	background-position:0 -270px;
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	-ms-transition:all .15s;
	-o-transition:all .15s;
	transition:all .15s;
}
.jp-player:hover .jp-gui {
	opacity:1;
	visibility:visible;
	bottom:0;
	height:30px;
}

.jp-gui a {
	display:inline-block;
	outline:none;
	text-indent:-999em;
	background-repeat:no-repeat;
}
.jp-control {
	width:33px;
	height:30px;
	padding-right:2px;
	background:url(images/s-jplayer.png) no-repeat right -300px;
	position:absolute;
	top:0;
	left:0;
}
.jp-play,.jp-pause {
	width:33px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
}
.jp-play {
	background-position:0 0
}
.jp-play:hover {
	background-position:-33px 0
}
.jp-pause {
	background-position:0 -30px;
	display:none;
}
.jp-pause:hover {
	background-position:-33px -30px
}
.jp-progress-container {
	margin:0 95px 0 34px;
	height:8px;
	padding:12px 12px 10px 10px;
	background:url(images/s-jplayer.png) no-repeat right -300px;
}
.jp-progress {
	height:5px;
	padding:1px 1px 2px;
	background-position:0 -240px;
	position:static;
}
.jp-seek-bar {
	width:0px;
	height:5px;
	background-position:0 -210px;
	cursor:pointer;
}
.jp-play-bar {
	width:0px;
	height:5px;
	background-position:0 -180px;
}
.jp-mute,.jp-unmute {
	width:17px;
	height:13px;
	position:absolute;
	top:9px;
	right:70px;
}
.jp-mute {
	background-position:-10px -68px
}
.jp-mute:hover {
	background-position:-43px -68px
}
.jp-unmute {
	background-position:-10px -98px
}
.jp-unmute:hover {
	background-position:-43px -98px
}
.jp-volume-bar {
	width:40px;
	height:5px;
	padding:1px 1px 2px;
	background-position:0 -240px;
	cursor:pointer;
	position:absolute;
	top:12px;
	right:25px;
}
.jp-volume-bar-value {
	width:0px;
	height:5px;
	background-position: 0 -180px;
}
.jp-full-screen,.jp-restore-screen {
	width:17px;
	height:13px;
	position:absolute;
	top:8px;
	right:0;
}
.jp-full-screen{
background-position:-10px -128px
}
.jp-full-screen:hover{
background-position:-43px -128px
}
.jp-restore-screen{
background-position:-10px -158px
}
.jp-restore-screen:hover{
background-position:-43px -158px
}
.jp-video-full {
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background:#000;
z-index:999;
}
.jp-video-play{
position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;
background:url(images/icon-play-64.png) no-repeat center center;
text-indent:-5555em;
overflow:hidden;
cursor:pointer;
}

/*= Featured Content Style
 *==================================================================*/
.wall {
	padding:20px 0;
	background:#FFFFFF;
	position:relative;
	text-shadow: none;
}

/*== Default Featured Carousel with 6 visible items
 *=================================*/
.fcarousel {

}
.fcarousel .carousel-container {
	position:relative;
	margin:0 35px;
}
.fcarousel .carousel-clip{position:relative;overflow:hidden;height:100px;width:100%;margin:0 auto;}
.fcarousel ul {
	width:999em;
	position:absolute;
}
.fcarousel li {
	float:left;
	width:150px;
	height:84px;
	border:3px solid #333;
	margin:5px 10px 20px 10px;
	overflow:visible !important;
	background:#000;
	position:relative;
	-webkit-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
}
.fcarousel .thumb {
	width:150px;
	height:84px;
}
.fcarousel .thumb img {
	width:150px;
}
.fcarousel li:hover {
	border-color:#555;
}
.fcarousel li.active {
	border-color:#086081;
}
.fcarousel li.active .overlay {
	visibility:visible;
	opacity: 1;
}
.fcarousel .carousel-prev,
.fcarousel .carousel-next {
	display:inline-block;
	width:27px;
	height:90px;
	margin:5px 0;
	cursor:pointer;
	text-indent:-5555em;
	overflow:hidden;
	background:url(images/s.png) no-repeat -150px -80px;
	position:absolute;
	top:0;
}
.fcarousel .carousel-prev {
	left:-30px;
}
.fcarousel .carousel-next {
	background-position:-200px -80px;
	right:-30px;
}
.fcarousel .carousel-prev:hover {
	background-position:-150px -180px;
}
.fcarousel .carousel-next:hover {
	background-position: -200px -180px;
}


/* Featured Carousel with 5 visible items */ 
.fcarousel-6 .carousel-clip {
	height:86px;
}
.fcarousel-6 li {
	width:124px;
	height:70px;
	margin:5px 8px 20px 8px;
}
.fcarousel-6 .thumb {
	width:124px;
	height:70px;
}
.fcarousel-6 .thumb img {
	width:124px;
}
.fcarousel-6 .carousel-prev,
.fcarousel-6 .carousel-next {
	height:76px;
	background:url(images/s.png) no-repeat -50px -80px;
}
.fcarousel-6 .carousel-next {
	background-position:-100px -80px;
}
.fcarousel-6 .carousel-prev:hover {
	background-position:-50px -180px;
}
.fcarousel-6 .carousel-next:hover {
	background-position: -100px -180px;
}

/*== Home Featured Content with Full Width
 *=================================*/

/*== Home Featured, Standard Layout
 *=================================*/
.home-featured .stage,
.home-featured .stage .item,
.home-featured .stage .thumb{
width:620px;
height:349px;
}
.home-featured .stage{float:left;overflow:hidden;
border:1px solid #000;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);
	box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);
	background: #000 url(images/loading-bert.gif) no-repeat center center;
	position:relative;

} 
.home-featured .carousel-list{
width: 20000em;
position: absolute;
}
.home-featured .stage .item{
position:relative;
float:left;
}
.home-featured .stage .thumb {
	float:left;
}
.home-featured .stage .thumb img {
	width:620px;
}
.thumb.loading .overlay {
	background:rgba(0,0,0,.75) url(images/loading-bert.gif) no-repeat center center !important;
	visibility:visible;
	opacity:1;
}
.home-featured .stage .caption{width:100%;position:absolute;bottom:0;height:27px;
background:#333;
background:rgba(0,0,0,0.5);
border-top:1px solid rgba(255,255,255,0.1);
}
.home-featured .stage .entry-title{font-size:13px;line-height:27px;padding:0 10px;}
.home-featured .stage .entry-title a{color:#EEE;}
.home-featured .stage .entry-title a:hover{color:#FFF;}
.home-featured .stage .item-post .thumb .overlay {
	background-image:url(images/icon-plus-64.png)
}
.home-featured .stage .item-video .thumb .overlay {
	background-image:url(images/icon-play-64.png)
}

.home-featured .nav {
	width:300px;
	float:right;
	border:1px solid #000;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);
	box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);
	background: #333;
}
.home-featured .nav .carousel{
	float:right;
	width:305px;
	overflow:hidden;
}
.home-featured .nav .carousel-clip{height:320px;overflow:hidden;position:relative;}
.home-featured .nav .carousel-list{height:999em;position:absolute;}
.home-featured .nav li {
	width:300px;
	margin-left:5px;
	background:#373737;
	height:78px;
	border-top:1px solid #444;
	border-bottom:1px solid #272727;
	
}
.home-featured .nav a{text-decoration:none;}
.home-featured .nav .inner{
	padding:10px 10px;
	height:58px;
}
.home-featured .nav li:hover{
	background-color:#303030;
}
.home-featured .nav li:hover a{color:#FFF;}
.home-featured .nav .thumb {
	width:100px;
	height:56px;
	float:left;
}
.home-featured .nav .thumb img {
	width:124px;
}
.home-featured .nav .data{margin-left:110px;}
.home-featured .nav .entry-title{font-size:12px;margin:0 0 5px;height:30px;overflow:hidden;}
.home-featured .nav .entry-title a{color:#BBB;}
.home-featured .nav .entry-title a:hover{color:#FFF;}
.home-featured .nav li.active{background:#222;}
.home-featured .nav li.active .inner{
	border-left:4px solid #B70000;
	margin-left:-4px;
}
.home-featured .nav li.active a{color:#FFF;}
.home-featured .nav li.active .overlay {
	visibility:visible;
	opacity: 1;
}

.home-featured .nav .carousel-prev, 
.home-featured .nav .carousel-next {
	display:inline-block;
	width:149px;
	float:left;
	height:27px;
	cursor:pointer;
	vertical-align:middle;
	text-indent:-5555em;
	overflow:hidden;
	background:#333 url(images/s.png) no-repeat center 8px;
	border-top:1px solid #444;
}
.home-featured .nav .carousel-prev {
	border-right:1px solid #222;
	margin-left:5px;
}
.home-featured .nav .carousel-next {
	background-position:center -22px;
	border-left:1px solid #444;
}
.home-featured .nav .carousel-prev:hover, 
.home-featured .nav .carousel-next:hover{
	background-color:#3A3A3A;
}

.home-featured-full .stage{margin-bottom:20px;}
.home-featured-full .stage .carousel{
position:relative;
overflow:hidden;
width:950px;
height:534px;
} 
.home-featured-full .stage .carousel-list{
width: 20000em;
position: absolute;
}
.home-featured-full .stage .item{
width:950px;
height:534px;
position:relative;
float:left;
}
.home-featured-full .stage .thumb{
	width:950px;
	height:539px;
}
.home-featured-full .prev-stage, 
.home-featured-full .next-stage{
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	display:inline-block;
}
.home-featured-full .prev-stage{
	left:0;
}
.home-featured-full .next-stage{
	right:0;
}


/*= Archive Content Style
 *==================================================================*/

/*== Author Box
 *=================================*/
.author-box {
	margin:0 0 30px;
}
.author-box .avatar {
	float:left;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.author-box .data {
	margin-left:80px;
}
.author-box .entry-meta {
	color:#AAA;
	margin:0 0 5px;
}
.author-box .display-name {
	margin:0 0 0;
	font-size:17px;
}
.author-box .links a {
	padding:0 0 0 22px;
	margin:0 15px 0 0;
	color:#AAA;
	background:url(images/links.png) no-repeat 0 0;
}
.author-box .links a:hover {
	color:#555;
}
.author-box .links .facebook {
	background-position:0 -20px;
}
.author-box .links .website {
	background-position:0 -40px;
}
.author-box .links .twitter:hover {
	background-position:0 -60px;
}
.author-box .links .facebook:hover {
	background-position:0 -80px;
}
.author-box .links .website:hover {
	background-position: 0 -100px;
}

/*== Loop Header
 *=================================*/
.loop-header {
	margin:0 0 10px;
}
.loop-title {
	font-size:15px;
	font-family:"Open Sans",sans-serif;
	text-transform:uppercase;
	margin:0;
	line-height:24px;
}
.loop-title .prefix {
	color:#AAA;
	font-weight:normal;
}
.loop-title em {
	font-style:normal;
}
.loop-desc {
	font-size:11px;
	color:#999;
	float:right;
	margin:-24px 0 0 10px;
	line-height:24px;
}
.loop-desc i {
	font-style:normal;
	color:#111;
	font-weight:bold;
}
.below-no-actions {
	margin:0 0 15px;
	border-bottom:1px solid #FFF;
}
.below-no-actions .loop-title {
	border-bottom:1px solid #DDD;
	padding-bottom:6px;
}
.below-no-actions .loop-desc {
	margin-top: -30px;
}

/*== Loop Actions
 *=================================*/
.loop-actions {
	margin:0 0 20px;
	height:21px;
	line-height:21px;
	padding:5px 10px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	border:1px solid #DDD;
	border-bottom:1px solid #CCC;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 #F7F7F7;
	box-shadow:inset 0 1px 0 #F7F7F7;
	background:#E7E7E7;
	background-image:-ms-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-moz-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-o-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#EEE),to(#E7E7E7));
	background-image:-webkit-linear-gradient(top,#EEE,#E7E7E7);
	background-image:linear-gradient(top,#EEE,#E7E7E7);
}
.loop-actions div,.loop-actions span,.loop-actions a,.loop-actions i {
	vertical-align:middle;
	display:inline-block;
	float:left;
	height:21px;
	line-height:21px;
	overflow:hidden;
}
.loop-actions a {
	text-decoration:none;
}
.loop-actions i {
	font-style:normal;
}
.loop-actions .prefix {
	margin-right:5px;
	color:#777;
}
.loop-actions .sep {
	color:#CCC;
	margin:0 8px;
}
.loop-actions .orderby .current {
	color:#111
}
.loop-actions .asc,.loop-actions .desc{
	width:11px;
	margin:0 8px;
	text-indent:-5555em;
}
.loop-actions .asc {
	background:url(images/view.png) no-repeat 0 -15px
}
.loop-actions .desc {
	background:url(images/view.png) no-repeat -20px -15px
}
.loop-actions .view {
	float:right;
}
.loop-actions .view a {
	width:11px;
	height:11px;
	padding:4px;
	line-height:11px;
	border:1px solid transparent;
}
.loop-actions .view i {
	display:inline-block;
	width:11px;
	height:11px;
	background-image:url(images/view.png);
	background-repeat:no-repeat;
}
.list-small-link i {
	background-position:0 0
}
.list-medium-link i {
	background-position:-20px 0
}
.list-large-link i {
	background-position:-40px 0
}
.grid-medium-link i {
	background-position:-60px 0
}
.grid-small-link i {
	background-position:-80px 0
}
.grid-mini-link i {
	background-position:-100px 0
}
.loop-actions .view a.current {
	background:#FFF;
	border: 1px solid #DDD;
}
.loop-actions .orderby-select{
display:none;
}

/*== Loop Navigation
 *=================================*/
.loop-nav {
	border-top:1px solid #DDD;
}
.loop-nav-inner {
	border-top:1px solid #FFF;
	padding: 20px 0;
}

/*= Single Content Style
 *==================================================================*/
.screen {
	/*color:#FFF;*/
	margin:0 0 20px;
	/*position:relative;*/
	/*overflow: hidden;*/
	background: #000 url(images/loading-bert.gif) no-repeat center center;
}
.screen .thumb{
	width:950px;
	height:540px;
}
.screen .thumb .overlay{
	background-image: url(images/icon-plus-64.png);
}
.item-video .screen .thumb .overlay{
	background-image: url(images/icon-play-64.png);
}

/*== Entry Header
 *=================================*/
.entry-header {
	margin-bottom:15px;
	position:relative;
	border-bottom:1px solid #FFF;
}
.entry-header .inner{
	border-bottom:1px solid #DDD;
	padding-bottom:10px;
}
.entry-header h1, .entry-header h2{margin-bottom:0;}

/* Entry Title */
h1.entry-title {
	color:#333;
	font-size:20px;
	line-height:24px;
}
h1.entry-title a {
	color:#333;
	text-decoration:none;
}
h1.entry-title a:hover {
	color:#B70000;
}
.entry-header .entry-title{float:left;}


/* Actios */
.entry-actions {
	float:right;
	height:24px;
}
.entry-actions a {
	text-decoration:none;
}
.entry-actions .dp-like-post, .entry-actions .dp-share {
	float:left;
	margin-left:10px;
	position:relative;
	background-color:#F7F7F7;
	background-image:-ms-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-moz-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-o-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F0F0F0));
	background-image:-webkit-linear-gradient(top,#FFF,#F0F0F0);
	background-image:linear-gradient(top,#FFF,#F0F0F0);
	border:1px solid #DDD;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.entry-actions .dp-like-post:hover , .entry-actions .dp-share:hover {
	border-color:#BBB;
	text-decoration:none;
	color:#333;
}
.entry-actions .dp-like-post a, .entry-actions .dp-share .dropdown-handle {
	height:24px;
	line-height:24px;
	padding:0 10px 0 30px;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	color: #555;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Like Button */
.entry-actions .dp-like-post .like {
	background:url(images/actions.png) no-repeat 10px -24px;
}
.entry-actions .dp-like-post .liked {
	background:url(images/actions.png) no-repeat 10px -84px;
	color:#555;
}
.entry-actions .dp-like-post .like:hover,.entry-actions .dp-like-post .liked:hover {
	background:url(images/actions.png) no-repeat 10px -24px;
	color: #555;
}

/* Share Button */
.entry-actions .dp-share{}
.entry-actions .dp-share .dropdown-handle {
	display:block;
	background: url(images/actions.png) no-repeat 10px -145px;
	position:relative;
}
.entry-actions .dp-share .dropdown-content {
	background:#F7F7F7;
	color:#555;
	position:absolute;
	top:28px;
	right:-999px;
	width:150px;
	border:1px solid #BBB;
	-webkit-border-radius:3px 0 3px 3px;
	border-radius:3px 0 3px 3px;
	opacity:0;
	display:none;
	visibility:hidden;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	-ms-transition:all .15s;
	-o-transition:all .15s;
	transition:all .15s;
}
.entry-actions .dp-share .dropdown-content ul {
	list-style:none;
	margin:0;
	padding:0;
}
.entry-actions .dp-share .dropdown-content li {
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	padding:5px 10px;
	min-height:20px;
	height:auto !important;
	height:20px;
	display:block;
}
.entry-actions .dp-share .dropdown-content li:first-child {
	border-top:0;
}
.entry-actions .dp-share .dropdown-content li:last-child {
	border-bottom:0
}
.entry-actions .dp-share:hover{
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.entry-actions .dp-share:hover .dropdown-handle {
	padding-bottom:5px;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	color:#111;
	background:#F7F7F7 url(images/actions.png) no-repeat 10px -145px;
	z-index:999999999;
}
.entry-actions .dp-share:hover .dropdown-content {
	right:-1px;
	opacity:1;
	display:block;
	visibility: visible;
	z-index:999999998;
}

/*== on Wall
 *=================================*/
.wall #screen{
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);
	box-shadow:0 0 10px rgba(0,0,0,.5),inset 0 0 1px #666,inset 0 0 50px rgba(0,0,0,.5);
}
 
/* entry header */
.wall .entry-header{border-bottom:0;}
.wall .entry-header .inner{border-bottom:0;padding-bottom:0;}
.wall h1.entry-title{color:#EEE;font-size:18px;font-weight:normal;background:url(images/icon-play-16.png) no-repeat left 3px;padding-left:24px;text-shadow:none;}
.wall h1.entry-title a{color:#AAA;}
.wall h1.entry-title a:hover{color:#FFF;}

/* Actions */
.wall .entry-actions .dp-like-post,.wall .entry-actions .dp-share {
	background:#555;
	border:0;
	color:#FFF;
}
.wall .entry-actions .dp-like-post a,.wall .entry-actions .dp-share .dropdown-handle {
	color: #FFF;
}

/* Share Button */
.wall .entry-actions .dp-share .dropdown-handle {
	background:url(images/actions.png) no-repeat 10px -115px;
}
.wall .entry-actions .dp-share .dropdown-content {
	border:0;
	right:0;
}
.wall .entry-actions .dp-share:hover .dropdown-handle {
	padding-bottom:5px;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	color:#333;
	background:#F7F7F7 url(images/actions.png) no-repeat 10px -145px;
}

/* Like Button */
.wall .entry-actions .dp-like-post .like {
	background:#555 url(images/actions.png) no-repeat 10px 6px;
}
.wall .entry-actions .dp-like-post .liked {
	background:#F7F7F7 url(images/actions.png) no-repeat 10px -84px;
	color:#555;
}
.wall .entry-actions .dp-like-post .like:hover,.wall .entry-actions .dp-like-post .liked:hover {
	background:#F7F7F7 url(images/actions.png) no-repeat 10px -24px;
	color: #333;
}

/*== Video Detatils
 *=================================*/
#details .section-content {
	padding:0 0 20px;	background-color:white;
}
#info {
	overflow:hidden
}
.entry-meta {
	color:#999;
	font-size:11px;
	margin:0 0 10px;
}
.entry-meta .sep {
	padding:0 3px
}
#extras {
	font-size:11px;
}
#extras h4 {
	font-size:11px;
	margin: 4px 0 0;
}

#thumb{margin:0 0 20px;}

/* Info Toggle */
.info-toggle-arrow {
	display:none;
	width:8px;
	height:10px;
	line-height:10px;
	vertical-align:text-top;
	margin:6px 0 0 2px;
	background:url(images/s.png) no-repeat 0 -70px !important;
}
.info-more-arrow {
	background:url(images/s.png) no-repeat 0 -50px !important;
}

.info-toggle {
	display:none;
	text-align:center;
	margin-top:-21px;
}
.info-toggle-button{
	background:#F7F7F7;
	background-image:-ms-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-moz-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-o-linear-gradient(top,#FFF,#F0F0F0);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F0F0F0));
	background-image:-webkit-linear-gradient(top,#FFF,#F0F0F0);
	background-image:linear-gradient(top,#FFF,#F0F0F0);
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:3px 10px;
	border:1px solid #DDD;
	-webkit-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	border-top:0;
	min-width:70px;
	color:#555;
}
.info-toggle-button:hover {
	border-color:#BBB;
	color:#333;
	text-decoration: none;
}
.info-toggle-button .more-text{display:none;}
.info-more-button .more-text{display:inline-block;}
.info-more-button .less-text{display:none;}
.info-more{height:auto !important;}

/*= Widgets, Sidebar and Footbar
 *==================================================================*/

/*== Basic Widget Style
 *=================================*/
.widget {
	margin-bottom:30px;
}
.widget-header {
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	margin:0 0 8px;
}
.widget-title {
	display:block;
	border-bottom:1px solid #DDD;
	line-height:24px;
	font-size:15px;
	margin:0;
	font-family:"Open Sans",sans-serif;
	padding-bottom:6px;
}
.widget>ul,.widget>ol {
	margin-top:-8px;
	margin-bottom:-2px;
}
.widget li {
	padding:4px 0 4px 12px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	background:url(images/s2.png) no-repeat -292px 12px;
}
.widget>ul>li:first-child, 
.widget>ol>li:last-child{
border-top:0;
}
.widget li:last-child{
border-bottom:0;
}
.widget ul ul, .widget ul ol,
.widget ol ol, .widget ol ul{
margin-top:4px;
margin-bottom:0;
border-top:1px solid #DDD;
}

.widget p{
	margin:0 0 10px;
}
.widget select {
	width:100%;
	border: 1px solid #CCC;
}


/*== Widget Tag Cloud
 *=================================*/
.widget_tag_cloud {
}
.widget_tag_cloud .tagcloud {
	overflow:hidden;
}
.widget_tag_cloud a {
	display:inline-block;
	font-size:11px !important;
	color:#111;
	background:#E7E7E7;
	padding:2px 10px;
	margin:0 4px 2px 0;
	-webkit-border-radius:10px;
	border-radius:10px;
	line-height:15px;
	text-shadow:0 1px 0 #FFF;
	word-wrap:break-word;
}
.widget_tag_cloud a:hover {
	background:#333;
	color:#FFF;
	text-shadow:0 1px 0 #000;
	text-decoration: none;
}

/*== Widget Archive & Widget Categories
 *=================================*/
.widget_archive,.widget_categories{
overflow:hidden;
}
.widget_archive ul, .widget_categories ul {
	overflow:hidden;
	width:120%;
	font-size:11px;
	margin-top:-8px;
	margin-left:-8px;
	margin-bottom:-2px;
}
.widget_archive>ul>li:first-child,
.widget_categories>ul>li:first-child{
border-top:1px solid #FFF;
}
.widget_archive li,.widget_categories li {
	text-align:right;
	overflow:hidden;
	width:122px;
	height:29px;
	line-height:29px;
	float:left;
	padding:0 20px;
	position:relative;
	top:-1px;
	background:url(images/s2.png) no-repeat -284px 11px;
}
.widget_archive li:hover,.widget_categories li:hover {
	background:url(images/s2.png) no-repeat -234px -39px;
}
.widget_archive li a,.widget_categories li a {
	float:left;
	text-align: left;
	margin-right:5px;
	font-size: 13px;
}

/*== Widget Nav Menu */
.widget_nav_menu .menu-main-navigation-container{
margin-top:-8px;
}
.widget_nav_menu>div>ul>li:first-child{
border-top:0;
}

/*== Widget Calendar
 *=================================*/
table#wp-calendar{
width:100% !important;
margin:0 !important;
}
 
 /*== Widget Comments
 *=================================*/
.widget-comments li {
	background: url(images/s2.png) no-repeat -189px -90px !important;
	padding:5px 0 5px 16px;
	overflow:hidden;
}
.widget-comments .author {
	font-size:12px;
}
.widget-comments .date {
	color:#999;
	font-size:11px;
}
.widget-comments .excerpt {
	display:block;
	color:#555;
	margin:0;
}
.widget-comments .has-avatar li {
	background:none;
	padding:8px 0;
}
.widget-comments .has-avatar .avatar {
	float:left;
	display:block;
	width:48px;
	height:48px;
	padding:4px;
	background:#FFF;
	float:left;
	position:relative;
	border:1px solid #DDD;
	-webkit-box-shadow:0 0 3px #D7D7D7;
	box-shadow:0 0 3px #D7D7D7;
}
.widget-comments .has-avatar .data {
	margin-left:68px;
	display: block;
}


/*== Widget Single Video Stats
 *=================================*/
.widget-single-post-stats .views,.widget-single-post-stats .comments,.widget-single-post-stats .likes {
	width:99px;
	border-left:1px solid #FFF;
	border-right:1px solid #DDD;
	display:inline-block;
	float:left;
	text-align:center;
	line-height:1.25;
}
.widget-single-post-stats i {
	font-style:normal;
	font-size:22px;
	display:block;
	color:#111;
	font-weight:900;
	font-family:"Arimo";
}
.widget-single-post-stats .suffix {
	font-style:normal;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.widget-single-post-stats .views {
	border-left:0
}
.widget-single-post-stats .comments {
	width:98px
}
.widget-single-post-stats .likes {
	border-right: 0
}

/*== Widget Ad
 *=================================*/
.widget-ad img{
display:block;
}

/*== Widget Posts
 *=================================*/
.widget-posts ul {
	overflow:hidden
}
.widget-posts ul li {
	list-style:none;
	padding:0;
	background:none;
}
.widget-posts .post-grid-2 .entry-title,
.widget-posts .post-grid-3 .entry-title {
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:12px;
}
.widget-posts .entry-meta,.widget-posts .stats {
	font-size:11px
}
.widget-posts .author {
	display:none
}
.widget-posts .suffix {
	display: none
}

/* List Style */
.widget-posts .post-list li {
	padding:10px 0;
	border-bottom:1px solid #DDD;
	border-top:1px solid #FFF;
	overflow:hidden;
	margin:0;
	position:relative;
}
.widget-posts .post-list .thumb {
	width:120px;
	height:67px;
	float:left;
	margin:0;
}
.widget-posts .post-list .thumb img {
	width:120px;
}
.widget-posts .post-list .data {
	margin-left:130px
}
.widget-posts .post-list .entry-title {
	margin-bottom:5px
}
.widget-posts .post-list .entry-meta {
	margin-bottom: 5px
}

/* List Full Style */
.widget-posts .post-list-full li {
	padding:10px 0;
	border-bottom:1px solid #DDD;
	border-top:1px solid #FFF;
	overflow:hidden;
	margin:0;
}
.widget-posts .post-list-full .thumb {
	width:300px;
	height:168px;
}
.widget-posts .post-list-full .thumb img {
	width:300px;
}
.widget-posts .post-list-full .entry-title {
	margin-bottom:5px
}
.widget-posts .post-list-full .entry-meta {
	margin-bottom: 5px
}

/* Grid Style with 2 Columns */
.widget-posts .post-grid-2 {
	margin:0 -10px -10px;
	overflow:hidden;
}
.widget-posts .post-grid-2 li {
	width:140px;
	float:left;
	margin:0 10px 10px;
	border:0;
}
.widget-posts .post-grid-2 .thumb {
	width:140px;
	height:78px;
}
.widget-posts .post-grid-2 .thumb img {
	width:140px;
}
.widget-posts .post-grid-2 .entry-meta,
.widget-posts .post-grid-2 .comments {
	display: none
}

/* Grid Style with 3 Columns */
.widget-posts .post-grid-3 {
	margin:0 -6px -10px
}
.widget-posts .post-grid-3 li {
	overflow:hidden;
	width:92px;
	float:left;
	border:0;
	margin:0 6px 10px;
}
.widget-posts .post-grid-3 .thumb {
	width:92px;
	height:52px;
}
.widget-posts .post-grid-3 .thumb img {
	width:92px;
}
.widget-posts .post-grid-3 .stats {
	display: none
}

/*== Sidebar
 *=================================*/
#sidebar .widget{width:300px;}

/*== Footbar
 *=================================*/
#footbar .wrap {

	padding-top:30px;
}
#footbar .widget-header {
	border:0
}
#footbar .widget-title {
	border:0;
	padding:0;
	font-size:12px;
	color:#333;
}
#footbar li {
	border:0;
}
.widget-col-links {
	color:#999;
}
.widget-col-links ul {
	margin:0;
}
.widget-col-links li {
	background:none !important;
	padding:2px 0;
}
.widget-col-links li a {
	color:#777;
}
.widget-col-links li a:hover {
	color: #111;
}

#footbar .widget{float:left;}
#footbar.footbar-c3 .widget{margin-left:20px;}
#footbar.footbar-c4 .widget{width:220px;margin-left:20px;}
#footbar.footbar-c4s1 .widget-col{float:left;width:140px;margin-left:20px;}
#footbar.footbar-c4s1 .widget-col-5 {width:300px;}
#footbar.footbar-c4s1 .widget{width:100%;}
#footbar-inner{margin-left:-20px;}

/*= Colophon
 *==================================================================*/
#colophon {
	font-size:12px;
	color:#AAA;
	text-align:center;
}
#colophon .wrap {
	padding:15px 0;
}
#colophon a {
	color:#777
}
#copyright,#credits {
	font-size:15px;
	margin:0;
	display: inline;
}

/*== Footer Navigation
 *=================================*/
#footer-nav {
	margin:0 0 2px;
}
#footer-nav ul {
	overflow:hidden;
	margin:0;
}
#footer-nav li {
	display:inline;
	padding:0 10px;
	border-left:1px solid #DDD;
	line-height:1;
	font-weight:bold;
}
#footer-nav li:first-child {
	padding-left:0;
	border-left:0;
}
#footer-nav li a:hover {
	color: #111;
	text-decoration:none;
}

/*== Social Navigation
 *=================================*/
#social-nav {
	float:right;
	text-align:right;
}
#social-nav .desc {
	display:block;
	margin:-3px 0 3px;
}
#social-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#social-nav li {
	display:inline;
	margin:0 0 0 8px;
}
#social-nav a {
	display:inline-block;
	height:24px;
	width:24px;
	text-indent:-987em;
	overflow:hidden;
	line-height:987em;
	background:url(images/social.png) no-repeat 0 0;
}
#social-nav a:hover {
	background-color:none;
	opacity:0.75;
	filter:alpha(opacity=85);
}
#social-nav .facebook a {
	background-position:0 -30px;
}
#social-nav .gplus a {
	background-position:0 -60px;
}
#social-nav .rss a {
	background-position:0 -90px;
}
#social-nav .news a {
	background-position: 0 -120px;
}
#social-nav .youtube a {
	background-position:0 -150px;
}
#social-nav .vimeo a {
	background-position: 0 -180px;
}

/*= Comments & Respond
 *==================================================================*/
#comments {
	margin:20px 0
}
#comments .section-header {
	margin: 0
}

/*== Comment List
 *=================================*/
.comment-list p,.comment-list ul,.comment-list ol,.comment-list blockquote {
	margin-bottom:10px
}
.comment-list {
	border-bottom:1px solid #FFF;
	margin:-1px 0 0;
}
.comment-list .children {
	margin-bottom:0;
}
.comment-div {
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	padding:10px 0;
}
.comment-meta,.comment-content,.comment-actions {
	margin-left:72px
}
img.avatar{
	padding:4px;
	background:#FFF;
	float:left;
	position:relative;
	margin-right:15px;
	border:1px solid #DDD;
	-webkit-box-shadow:0 0 3px #D7D7D7;
	box-shadow:0 0 3px #D7D7D7;
}
.comment-avatar{float:left;}
.comment-avatar img, 
.activity-avatar img{
width:48px;
height:48px;
}


.comment-meta {
	color:#AAA;
	font-size:11px;
	margin-bottom:5px;
}
.comment-meta .sep {
	color:#CCC
}
.comment-meta .fn {
	font-size:12px;
	font-style:normal;
	color:#555;
}
.comment-meta .comment-time {
	color:#AAA
}
.comment-meta .comment-time:hover {
	color: #555
}
.comment-actions {
	margin-top:-5px;
	text-align:right;
}
.comment-reply-link {
	font-size:12px;
	padding:0 0 0 18px;
	background:url(images/s.png) no-repeat 0 -300px;
}
.comment-reply-link:hover {
	background-position:0 -320px
}
.comment-reply-login {
	display:none;
}
#cancel-comment-reply-link {
	font-size:11px;
	text-transform:none;
	font-weight:normal;
	font-family:sans-serif;
	background:url(images/s.png) no-repeat 0 -342px;
	width:12px;
	height:12px;
	display:inline-block;
	text-indent:-5555em;
	overflow:hidden;
	margin-left:4px;
	position:relative;
	top:1px;
}
#cancel-comment-reply-link:hover {
	background-position: 0 -362px;
}
.comment-list .bypostauthor .comment-avatar img{
	background:#333;
	border:1px solid #000;
}
.comment-list .bypostauthor .fn a:hover{
	color:#B70000;
}

/*== Comment Navigation
 *=================================*/
.comment-nav {
	margin: 20px 0;
}

/*== Comment Form
 *=================================*/
#respond {
	margin:20px 0;
	overflow:hidden;
}
.comment-form-author,.comment-form-email,.comment-form-url {
	width:32%;
	float:left;
	margin:0 0 10px 2%;
}
.comment-form-author{
margin-left:0;
}
.comment-form-comment{
	width:100%;
	clear:both;
}
#author,#email,#url,#comment {
	display:block;
	width:100%;
	padding:5px 4px;
	height:28px;
	-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#author,#email,#url {
	width:100%;
}
#comment {
	height:100px;
	overflow:auto;
}
.comment-notes,.form-allowed-tags,.logged-in-as {
	color:#AAA;
	font-size:12px;
}
.must-log-in,.comments-closed {
	background:#FEFFC2;
	padding:7px 10px;
	border: 1px solid #e1e2a3;
}

/*== Comment Children
 *=================================*/
.comment-list .depth-2 .comment-inner {
	padding-left:20px;
	background: url(images/s2.png) no-repeat -84px -188px;
}
.comment-list .depth-2 .comment-avatar {
	width:32px;
	height:32px;
	padding:2px;
}
.comment-list .depth-2 .comment-avatar img {
	width:32px;
	height:32px;
}
.comment-list .depth-2 .comment-meta,.comment-list .depth-2 .comment-content,.comment-list .depth-2 .comment-actions {
	margin-left:58px;
}
.comment-list .depth-3 .comment-inner {
	margin-left:52px
}
.comment-list .depth-4 .comment-inner {
	margin-left:72px
}
.comment-list .depth-5 .comment-inner {
	margin-left:92px
}
.comment-list #respond {
	border-top:1px solid #FFF;
	border-bottom:1px solid #D7D7D7;
	margin:0;
	padding:20px 0;
}
.comment-list #respond .section-header {
	margin: 0 0 8px
}

/*= Plugins Style
 *==================================================================*/
.wpcf7-form textarea{width:90%;}
.wpcf7-submit{min-width:100px;}

/*= Browser Specific
 *==================================================================*/
#ie8 img {
	width: auto
}

/* Replace "Open Sans" with "Droid Sans" in IE. 
 * Because "Open Sans" look like is not good in IE */
.ie #site-title,.ie .section-title,.ie .widget-title,.ie .loop-title {
	font-family: "Droid Sans",sans-serif;
}

/*= BuddyPress
 *==================================================================*/
form#whats-new-form{margin:0 !important;}
#buddypress form#whats-new-form textarea{width:96% !important;}
#buddypress form#whats-new-form p.activity-greeting{line-height:1em !important;}
#buddypress #whats-new-options{overflow:hidden !important;}
#buddypress{font-size:14px !important;}
.widget.buddypress li{
padding-left:0;
background:none;
}
.widget.buddypress div.item-options{padding:0;}

.TK{
display: none;
}
/* ============================================================
 * VBase reskin — dark + red (matches VideoPlay look)
 * Override block appended last so it wins the cascade.
 * ============================================================ */
/* Token-driven: inherits per-site palette from tokens.php (:root --c-*), red defaults. */
:root{--vb-red:var(--c-accent,#e60000);--vb-bg:var(--c-bg,#0f0f0f);--vb-surface:var(--c-surface,#1a1a1a);--vb-line:var(--c-line,#272727);--vb-text:var(--c-text,#f1f1f1);--vb-muted:var(--c-muted,#aaaaaa);}
body,#page{background:var(--vb-bg)!important;color:var(--vb-text)!important;}
a{color:var(--vb-red);}
a:hover{color:#ff3b3b;}
/* header */
#header,#branding,.wrap{background:transparent;}
#header{background:#181818!important;border-bottom:1px solid var(--vb-line);}
#site-title a,#site-title{color:#fff!important;font-weight:800;}
#site-description{color:var(--vb-muted)!important;}
#header-search input,#s,input[type=text],input[type=search],textarea,select{background:var(--c-surface,#0f0f0f)!important;border:1px solid var(--vb-line)!important;color:var(--vb-text)!important;}
/* dropdown options must stay readable in BOTH light + dark (was inheriting a dark bg → dark-on-dark on light themes) */
select option{background:var(--c-surface,#1a1a1a);color:var(--c-text,#f1f1f1);}
.ohfilters select option{background:var(--c-surface,#1a1a1a);color:var(--c-text,#f1f1f1);}
/* nav (was blue) */
#main-nav{background:#181818!important;border-top:1px solid var(--vb-line);border-bottom:1px solid var(--vb-line);background-image:none!important;}
#main-nav .menu,#main-nav ul{background:transparent!important;}
#main-nav a{color:#cfcfcf!important;background:transparent!important;}
#main-nav a:hover,#main-nav .current-menu-item>a,#main-nav .current_page_item>a,#main-nav li:hover>a{color:#fff!important;background:var(--vb-red)!important;}
/* loop / cards */
#main,#content,.loop-content,.loop-header,.loop-actions,.loop-nav,.nag{background:transparent!important;color:var(--vb-text);}
.loop-actions,.loop-nav,.nag{border-color:var(--vb-line)!important;color:var(--vb-muted)!important;}
.post,.hentry,article.post{background:var(--vb-surface)!important;border:1px solid var(--vb-line)!important;border-radius:10px;overflow:hidden;color:var(--vb-text)!important;}
.entry-title,.entry-title a,.post-title a,.loop-content h2 a,.loop-content h3 a{color:var(--vb-text)!important;}
.entry-title a:hover,.post-title a:hover{color:var(--vb-red)!important;}
.entry-meta,.views,.likes,.count,.comments,.entry-byline,.meta,time{color:var(--vb-muted)!important;}
.views a,.likes a{color:var(--vb-red)!important;}
/* buttons */
.button,.more-link,button,input[type=submit],.btn,.dp-button{background:var(--vb-red)!important;color:#fff!important;border:0!important;border-radius:8px;}
.button:hover,.more-link:hover,input[type=submit]:hover{background:#c40000!important;}
/* orderby/sort bar */
.loop-actions .order a,.loop-actions .view a,.orderby a,.sort a{color:var(--vb-muted)!important;}
.loop-actions .current a,.loop-actions a.current,.order .current{color:var(--vb-red)!important;}
/* widgets / sidebar / footer */
#sidebar .widget,#footbar .widget,.widget{background:var(--vb-surface)!important;border:1px solid var(--vb-line)!important;color:var(--vb-text);border-radius:10px;}
.widget-title,.widgettitle{color:#fff!important;border-color:var(--vb-line)!important;}
#footer,#colophon,#footbar{background:#181818!important;color:var(--vb-muted)!important;border-top:1px solid var(--vb-line);}
/* pagination */
.pag-nav a,.page-numbers{background:#222!important;color:var(--vb-text)!important;border:1px solid var(--vb-line)!important;border-radius:8px;}
.pag-nav .current,.page-numbers.current{background:var(--vb-red)!important;color:#fff!important;}

/* VBase reskin pt.2 — red accents + polish */
.loop-header .loop-title,.loop-title,.loop-header h1,.loop-header h2{color:#fff!important;border-bottom:2px solid var(--vb-red)!important;padding-bottom:8px;}
.loop-title .prefix,.loop-header .prefix{color:var(--vb-red)!important;}
.loop-header em,.loop-title em{color:var(--vb-red)!important;font-style:normal;}
#main-nav li.current-menu-item>a,#main-nav li.current_page_item>a,#main-nav li.current-menu-ancestor>a{color:#fff!important;background:var(--vb-red)!important;border-radius:6px;}
.post:hover,.hentry:hover{border-color:var(--vb-red)!important;box-shadow:0 6px 22px rgba(230,0,0,.18);transition:.18s;}
.post .entry-thumbnail,.post .video-thumbnail,.loop-content .thumb{position:relative;background:#000;}
.duration,.video-duration,.length{background:var(--vb-red)!important;color:#fff!important;border-radius:4px;padding:1px 6px;font-weight:700;}
.loop-content{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;float:none!important;width:auto!important;}
.loop-content .post{float:none!important;width:auto!important;margin:0!important;}
@media(max-width:1024px){.loop-content{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.loop-content{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.loop-content{grid-template-columns:1fr;}}

/* VBase reskin pt.3 — correct deTube card grid (.loop-content > .nag > .item) */
.loop-content{display:block!important;float:none!important;width:auto!important;background:transparent!important;border:0!important;}
.loop-content .nag{display:grid!important;grid-template-columns:repeat(var(--c-cols,4),1fr);gap:18px;}
.loop-content .nag:after{display:none!important;}
.item,.item-video,.item-post{float:none!important;width:auto!important;margin:0!important;padding:0!important;background:var(--vb-surface)!important;border:1px solid var(--vb-line)!important;border-radius:12px;overflow:hidden;transition:.18s;}
.item:hover{border-color:var(--vb-red)!important;box-shadow:0 8px 26px rgba(230,0,0,.20);transform:translateY(-2px);}
.item .thumb{width:100%!important;margin:0!important;padding:0!important;position:relative;aspect-ratio:16/9;background:#000;border-radius:0!important;overflow:hidden;}
.item .thumb .clip-link,.item .thumb .clip{display:block;width:100%;height:100%;}
.item .thumb img{width:100%!important;height:100%!important;object-fit:cover;display:block;}
.item .thumb .overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.45));opacity:0;transition:.18s;}
.item:hover .thumb .overlay{opacity:1;}
.item .data{padding:10px 12px 14px!important;}
.item .entry-title{margin:0 0 6px!important;font-size:.95rem!important;line-height:1.3;}
.item .entry-title a{color:var(--vb-text)!important;}
.item:hover .entry-title a{color:var(--vb-red)!important;}
.item .entry-meta,.item .entry-meta a,.item .stats,.item .entry-summary{color:var(--vb-muted)!important;font-size:.78rem!important;}
.item .entry-summary{display:none;}
@media(max-width:1024px){.loop-content .nag{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.loop-content .nag{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.loop-content .nag{grid-template-columns:1fr;}}

/* VBase reskin pt.4 — kill clearfix pseudo-elements inside grid */
.loop-content .nag:before,.loop-content .nag:after{content:none!important;display:none!important;}

/* VBase reskin pt.5 — single video page sections */
#details,.section-box,.section-content,#info,.entry-content,.rich-content,#extras{background:var(--vb-surface)!important;color:var(--vb-text)!important;}
#video,.screen,.fluid-width-video-wrapper{background:#000!important;}
.entry-content,.rich-content{padding:16px!important;border-radius:0 0 10px 10px;}
.entry-content p,.rich-content p{color:var(--vb-text)!important;}
#info .entry-meta,#info .entry-meta a,.entry-meta .author,.entry-meta .time,.entry-date{color:var(--vb-muted)!important;}
#extras{padding:12px 16px!important;border-top:1px solid var(--vb-line);}
#extras h4{color:#fff!important;display:inline-block;margin-right:8px;}
#extras a{color:var(--vb-red)!important;}
.entry-header .entry-title,#main .entry-title{color:#fff!important;border-bottom:2px solid var(--vb-red)!important;padding-bottom:10px;}
/* like button */
.dp-like-button,.like-button,a.like,.likes-button{background:#222!important;color:#fff!important;border:1px solid var(--vb-line)!important;border-radius:8px!important;}
.dp-like-button:hover,.like-button:hover{background:var(--vb-red)!important;}
/* comments / notices */
#comments,.commentlist li,.comment-body,#respond{background:var(--vb-surface)!important;color:var(--vb-text)!important;border-color:var(--vb-line)!important;}
.nocomments,.comments-closed,#comments .nocomments,p.nocomments{background:#1f1a14!important;color:var(--vb-muted)!important;border:1px solid var(--vb-line)!important;border-radius:8px;padding:12px 16px!important;}
#comments h3,#respond h3,.comments-title{color:#fff!important;}
#respond input,#respond textarea{background:var(--c-surface,#0f0f0f)!important;border:1px solid var(--vb-line)!important;color:var(--vb-text)!important;}
/* related posts heading */
.related-posts h3,.section-title,h3.section-title{color:#fff!important;border-bottom:2px solid var(--vb-red)!important;padding-bottom:8px;}

/* VBase reskin pt.6 — lock thumbnail to 16:9 box */
.item .thumb{display:block;}
.item .thumb .clip-link{position:absolute!important;inset:0!important;}
.item .thumb .clip{position:absolute!important;inset:0!important;display:flex!important;align-items:center;justify-content:center;}
.item .thumb .clip img{width:100%!important;height:100%!important;object-fit:cover!important;}
.item .thumb .vertical-align{display:none!important;}

/* ============================================================
 * VBase reskin pt.7 — mobile-first responsive
 * Overrides deTube's legacy fixed widths (body min-width:960px,
 * .wrap 950px, #sidebar 300px float) so the theme is fluid on phones.
 * ============================================================ */
@media (max-width: 1000px) {
  body { min-width: 0 !important; }
  #page, .boxed-wrap #page { width: auto !important; margin: 0 !important; box-shadow: none !important; }
  .wrap, #header .wrap, #main .wrap, #footer .wrap { width: auto !important; max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
  #main { padding: 18px 0 !important; }
  #content, #content2 { width: 100% !important; float: none !important; }
  #sidebar { width: 100% !important; float: none !important; margin-top: 24px; }
  .loop-content .nag { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 760px) {
  #header .wrap { flex-wrap: wrap; gap: 6px; }
  #site-title { font-size: 1.25rem !important; }
  #site-title a { font-size: 1.25rem !important; }
  #main-nav .menu, #main-nav ul { display: flex; flex-wrap: wrap; gap: 2px; }
  #main-nav a { padding: 8px 12px !important; }
  .loop-content .nag { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .loop-title, .loop-header .loop-title { font-size: 1rem !important; }
  /* single video: keep the embed in a tidy 16:9 */
  #video, .screen, .fluid-width-video-wrapper { width: 100% !important; }
  #video iframe, .screen iframe { width: 100% !important; aspect-ratio: 16/9; height: auto !important; }
  .entry-header .entry-title, #main .entry-title { font-size: 1.15rem !important; }
  #oh-switcher { right: 8px !important; bottom: 8px !important; padding: 6px 9px !important; }
}
@media (max-width: 460px) {
  .loop-content .nag { grid-template-columns: 1fr !important; }
  .item .data { padding: 10px 12px 12px !important; }
}
/* never allow horizontal overflow on small screens */
@media (max-width: 1000px) { html, body { overflow-x: hidden; max-width: 100%; } img { max-width: 100%; height: auto; } }

/* ============================================================
 * VBase reskin pt.8 — flat (no text-shadow) + font system
 * --vb-font is set by tokens.php from the picker (default Prompt).
 * ============================================================ */
* { text-shadow: none !important; }
:root { --vb-font: 'Prompt'; }
body, #page, input, button, textarea, select, optgroup,
h1, h2, h3, h4, h5, h6,
#site-title, #site-title a, #site-description,
#main-nav, #main-nav a, .menu, .menu a,
.loop-title, .loop-header, .entry-title, .entry-title a,
.item, .item .data, .entry-meta, .stats, .entry-content, .rich-content,
.widget, .widget-title, .widgettitle, #footer, #colophon,
.button, .more-link, .pill, .page-numbers {
  font-family: var(--vb-font, 'Prompt'), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Thai', sans-serif !important;
}

/* ============================================================
 * VBase reskin pt.9 — modern YouTube-style portal
 * New header (.ohhead), category pills (.ohpills), sections
 * (.ohsec/.ohgrid) and rich cards (.ohc). Token + font driven.
 * ============================================================ */
.ohhead{position:sticky;top:0;z-index:1000;background:var(--c-surface);border-bottom:1px solid var(--c-line);}
.ohhead-in{display:flex;align-items:center;gap:14px;max-width:1600px;margin:0 auto;padding:10px 20px;}
.ohhead-burger{display:none;background:none;border:0;color:var(--c-text);cursor:pointer;padding:6px;border-radius:8px;}
.ohhead-burger svg{width:24px;height:24px;display:block;}
.ohhead-logo{display:flex;align-items:center;gap:9px;flex:0 0 auto;color:var(--c-text)!important;}
.ohhead-logo .mark{width:34px;height:34px;border-radius:9px;background:var(--c-accent);display:grid;place-items:center;flex:0 0 auto;}
.ohhead-logo .mark svg{width:18px;height:18px;fill:#fff;}
.ohhead-name{font-size:1.18rem;font-weight:800;margin:0;letter-spacing:-.01em;color:var(--c-text);line-height:1;}
.ohhead-nav{display:flex;align-items:center;gap:2px;}
.ohhead-nav ul,.ohhead-nav .menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.ohhead-nav li{list-style:none;}
.ohhead-nav a{display:block;padding:8px 13px;border-radius:8px;color:var(--c-muted);font-weight:600;font-size:.88rem;white-space:nowrap;}
.ohhead-nav a:hover{color:var(--c-text);background:rgba(127,127,127,.12);}
.ohhead-nav .current-menu-item>a,.ohhead-nav .current-cat>a{color:#fff;background:var(--c-accent);}
.ohhead-search{flex:1;max-width:520px;margin:0 auto;display:flex;align-items:stretch;}
.ohhead-search input{flex:1;min-width:0;height:42px;border:1px solid var(--c-line);background:var(--c-bg);color:var(--c-text);border-radius:999px 0 0 999px;padding:0 16px;font:inherit;font-size:.9rem;}
.ohhead-search input::placeholder{color:var(--c-muted);}
.ohhead-search button{width:54px;border:1px solid var(--c-line);border-left:0;background:rgba(127,127,127,.12);color:var(--c-text);border-radius:0 999px 999px 0;cursor:pointer;display:grid;place-items:center;}
.ohhead-search button svg{width:20px;height:20px;fill:currentColor;}
.ohhead-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto;}
.ohhead-upload{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;background:var(--c-accent);color:#fff!important;font-weight:700;font-size:.85rem;}
.ohhead-upload svg{width:18px;height:18px;fill:#fff;}
.ohhead-upload:hover{filter:brightness(1.08);}
.ohhead-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent),rgba(0,0,0,.5));color:#fff;display:grid;place-items:center;font-weight:700;flex:0 0 auto;}

/* category pills */
.ohpills-wrap{position:sticky;top:59px;z-index:900;background:var(--c-bg);border-bottom:1px solid var(--c-line);}
.ohpills{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;max-width:1600px;margin:0 auto;scrollbar-width:none;}
.ohpills::-webkit-scrollbar{display:none;}
.ohpill{flex:0 0 auto;padding:7px 15px;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-text)!important;font-size:.82rem;font-weight:600;white-space:nowrap;}
.ohpill:hover{border-color:var(--c-muted);}
.ohpill.active{background:var(--c-accent);color:#fff!important;border-color:var(--c-accent);}

/* sections + grid */
.ohmain{max-width:1600px;margin:0 auto;padding:22px 20px;}
.ohsec{margin-bottom:34px;}
.ohsec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;}
.ohsec-head h2{font-size:1.18rem;font-weight:700;margin:0;color:var(--c-text);}
.ohsec-all{color:var(--c-accent)!important;font-weight:600;font-size:.85rem;flex:0 0 auto;}
/* auto-FIT (not auto-fill): collapses empty trailing tracks so a short row
   (e.g. a 5-video category) stretches to fill the width instead of leaving a
   gap on the right at wide viewports. */
.ohgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:20px 18px;}

/* ── Home shelves (horizontal, scroll-snap rows) ── */
.ohhome-hero{display:block;margin-bottom:18px;}
.ohhome-hero h1{font-size:1.5rem;font-weight:800;margin:0 0 2px;color:var(--vb-text,#fff);}
.ohhome-tag{margin:0;color:var(--vb-muted,#9aa0a6);font-size:.92rem;}
.ohshelf-sec{margin:0 0 26px;}
.ohshelf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;}
.ohshelf-head h2{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;margin:0;color:var(--vb-text,#fff);}
.ohshelf-ic{display:inline-flex;width:20px;height:20px;color:var(--vb-red,#ff2d55);flex:0 0 auto;}
.ohshelf-ic svg{width:100%;height:100%;}
.ohshelf-more{font-size:.85rem;font-weight:600;color:var(--vb-red,#ff2d55);text-decoration:none;white-space:nowrap;flex:0 0 auto;}
.ohshelf-more:hover{text-decoration:underline;}
.ohshelf-scroller{position:relative;}
.ohshelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:rgba(160,160,160,.4) transparent;}
.ohshelf-item{scroll-snap-align:start;min-width:0;}
.ohshelf::-webkit-scrollbar{height:7px;}
.ohshelf::-webkit-scrollbar-thumb{background:rgba(160,160,160,.35);border-radius:4px;}
.ohshelf::-webkit-scrollbar-track{background:transparent;}
/* arrow buttons — desktop only, fade at the ends */
.ohshelf-nav{position:absolute;top:calc(50% - 26px);transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:rgba(20,20,22,.82);color:#fff;font-size:1.6rem;line-height:1;display:none;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.45);transition:background .15s,opacity .15s;}
.ohshelf-nav:hover{background:var(--vb-red,#ff2d55);}
.ohshelf-prev{left:-6px;}
.ohshelf-next{right:-6px;}
@media(hover:hover) and (min-width:900px){
  .ohshelf-scroller:hover .ohshelf-nav{display:flex;}
  .ohshelf-scroller.at-start .ohshelf-prev{opacity:0;pointer-events:none;}
  .ohshelf-scroller.at-end .ohshelf-next{opacity:0;pointer-events:none;}
}
@media(max-width:640px){
  .ohshelf{grid-auto-columns:minmax(45%,1fr);gap:10px;}
  .ohshelf-head h2{font-size:1.02rem;}
  .ohhome-hero h1{font-size:1.25rem;}
}

/* ── Header categories mega-menu ── */
.ohmega-li{position:relative;}
.ohmega-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.ohmega-caret{font-size:.7em;opacity:.8;}
.ohmega-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:120;min-width:540px;max-width:92vw;background:var(--vb-surface,#1a1a1d);border:1px solid var(--vb-line,#2a2a2e);border-radius:14px;padding:14px;box-shadow:0 14px 44px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;}
.ohmega-li:hover .ohmega-panel,.ohmega-li.open .ohmega-panel{opacity:1;visibility:visible;transform:none;}
.ohmega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.ohmega-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:9px;color:var(--vb-text,#eee);text-decoration:none;font-size:.9rem;line-height:1.2;}
.ohmega-item:hover{background:rgba(255,255,255,.07);}
.ohmega-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ohmega-count{flex:0 0 auto;font-size:.72rem;color:var(--vb-muted,#9aa0a6);background:rgba(255,255,255,.06);padding:2px 8px;border-radius:10px;}
@media(max-width:900px){
  .ohmega-panel{position:static;min-width:0;max-width:none;opacity:1;visibility:hidden;height:0;padding:0;overflow:hidden;transform:none;transition:none;box-shadow:none;border:0;background:transparent;}
  .ohmega-li.open .ohmega-panel{visibility:visible;height:auto;padding:6px 0 4px;}
  .ohmega-grid{grid-template-columns:1fr 1fr;}
}

/* ── Category / tag archive hero ── */
.ohcat-hero{margin:0 0 18px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--vb-red,#ff2d55) 14%,transparent),transparent);border:1px solid var(--vb-line,#2a2a2e);}
.ohcat-title{font-size:1.6rem;font-weight:800;margin:0 0 4px;color:var(--vb-text,#fff);}
.ohcat-meta{color:var(--vb-red,#ff2d55);font-weight:600;font-size:.9rem;margin-bottom:8px;}
.ohcat-desc{color:var(--vb-muted,#b8bcc2);font-size:.95rem;line-height:1.65;}
.ohcat-desc p{margin:0 0 8px;}
.ohcat-desc p:last-child{margin-bottom:0;}
/* rich HTML intro (term-meta) — styled headings + bullet list */
.ohcat-rich h2,.ohcat-rich h3{color:var(--vb-text,#fff);font-weight:700;margin:14px 0 8px;font-size:1.05rem;}
.ohcat-rich h2{font-size:1.15rem;}
.ohcat-rich strong{color:var(--vb-text,#fff);font-weight:700;}
.ohcat-rich ul{list-style:none;margin:8px 0 10px;padding:0;display:grid;gap:6px;}
.ohcat-rich li{position:relative;padding-left:24px;}
.ohcat-rich li::before{content:'';position:absolute;left:6px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--vb-red,#ff2d55);}
@media(max-width:640px){.ohcat-hero{padding:14px 15px;}.ohcat-title{font-size:1.3rem;}}

/* ── Watch playlist (queue + autoplay) ── */
.ohwatch-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;margin-bottom:14px;}
.ohwatch-frame{position:relative;}
.ohplaylist{border:1px solid var(--vb-line,#2a2a2e);border-radius:14px;background:var(--vb-surface,#17171a);overflow:hidden;display:flex;flex-direction:column;max-height:min(72vh,560px);}
.ohpl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--vb-line,#2a2a2e);}
.ohpl-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.95rem;color:var(--vb-text,#fff);min-width:0;}
.ohpl-title a{color:var(--vb-red,#ff2d55);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ohpl-ic{display:inline-flex;width:18px;height:18px;flex:0 0 auto;color:var(--vb-red,#ff2d55);}
.ohpl-ic svg{width:100%;height:100%;}
.ohpl-auto{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:.8rem;color:var(--vb-muted,#9aa0a6);flex:0 0 auto;user-select:none;}
.ohpl-auto input{position:absolute;opacity:0;width:0;height:0;}
.ohpl-switch{position:relative;width:34px;height:18px;border-radius:10px;background:rgba(255,255,255,.18);transition:background .15s;flex:0 0 auto;}
.ohpl-switch::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;}
.ohpl-auto input:checked + .ohpl-switch{background:var(--vb-red,#ff2d55);}
.ohpl-auto input:checked + .ohpl-switch::after{transform:translateX(16px);}
.ohpl-auto input:focus-visible + .ohpl-switch{outline:2px solid var(--vb-red,#ff2d55);outline-offset:2px;}
.ohpl-list{overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:rgba(160,160,160,.4) transparent;}
.ohpl-item{display:flex;align-items:center;gap:9px;padding:6px;border-radius:9px;text-decoration:none;color:var(--vb-text,#eee);}
.ohpl-item:hover{background:rgba(255,255,255,.06);}
.ohpl-item.is-current{background:color-mix(in srgb,var(--vb-red,#ff2d55) 14%,transparent);}
.ohpl-idx{flex:0 0 20px;text-align:center;font-size:.8rem;color:var(--vb-muted,#9aa0a6);}
.ohpl-bars{width:14px;height:14px;}
.ohpl-bars rect{fill:var(--vb-red,#ff2d55);animation:ohplbar 1s ease-in-out infinite;transform-origin:bottom;}
.ohpl-bars rect:nth-child(2){animation-delay:.25s;}
.ohpl-bars rect:nth-child(3){animation-delay:.5s;}
@keyframes ohplbar{0%,100%{transform:scaleY(.45);}50%{transform:scaleY(1);}}
.ohpl-thumb{position:relative;flex:0 0 auto;width:104px;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#000;}
.ohpl-thumb img{width:100%;height:100%;object-fit:cover;}
.ohpl-dur{position:absolute;right:3px;bottom:3px;background:rgba(0,0,0,.82);color:#fff;font-size:.65rem;padding:0 4px;border-radius:3px;line-height:1.5;}
.ohpl-info{min-width:0;display:flex;flex-direction:column;gap:2px;}
.ohpl-t{font-size:.82rem;line-height:1.25;color:var(--vb-text,#fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ohpl-m{font-size:.72rem;color:var(--vb-muted,#9aa0a6);}
.ohpl-item.is-current .ohpl-m{color:var(--vb-red,#ff2d55);font-weight:600;}
@media(max-width:1000px){
  .ohwatch-top{grid-template-columns:1fr;}
  .ohplaylist{max-height:340px;}
}
/* next-up countdown card over the player */
.ohnext-card{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.78);}
.ohnext-inner{text-align:center;color:#fff;}
.ohnext-label{font-size:1rem;opacity:.85;margin-bottom:10px;}
.ohnext-count{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--vb-red,#ff2d55);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;}
.ohnext-btns{display:flex;gap:10px;justify-content:center;}
.ohnext-btns button{border:0;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;}
.ohnext-go{background:var(--vb-red,#ff2d55);color:#fff;}
.ohnext-cancel{background:rgba(255,255,255,.15);color:#fff;}

/* ── Article (SawStory) single: cover hero + readable long-form typography ── */
.ohart-cover{margin:0 0 18px;border-radius:14px;overflow:hidden;background:#000;max-height:440px;}
.ohart-cover img{width:100%;height:auto;max-height:440px;object-fit:cover;display:block;}
.ohwatch-article{max-width:820px;margin-inline:auto;}
.ohwatch-article .ohwatch-title{font-size:1.7rem;line-height:1.3;margin:6px 0 10px;}
.ohart-cats{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 2px;}
.ohart-cats a{display:inline-block;background:color-mix(in srgb,var(--vb-red,#ff2d55) 16%,transparent);color:var(--vb-red,#ff2d55);font-size:.76rem;font-weight:700;padding:3px 11px;border-radius:20px;text-decoration:none;}
.ohart-cats a:hover{background:var(--vb-red,#ff2d55);color:#fff;}
/* long-form story body */
.ohwatch-article .ohwatch-desc{font-size:1.06rem;line-height:1.95;color:var(--vb-text,#e9e9ee);}
.ohwatch-article .ohwatch-desc p{margin:0 0 1.15em;}
.ohwatch-desc h2{font-size:1.32rem;font-weight:800;margin:1.6em 0 .5em;color:var(--vb-text,#fff);line-height:1.35;}
.ohwatch-desc h3{font-size:1.12rem;font-weight:700;margin:1.3em 0 .4em;color:var(--vb-text,#fff);}
.ohwatch-desc h2::before{content:"";display:block;width:42px;height:3px;border-radius:2px;background:var(--vb-red,#ff2d55);margin-bottom:.5em;}
.ohwatch-desc blockquote{margin:1.2em 0;padding:.7em 1.1em;border-left:4px solid var(--vb-red,#ff2d55);background:rgba(255,255,255,.045);border-radius:0 10px 10px 0;font-style:italic;color:var(--vb-text,#e4e4ea);}
.ohwatch-desc blockquote p:last-child{margin-bottom:0;}
.ohwatch-desc hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--vb-line,#33333a),transparent);margin:2em 0;}
.ohwatch-desc em{color:#f3c9d6;font-style:italic;}
.ohwatch-desc strong{color:var(--vb-text,#fff);font-weight:700;}
@media(max-width:640px){
  .ohwatch-article .ohwatch-title{font-size:1.35rem;}
  .ohwatch-article .ohwatch-desc{font-size:1.02rem;line-height:1.85;}
  .ohart-cover,.ohart-cover img{max-height:230px;}
}

/* ── Doujin / manga reader (posts in "โดจิน" or with a .dj-gallery body) ── */
.ohdoujin{max-width:900px;}
.ohdoujin .ohart-cover{max-height:none;background:transparent;border-radius:14px;}
.ohdoujin .ohart-cover img{max-height:520px;object-fit:contain;background:#0b0b0f;}
/* the AI intro text keeps normal reading width; the pages go full reader width */
.ohdoujin .ohwatch-desc{max-width:760px;margin-inline:auto;}
/* image pages: stacked, centered, no gaps — a continuous vertical reader.
   NOTE: no negative margins / overflow:hidden here — on a very tall page they cause
   horizontal overflow that fights html,body{overflow-x:hidden} → iOS Safari can't scroll
   to the bottom. Keep the gallery strictly within its container width. */
.dj-gallery{display:flex;flex-direction:column;align-items:center;gap:0;margin:1.4em 0 0;background:#0b0b0f;border-radius:12px;}
.dj-gallery img{display:block;width:100%;max-width:840px;height:auto;margin:0;border-radius:0;}
/* chapter headings inside the reader */
.dj-chapter{scroll-margin-top:70px;text-align:center;font-size:1.12rem;font-weight:800;color:var(--vb-text,#fff);margin:1.6em 0 .6em;padding:.5em 1em;background:rgba(255,255,255,.05);border-radius:10px;}
.dj-chapter::before{content:"📖 ";}
/* sticky chapter jump bar (series) */
.ohdj-naohar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;background:var(--vb-card,#17171c);border:1px solid var(--vb-line,#2a2a31);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.25);}
.ohdj-navlbl{font-size:.85rem;font-weight:700;color:var(--vb-muted,#9a9aa6);}
.ohdj-sel{flex:1;min-width:0;padding:7px 10px;border-radius:9px;border:1px solid var(--vb-line,#2a2a31);background:var(--vb-bg,#0e0e12);color:var(--vb-text,#eee);font-size:.9rem;}
/* floating back-to-top */
.ohdj-top{position:fixed;right:16px;bottom:84px;z-index:40;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--vb-red,#ff2d55);color:#fff;font-size:1.3rem;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.35);opacity:.85;}
.ohdj-top:hover{opacity:1;}
@media(max-width:640px){
  .dj-gallery{border-radius:0;}
  .ohdj-top{bottom:calc(70px + env(safe-area-inset-bottom));width:40px;height:40px;}
}

/* card */
.ohc{display:flex;flex-direction:column;gap:11px;min-width:0;}
.ohc-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;}
.ohc-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;transform-origin:center center;}
/* Animated cover: when a real animated webp is available the JS adds .ohc-playing and swaps
 * the <img> src to the webp (it animates on its own) — so we DON'T ken-burns those. Cards
 * WITHOUT a webp fall back to a slow Ken-Burns zoom/pan on hover(desktop)/centre(mobile). */
.ohc:hover .ohc-thumb:not(.ohc-playing) img,.ohc-thumb.ohprev:not(.ohc-playing) img{animation:ohken 5s ease-in-out infinite alternate;}
@keyframes ohken{0%{transform:scale(1.08) translateY(0);}50%{transform:scale(1.22) translateY(-3%);}100%{transform:scale(1.14) translateY(2%);}}
.ohc-thumb.ohc-playing img{transform:none;}
@media(prefers-reduced-motion:reduce){.ohc:hover .ohc-thumb img,.ohc-thumb.ohprev img{animation:none;transform:scale(1.05);}}
/* "GIF" badge — marks cards that have an animated preview (top-left). */
.ohc-live{position:absolute;left:8px;top:8px;background:var(--c-accent,#ff2d55);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.04em;padding:2px 5px;border-radius:4px;line-height:1;opacity:.92;pointer-events:none;}
.ohc-thumb.ohc-playing .ohc-live{opacity:1;}
.ohc-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.82);color:#fff;font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:5px;line-height:1.2;}
.ohc-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.12);opacity:0;transition:opacity .2s;pointer-events:none;}
.ohc-play svg{width:30px;height:30px;fill:#fff;opacity:.9;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6));}
.ohc:hover .ohc-play{opacity:1;}
.ohc-body{display:flex;gap:11px;align-items:flex-start;}
.ohc-av{width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700;font-size:.85rem;display:grid;place-items:center;flex:0 0 auto;}
.ohc-meta{min-width:0;flex:1;}
.ohc-title{margin:0;font-size:.92rem;font-weight:600;line-height:1.32;color:var(--c-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ohc-title a{color:var(--c-text)!important;}
.ohc:hover .ohc-title a{color:var(--c-accent)!important;}
.ohc-sub{color:var(--c-muted);font-size:.78rem;margin-top:4px;line-height:1.3;}
.ohc-sub .dot{margin:0 5px;opacity:.7;}
/* ── Visual polish: card depth + section-header hierarchy ── */
.ohc-thumb{box-shadow:0 1px 3px rgba(0,0,0,.28);transition:box-shadow .22s ease,transform .22s ease;}
.ohc{transition:transform .22s ease;}
.ohc:hover{transform:translateY(-3px);}
.ohc:hover .ohc-thumb{box-shadow:0 12px 30px rgba(0,0,0,.5);}
.ohc-title a{transition:color .15s ease;}
.ohc-av{box-shadow:0 1px 4px rgba(0,0,0,.3);}
.ohsec-head h2{position:relative;padding-left:13px;font-size:1.24rem;font-weight:800;letter-spacing:-.01em;}
.ohsec-head h2::before{content:"";position:absolute;left:0;top:.14em;bottom:.14em;width:4px;border-radius:3px;background:var(--vb-red,#ff2d55);}
.ohshelf-head h2{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;}
.ohshelf-sec{margin-bottom:30px;}
@media(hover:none){.ohc:hover{transform:none;}}

/* load more */
.ohmore{text-align:center;padding:6px 0 34px;}
.ohmore-btn{display:inline-block;padding:11px 28px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-text)!important;font-weight:600;font-size:.88rem;}
.ohmore-btn:hover{background:var(--c-accent);color:#fff!important;border-color:var(--c-accent);}

/* responsive header */
@media(max-width:900px){
  .ohhead-burger{display:grid;}
  /* Anchor the dropdown to the BOTTOM of the header (top:100%) so it never
     overlaps the search row when the header wraps to 2 rows on mobile. */
  .ohhead-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--c-surface);border-bottom:1px solid var(--c-line);padding:8px;display:none;box-shadow:0 10px 24px rgba(0,0,0,.3);z-index:1001;max-height:72vh;overflow-y:auto;}
  .ohhead-nav ul,.ohhead-nav .menu{flex-direction:column;align-items:stretch;gap:2px;}
  body.ohnav-open .ohhead-nav{display:flex;}
  .ohhead-upload span{display:none;}
  .ohhead-upload{padding:0 11px;}
  .ohpills-wrap{top:59px;}
}
@media(max-width:600px){
  .ohhead-in{gap:8px;padding:8px 12px;}
  .ohhead-name{display:none;}
  .ohhead-search{margin:0;}
  .ohhead-search input{height:38px;}
  .ohmain{padding:14px 8px;}
  /* Mobile: 2 bigger cards per row, tighter gaps (per request). */
  .ohgrid{grid-template-columns:repeat(2,1fr);gap:12px 8px;}
  .ohc-title{font-size:.85rem;}
  .ohsec-head h2{font-size:1.05rem;}
}

/* ============================================================
 * VBase reskin pt.10 — kill white footer + flatten + hide editor tools
 * ============================================================ */
html { background: var(--vb-bg) !important; }
body { background: var(--vb-bg) !important; }
/* deTube footer fully dark + flat */
#footer, #colophon, #footbar, .ohmain, #page { background: var(--vb-bg); }
#footer, #colophon { color: var(--vb-muted) !important; border-top: 1px solid var(--vb-line); }
#footer a, #colophon a { color: var(--vb-muted) !important; }
/* belt-and-suspenders: no glows anywhere */
*, *::before, *::after { text-shadow: none !important; }
.ohc-title, .ohc-sub, .ohhead-name, .entry-title, .loop-title, h1, h2, h3 { text-shadow: none !important; }
/* customizer section tools — hidden until edit mode (built separately) */
.ohsec-tools { display: none; }

/* ============================================================
 * VBase reskin pt.11 — archive/search + single "watch" page
 * ============================================================ */
/* archive + search */
.oharchive-head{padding-top:6px;margin-bottom:14px;border:0;}
.oharchive-head h1{font-size:1.5rem;font-weight:800;color:var(--c-text);margin:0;text-transform:capitalize;}
.oharchive-head h1 span{color:var(--c-accent);}
.oharchive-desc{color:var(--c-muted);margin:-4px 0 18px;max-width:760px;}
.ohempty{padding:64px 0;text-align:center;color:var(--c-muted);font-size:1rem;}
.ohpag{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:30px 0 8px;}
.ohpag .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-text)!important;font-weight:600;padding:0 11px;}
.ohpag .page-numbers.current{background:var(--c-accent);color:#fff!important;border-color:var(--c-accent);}
.ohpag a.page-numbers:hover{border-color:var(--c-accent);}

/* single "watch" */
.ohwatch{max-width:1100px;margin:0 auto;padding:22px 20px 40px;}
.ohwatch-player{background:#000;border-radius:14px;overflow:hidden;}
.ohwatch-frame{position:relative;width:100%;aspect-ratio:16/9;height:auto!important;background:#000;}
.ohwatch-frame iframe,.ohwatch-frame video,.ohwatch-frame .wp-video,.ohwatch-frame .wp-video-shortcode,.ohwatch-frame .mejs-container,.ohwatch-frame .mejs-overlay,.ohwatch-frame .mejs-mediaelement{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;max-width:100%!important;}
.ohwatch-frame video,.ohwatch-frame .wp-video-shortcode{object-fit:contain;background:#000;}
.ohwatch-frame .mejs-controls{z-index:5;}
.ohwatch-title{font-size:1.4rem;font-weight:700;color:var(--c-text);margin:18px 0 12px;line-height:1.32;}
.ohwatch-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--c-line);}
.ohwatch-channel{display:flex;align-items:center;gap:12px;}
.ohwatch-av{width:46px!important;height:46px!important;font-size:1.05rem!important;border-radius:50%;}
.ohwatch-ch{font-weight:700;color:var(--c-text);font-size:1rem;}
.ohwatch-meta{color:var(--c-muted);font-size:.82rem;margin-top:2px;}
.ohwatch-meta .dot{margin:0 5px;opacity:.7;}
.ohwatch-actions{display:flex;align-items:center;gap:10px;}
.ohwatch-actions a,.ohwatch-actions .dp-like-button,.ohwatch-actions button{background:rgba(127,127,127,.14)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-radius:999px!important;padding:8px 16px!important;font-weight:600;}
.ohwatch-actions a:hover{background:var(--c-accent)!important;color:#fff!important;border-color:var(--c-accent)!important;}
.ohwatch-desc{padding:18px 0;color:var(--c-text)!important;line-height:1.65;border-bottom:1px solid var(--c-line);background:transparent!important;}
.ohwatch-desc p{color:var(--c-text)!important;}
.ohwatch-tax{margin-top:16px;display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--c-muted);}
.ohwatch-tax a{color:var(--c-accent)!important;}
.ohwatch-tax b{color:var(--c-text);}
.ohwatch-related{margin-top:30px;}
.ohwatch-comments{margin-top:30px;}
.ohwatch-comments #respond input[type=text],.ohwatch-comments #respond textarea{background:var(--c-bg)!important;border:1px solid var(--c-line)!important;color:var(--c-text)!important;border-radius:8px;}
.ohwatch-comments #comments,.ohwatch-comments .commentlist li,.ohwatch-comments #respond{background:transparent!important;border-color:var(--c-line)!important;}
@media(max-width:600px){.ohwatch{padding:14px 14px 30px;}.ohwatch-title{font-size:1.15rem;}}

/* ============================================================
 * VBase reskin pt.12 — breadcrumbs, like/share, comments
 * ============================================================ */
.ohcrumbs{max-width:1100px;margin:0 auto;padding:14px 20px 0;font-size:.82rem;color:var(--c-muted);}
.ohcrumbs a{color:var(--c-muted)!important;}
.ohcrumbs a:hover{color:var(--c-accent)!important;}
.ohcrumbs .sep{margin:0 7px;opacity:.6;}
.ohcrumbs .cur{color:var(--c-text);}
.ohmain > .ohcrumbs,.ohwatch > .ohcrumbs{padding-left:0;padding-right:0;}

/* like + share */
.ohlike,.ohshare{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--c-line);background:rgba(127,127,127,.12);color:var(--c-text);font-weight:600;font-size:.85rem;cursor:pointer;transition:.15s;}
.ohlike svg,.ohshare svg{width:18px;height:18px;fill:currentColor;}
.ohlike:hover,.ohshare:hover{border-color:var(--c-accent);}
.ohlike.liked{background:var(--c-accent);color:#fff;border-color:var(--c-accent);}
.ohlike.liked svg{fill:#fff;}

/* comments */
.ohwatch-comments .section-header,.ohwatch-comments #comments-title,.ohwatch-comments .comments-title{margin:0 0 6px;}
#comments-title,.comments-title{font-size:1.15rem!important;font-weight:700;color:var(--c-text)!important;border-bottom:2px solid var(--c-accent);padding-bottom:8px;display:inline-block;}
.comment-list{list-style:none;margin:14px 0 0;padding:0;}
.comment-list li.comment{border:0!important;background:transparent!important;margin:0!important;}
.comment-list .comment-div{border:0!important;}
.comment-inner{position:relative;padding:14px 0 14px 60px;border-bottom:1px solid var(--c-line);}
.comment-avatar{position:absolute;left:0;top:14px;}
.comment-avatar img,.comment-avatar .ohavatar{border-radius:50%;}
.comment-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 4px;}
.comment-author cite,.comment-author .fn{font-style:normal!important;font-weight:700;color:var(--c-text);font-size:.9rem;}
.comment-time{color:var(--c-muted)!important;font-size:.76rem;}
.comment-content{color:var(--c-text);font-size:.9rem;line-height:1.5;}
.comment-content p{margin:.2em 0;color:var(--c-text)!important;}
.comment-actions{margin-top:6px;font-size:.78rem;}
.comment-actions a{color:var(--c-accent)!important;}
.comments-closed,p.comments-closed{margin-top:16px;color:var(--c-muted)!important;background:rgba(127,127,127,.08);border:1px solid var(--c-line);border-radius:10px;padding:12px 16px;}
#respond{margin-top:20px;}
#reply-title{font-size:1.05rem;color:var(--c-text);}
#respond input[type=text],#respond input[type=email],#respond input[type=url],#respond textarea{width:100%;max-width:480px;background:var(--c-bg)!important;border:1px solid var(--c-line)!important;color:var(--c-text)!important;border-radius:8px;padding:10px 12px;margin-top:6px;}
#respond textarea{max-width:100%;}
#respond .form-submit input,#respond #submit{background:var(--c-accent)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:10px 22px!important;font-weight:700;cursor:pointer;width:auto;max-width:none;}

/* ============================================================
 * VBase reskin pt.13 — video facade (LCP) + transcript
 * ============================================================ */
.ohfacade{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;padding:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#000;display:grid;place-items:center;}
.ohfacade::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);transition:.2s;}
.ohfacade:hover::after{background:rgba(0,0,0,.15);}
.ohfacade-play{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;background:var(--c-accent);display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.5);transition:.2s;}
.ohfacade:hover .ohfacade-play{transform:scale(1.08);}
.ohfacade-play svg{width:34px;height:34px;fill:#fff;margin-left:3px;}
.ohfacade-loaded{position:absolute;inset:0;}
.ohfacade-loaded iframe,.ohfacade-loaded video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;}
/* transcript */
.ohtranscript{margin:18px 0;border:1px solid var(--c-line);border-radius:10px;background:rgba(127,127,127,.05);}
.ohtranscript summary{padding:12px 16px;cursor:pointer;font-weight:700;color:var(--c-text);}
.ohtranscript-body{padding:0 16px 14px;color:var(--c-muted);line-height:1.6;font-size:.9rem;}

/* pt.13 fix — watch frame uses aspect-ratio, not legacy padding-top */
.ohwatch-frame.fluid-width-video-wrapper{padding-top:0!important;}
.ohwatch-frame{overflow:hidden;border-radius:14px;}

/* ============================================================
 * VBase reskin pt.14 — custom logo + mobile header
 * ============================================================ */
.ohhead-logo.has-img{display:flex;align-items:center;flex:0 0 auto;}
.ohhead-logo.has-img .custom-logo-link{display:block;line-height:0;}
.ohhead-logo.has-img img.custom-logo{height:38px;width:auto;max-width:180px;display:block;object-fit:contain;}
.ohhead-logo{min-width:0;overflow:visible;}
.ohhead-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw;}

@media (max-width: 900px) {
  .ohhead-in{flex-wrap:wrap;row-gap:9px;}
  .ohhead-search{order:5;flex-basis:100%;max-width:100%;margin:0;}
}
@media (max-width: 600px) {
  .ohhead-in{gap:10px;padding:10px 12px;}
  .ohhead-name{display:inline-block!important;font-size:1.05rem;max-width:46vw;}
  .ohhead-logo{flex:0 1 auto;}
  .ohhead-logo .mark{width:30px;height:30px;}
  .ohhead-logo .mark svg{width:16px;height:16px;}
  .ohhead-logo.has-img img.custom-logo{height:32px;max-width:42vw;}
  .ohhead-actions{margin-left:auto;gap:8px;}
  .ohhead-avatar{width:34px;height:34px;}
  .ohhead-search input{height:40px;}
}

/* ============================================================
 * VBase reskin pt.15 — Discovery & UX: filters, quality badge,
 * HD/4K, dark/light toggle
 * ============================================================ */
/* quality badge (top-left of thumb) */
.ohc-q{position:absolute;left:8px;top:8px;z-index:2;font-size:.66rem;font-weight:800;letter-spacing:.03em;padding:2px 6px;border-radius:5px;color:#fff;background:rgba(0,0,0,.7);}
.ohc-q-4k{background:var(--c-accent);}
.ohc-q-hd{background:rgba(0,0,0,.78);}

/* filter + sort bar */
.ohfilters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px;align-items:flex-end;}
.ohfilters label{display:flex;flex-direction:column;gap:5px;font-size:.72rem;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em;}
.ohfilters select{height:40px;min-width:140px;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-line);border-radius:9px;padding:0 12px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;}
.ohfilters select:hover{border-color:var(--c-accent);}

/* dark/light toggle button */
.ohhead-mode{width:40px;height:40px;border-radius:50%;border:1px solid var(--c-line);background:rgba(127,127,127,.12);color:var(--c-text);cursor:pointer;display:grid;place-items:center;flex:0 0 auto;}
.ohhead-mode:hover{border-color:var(--c-accent);}
.ohhead-mode svg{width:19px;height:19px;}
.ohhead-mode .i-sun{display:none;}
html.oh-light .ohhead-mode .i-moon{display:none;}
html.oh-light .ohhead-mode .i-sun{display:block;}

/* ── Light mode: flip the palette tokens (accent stays) ── */
html.oh-light{
  --c-bg:#ffffff; --c-surface:#f4f5f7; --c-text:#15171a; --c-muted:#5f6571; --c-line:#e4e6ea;
}
html.oh-light body, html.oh-light #page{background:#ffffff!important;color:#15171a!important;}
html.oh-light .ohhead{background:#ffffff!important;border-bottom-color:#e4e6ea!important;}
html.oh-light .ohhead-search input{background:#f4f5f7!important;color:#15171a!important;}
html.oh-light .ohpills-wrap{background:#ffffff!important;}
html.oh-light .ohc-title a{color:#15171a!important;}
html.oh-light .item,html.oh-light .post,html.oh-light .widget{background:#f4f5f7!important;}
html.oh-light #footer,html.oh-light #colophon{background:#f4f5f7!important;}
@media(max-width:600px){.ohfilters{gap:8px;}.ohfilters select{min-width:0;flex:1;}}

/* ============================================================
 * VBase reskin pt.16 — Engagement: Watch Later + Ratings
 * ============================================================ */
/* watch-later button (top-right of thumb, shows on hover/saved) */
.ohwl{position:absolute;right:8px;top:8px;z-index:3;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(0,0,0,.65);color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(-4px);transition:.16s;}
.ohc-thumb:hover .ohwl,.ohwl.saved{opacity:1;transform:none;}
.ohwl svg{width:18px;height:18px;}
.ohwl .i-ok{display:none;}
.ohwl.saved{background:var(--c-accent);}
.ohwl.saved .i-add{display:none;} .ohwl.saved .i-ok{display:block;}

/* rating stars */
.ohrate{display:inline-flex;align-items:center;gap:8px;}
.ohstars-bg{position:relative;display:inline-block;font-size:18px;line-height:1;color:var(--c-line);letter-spacing:2px;cursor:pointer;white-space:nowrap;}
.ohstars-fill{position:absolute;left:0;top:0;overflow:hidden;color:#f5a524;width:0;white-space:nowrap;pointer-events:none;}
.ohrate.rated .ohstars-bg{cursor:default;}
.ohrate-meta{font-size:.82rem;color:var(--c-muted);}
.ohrate-meta b{color:var(--c-text);}
@media(max-width:600px){.ohwl{opacity:1;transform:none;width:30px;height:30px;}}

/* ============================================================
 * VBase reskin pt.17 — Shorts feed, WL action button, search autocomplete
 * ============================================================ */
/* Shorts vertical snap feed */
/* Shorts — immersive full-viewport page (no site chrome). */
body.oh-shorts-page{margin:0;background:#000;overflow:hidden;}
.ohshorts-top{position:fixed;top:0;left:0;right:0;height:54px;z-index:30;display:flex;align-items:center;gap:12px;padding:0 8px 0 4px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);pointer-events:none;}
.ohshorts-top a,.ohshorts-top span{pointer-events:auto;}
.ohshorts-back{width:44px;height:44px;display:grid;place-items:center;font-size:30px;line-height:1;color:#fff!important;border-radius:50%;}
.ohshorts-back:hover{background:rgba(255,255,255,.14);}
.ohshorts-logo{font-weight:800;font-size:1.05rem;color:#fff!important;}
.ohshorts-tag{font-weight:700;font-size:.8rem;opacity:.8;background:rgba(255,255,255,.16);padding:3px 10px;border-radius:999px;}
.ohshorts{height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;background:#000;-webkit-overflow-scrolling:touch;}
.ohshorts::-webkit-scrollbar{display:none;}
.ohshort{height:100vh;height:100dvh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;}
.ohshort-stage{position:relative;height:100dvh;width:100%;max-width:min(100vw,calc(100dvh*9/16));background:#000;overflow:hidden;}
.ohshort-stage .ohfacade,.ohshort-stage .ohfacade-loaded{position:absolute;inset:0;}
.ohshort-rail{position:absolute;right:10px;bottom:150px;display:flex;flex-direction:column;gap:18px;align-items:center;z-index:6;}
.ohshort-rail .ohlike,.ohshort-rail .ohwl,.ohshort-rail .ohshort-open{position:static;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;opacity:1;transform:none;gap:2px;}
.ohshort-rail svg{width:24px;height:24px;fill:currentColor;}
.ohshort-rail .ohlike-n{font-size:.64rem;font-weight:700;}
.ohshort-rail .ohwl.saved{background:var(--c-accent);}
/* caption (bottom overlay): channel, title link, meta, description, watch-full link */
.ohshort-cap{position:absolute;left:0;right:70px;bottom:0;padding:16px 16px 22px;z-index:6;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));}
.ohshort-cap-row{display:flex;gap:10px;align-items:center;}
.ohshort-cap .ohc-av{width:38px;height:38px;flex:0 0 auto;color:#fff!important;}
.ohshort-cap-txt{min-width:0;}
.ohshort-ch{font-weight:700;font-size:.92rem;}
.ohshort-title{display:block;color:#fff!important;font-weight:700;font-size:.95rem;margin-top:1px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ohshort-title:hover{text-decoration:underline;}
.ohshort-meta{font-size:.76rem;opacity:.8;margin-top:2px;}
.ohshort-meta .dot{margin:0 5px;}
.ohshort-desc{font-size:.82rem;opacity:.9;margin:8px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ohshort-watch{display:inline-block;margin-top:10px;background:var(--c-accent);color:#fff!important;font-weight:700;font-size:.82rem;padding:8px 16px;border-radius:999px;}
.ohshort-watch:hover{filter:brightness(1.08);}

/* Watch Later labeled action button */
.ohwl-btn{position:static!important;width:auto!important;height:40px!important;border-radius:999px!important;padding:0 16px!important;background:rgba(127,127,127,.14)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;opacity:1!important;transform:none!important;display:inline-flex!important;align-items:center;gap:7px;font-weight:600;font-size:.85rem;}
.ohwl-btn svg{width:18px;height:18px;}
.ohwl-btn .t-ok,.ohwl-btn .i-ok{display:none;}
.ohwl-btn:hover{border-color:var(--c-accent)!important;}
.ohwl-btn.saved{background:var(--c-accent)!important;color:#fff!important;border-color:var(--c-accent)!important;}
.ohwl-btn.saved .t-add,.ohwl-btn.saved .i-add{display:none;}
.ohwl-btn.saved .t-ok{display:inline;} .ohwl-btn.saved .i-ok{display:inline-block;}

/* 404 — clean themed not-found */
.oh404{text-align:center;padding:48px 16px 28px;}
.oh404-code{font-size:clamp(64px,16vw,128px);font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--c-accent);}
.oh404-title{font-size:1.5rem;font-weight:800;color:var(--c-text);margin:6px 0 6px;}
.oh404-msg{color:var(--c-muted);margin:0 auto 18px;max-width:520px;}
.oh404-home{display:inline-block;background:var(--c-accent);color:#fff!important;font-weight:700;padding:11px 24px;border-radius:999px;}
.oh404-home:hover{filter:brightness(1.08);}

/* Search autocomplete dropdown */
.ohhead-search{position:relative;}
.ohac{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);overflow:hidden auto;z-index:1100;max-height:72vh;}
.ohac-i{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--c-text)!important;border-bottom:1px solid var(--c-line);}
.ohac-i:last-child{border-bottom:0;}
.ohac-i:hover,.ohac-i.on{background:rgba(127,127,127,.14);}
.ohac-i img{width:64px;height:36px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#000;}
.ohac-t{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ohac-d{font-size:.72rem;color:var(--c-muted);flex:0 0 auto;}
/* grouped instant-search: section headers + category rows + tag pills */
.ohac-h{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);padding:9px 12px 4px;background:var(--c-bg,rgba(127,127,127,.05));position:sticky;top:0;}
.ohac-cat .ohac-ic{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--c-accent) 16%,transparent);color:var(--c-accent);}
.ohac-cat .ohac-ic svg{width:16px;height:16px;}
.ohac-cat .ohac-t{font-weight:600;}
.ohac-n{font-size:.72rem;color:var(--c-muted);flex:0 0 auto;background:rgba(127,127,127,.14);padding:2px 8px;border-radius:999px;}
.ohac-tags{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px 10px;border-bottom:1px solid var(--c-line);}
.ohac-tag{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(127,127,127,.12);color:var(--c-text)!important;font-size:.8rem;font-weight:600;border-bottom:0!important;}
.ohac-tag:hover,.ohac-tag.on{background:var(--c-accent);color:#fff!important;}

/* ============================================================
 * VBase reskin pt.18 — Ad slots
 * ============================================================ */
.ohad{max-width:1100px;margin:18px auto;background:var(--c-surface);border:1px dashed var(--c-line);border-radius:12px;padding:10px 14px;text-align:center;overflow:hidden;}
.ohad-label{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin-bottom:6px;}
.ohad-body{display:flex;justify-content:center;align-items:center;min-height:40px;}
.ohad-body img,.ohad-body iframe{max-width:100%;height:auto;border:0;}
.ohwatch .ohad{margin-left:0;margin-right:0;}

/* ============================================================
 * VBase reskin pt.19 — captions badge
 * ============================================================ */
.ohfacade-cc{position:absolute;left:12px;bottom:12px;z-index:3;background:rgba(0,0,0,.72);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:5px;}
.ohshort-stage .ohfacade-cc{left:14px;bottom:14px;}

/* ============================================================
 * SEO enhancements — tag cloud, footer keyword block, home SEO text, author hub
 * ============================================================ */
.ohtags-sec{margin:34px 0 10px;}
.ohtags-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.ohtag-pill{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--c-surface);
  border:1px solid var(--c-line);color:var(--c-muted)!important;font-weight:600;line-height:1.2;transition:.15s;}
.ohtag-pill:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff!important;}
.ohtag-s1{font-size:.78rem;} .ohtag-s2{font-size:.86rem;} .ohtag-s3{font-size:.95rem;color:var(--c-text)!important;}
.ohtag-s4{font-size:1.05rem;font-weight:700;color:var(--c-text)!important;}
/* footer keyword/link block */
.ohfoot-kw{border-top:1px solid var(--c-line);padding:22px 0 4px;display:grid;grid-template-columns:1fr 1fr;gap:20px 34px;}
@media(max-width:760px){.ohfoot-kw{grid-template-columns:1fr;gap:16px;}}
.ohfoot-col h4{margin:0 0 10px;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:var(--c-text);text-transform:uppercase;}
.ohfoot-links{display:flex;flex-wrap:wrap;gap:7px 10px;}
.ohfoot-links a{font-size:.82rem;color:var(--c-muted)!important;line-height:1.3;}
.ohfoot-links a:hover{color:var(--c-accent)!important;}
.ohfoot-tags a{opacity:.9;}
.ohfoot-kwline{grid-column:1/-1;margin:8px 0 0;font-size:.75rem;color:var(--c-muted);opacity:.6;line-height:1.7;}
/* homepage long-form SEO text block */
.ohhome-seo{margin:40px 0 8px;padding:26px 28px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:16px;}
.ohhome-seo h2{font-size:1.24rem;font-weight:800;margin:0 0 12px;letter-spacing:-.01em;}
.ohhome-seo h3{font-size:1.02rem;font-weight:700;margin:18px 0 8px;color:var(--c-text);}
.ohhome-seo p{margin:0 0 12px;color:var(--c-muted);font-size:.92rem;line-height:1.75;}
.ohhome-seo ul{margin:0 0 12px;padding-left:4px;list-style:none;}
.ohhome-seo li{position:relative;padding-left:18px;margin-bottom:6px;color:var(--c-muted);font-size:.9rem;}
.ohhome-seo li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--c-accent);}
/* author hub hero */
.ohauthor-hero{display:flex;align-items:center;gap:16px;}
.ohauthor-av{width:76px;height:76px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid var(--c-line);}
.ohauthor-info{min-width:0;}
.ohauthor-info .ohcat-desc{margin-top:6px;}

/* ============================================================
 * Categories drawer + Search overlay (bottom-bar actions, replacing account/upload)
 * ============================================================ */
.ohcats-ov,.ohsearch-pop{position:fixed;inset:0;z-index:1200;display:none;background:rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
body.ohcats-open .ohcats-ov{display:block;}
body.ohsearch-open .ohsearch-pop{display:block;}
/* categories drawer — slides up from bottom */
.ohcats-panel{position:absolute;left:0;right:0;bottom:0;max-height:78vh;overflow-y:auto;
  background:var(--c-bg,#0f0f0f);border-top:1px solid var(--c-line);border-radius:20px 20px 0 0;
  padding:14px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.5);
  animation:ohslideup .22s ease;}
@keyframes ohslideup{from{transform:translateY(100%);}to{transform:translateY(0);}}
.ohcats-head{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 12px;}
.ohcats-head b{font-size:1.02rem;font-weight:800;}
.ohcats-head button{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;
  border-radius:9px;background:var(--c-surface);color:var(--c-muted);font-size:.9rem;}
.ohcats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.ohcats-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;
  border-radius:12px;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-text)!important;
  font-weight:600;font-size:.9rem;}
.ohcats-grid a:active{background:var(--c-accent);border-color:var(--c-accent);color:#fff!important;}
.ohcats-grid a em{font-style:normal;font-size:.74rem;color:var(--c-muted);font-weight:500;}
.ohcats-grid a:active em{color:rgba(255,255,255,.85);}
/* search overlay — box drops from top */
.ohsearch-pop{padding:14vh 16px 0;}
.ohsearch-box{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto;background:var(--c-surface);
  border:1px solid var(--c-line);border-radius:14px;padding:6px 8px 6px 14px;animation:ohdrop .22s ease;}
@keyframes ohdrop{from{transform:translateY(-14px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.ohsearch-box svg{width:20px;height:20px;color:var(--c-muted);flex:0 0 auto;}
.ohsearch-box input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--c-text);
  font-size:1rem;padding:10px 0;font-family:inherit;}
.ohsearch-x{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  background:var(--c-bg,#0f0f0f);color:var(--c-muted);flex:0 0 auto;}

/* นักแสดง (performers) row on the watch page — links to each performer's tag hub */
.ohart-actors{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 2px;}
.ohart-actors-l{font-size:.8rem;font-weight:700;color:var(--c-muted);margin-right:2px;}
.ohart-actors a{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--c-surface);
  border:1px solid var(--c-line);color:var(--c-text)!important;font-size:.82rem;font-weight:600;}
.ohart-actors a:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff!important;}