@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,300,900);
/*********************************************************************************************

Theme Name: Video Elements
Theme URI: http://www.press75.com/
Description: Designed by Jason Schuller
Version: 2.5.3
Author: Press75.com
Author URI: http://www.press75.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC

Be inspired, but please don't steal...

**********************************************************************************************

0.  CSS Reset
1.  Basic Setup (Body, Fonts, etc.)
2.  Header Styles
3.  Navigation and Menu Styles
4.  Main Content
5.  Breadcrumbs
6.  Search Form
7.  Multiple Post Pages
8.  Single Post Pages
9.  Post Comment Styles
10. Pagination
11. Sidebar Styles
12. Footer Styles
	
**********************************************************************************************/
#special-offers-mobile {display: block; width: 100%; margin-top: 1%;}
#special-offers-mobile iframe {height: 39vw;}
#special-offers {display: none;}
/********************************************************************************************* 

0. CSS Reset 

*********************************************************************************************/
.mobile_above {display: block; text-align: center;}
.mobile_below {display: block; text-align: center;}

.morecontent span {
    display: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;

}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;

}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
#navbar {
  background: #a81e07;
  position: sticky;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.1s;
  border-bottom: 1vw black solid;
  z-index: 1;
}

#navbar h1 {
    font-size: 3.7vw;
    font-weight: 800;
    padding: 1vw;
    color: white;
    text-align: center;}
html, body {display: initial;}
html
body {
width: 100%;
height: auto;
background: black;
font-family: 'Nunito Sans', sans-serif;
font-weight: 400;
color: #555555;
}
#sidebar-home {width: 96%; font-size: 3.5vw; line-height: 100%; clear: both; margin: 0 0 0 2vw; height: auto;}
#title {font-size: 5vw; font-weight: 800; line-height: 150%; color: silver; margin-bottom: 7px;} 
#title span {vertical-align: middle !important; color: silver;}
#homepage-recent-posts, #homepage-pages, #homepage-categories, #homepage-archives, #home-partofnetwork {float: left; display: block; list-style: inside; line-height: 150%}
#homepage-recent-posts {width: 100%; line-height: 150%; margin-bottom: 5vw;}
#homepage-pages {width: 100%;}
#main ul li {list-style: none;}
#homepage-archives li {list-style: outside none disc !important;}

#breaker-main {height: 100vw; width: 96%; margin: 0 0 0 2vw; display: block; text-align: center; clear: both; float: left; font-size:4.3vw; font-weight: 700; color: Gold;}
#breaker-main button {   
	
	background-image: -moz-linear-gradient(center bottom , rgba(0,0,0, 0.9) 0%, rgba(0,0,0, 0.9) 5%, rgba(0,0,0, 0) 100%), url("images/button_bg_home.jpg");
	background-image: linear-gradient(to left, rgba(0,0,255,0), rgba(0,0,0,1)), url("images/button_bg_home.jpg");
	background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_home.jpg");
    background-size: cover;
	background-position: top;
	
    border: 0.4vw solid Gold;
    font-size: 6vw;
    font-weight: 800;
    height: 90vw;
    line-height: 100%;
    margin-top: 0;
    padding-top: 55vw;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 3px 0 #000, 3px 3px 0 #000;
    white-space: normal;
    width: 100%;}
#breaker-main strong {font-weight: 800; color: Orange;}
#breaker-main button img {    height: auto;
    max-width: 30vw;
    padding-top: 5vw;
    vertical-align: bottom;}
#breaker-main button:hover {border: 0.4vw solid white;}

#breaker-main-right {height: 100vw; width: 96%; margin: 0 0 0 2vw; display: block; text-align: center; clear: both; float: left; font-size:4.3vw; font-weight: 700; color: Gold;}
#breaker-main-right button {   
	
	background-image: -moz-linear-gradient(center bottom , rgba(0,0,0, 0.9) 0%, rgba(0,0,0, 0.9) 5%, rgba(0,0,0, 0) 100%), url("images/button_bg_home_right.jpg");
	background-image: linear-gradient(to left, rgba(0,0,255,0), rgba(0,0,0,1)), url("images/button_bg_home_right.jpg");
	background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_home_right.jpg");
    background-size: cover;
	background-position: top;
	
    border: 0.4vw solid Gold;
    font-size: 6vw;
    font-weight: 800;
    height: 90vw;
    line-height: 100%;
    margin-top: 0;
    padding-top: 55vw;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 3px 0 #000, 3px 3px 0 #000;
    white-space: normal;
    width: 100%;}
#breaker-main-right strong {font-weight: 800; color: Orange;}
#breaker-main-right button img {    height: auto;
    max-width: 30vw;
    padding-top: 5vw;
    vertical-align: bottom;}
#breaker-main-right button:hover {border: 0.4vw solid white;}

#breaker-main-middle {height: 82vw; width: 96%; margin: 0 0 0 2vw; display: block; text-align: center; clear: both; float: left; font-size:4.3vw; font-weight: 700; color: Gold;}
#breaker-main-middle button {   
	
	background-image: -moz-linear-gradient(center bottom , rgba(0,0,0, 0.9) 0%, rgba(0,0,0, 0.9) 5%, rgba(0,0,0, 0) 100%), url("images/button_bg_home_right.jpg");
	background-image: linear-gradient(to left, rgba(0,0,255,0), rgba(0,0,0,1)), url("images/button_bg_home_middle.jpg");
	background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_home_middle.jpg");
    background-size: cover;
	background-position: top;
	
    border: 0.4vw solid Gold;
    font-size: 6vw;
    font-weight: 800;
    height: auto;
    line-height: 100%;
    margin-top: 0;
    padding-top: 55vw;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 3px 0 #000, 3px 3px 0 #000;
    white-space: normal;
    width: 100%;}
#breaker-main-middle strong {font-weight: 800; color: Orange;}
#breaker-main-middle button img {    height: auto;
    max-width: 30vw;
    padding-top: 5vw;
    vertical-align: bottom;}
#breaker-main-middle button:hover {border: 0.4vw solid white;}

#breaker-horizontal {width: 96%; margin: 0 0 2vw 2vw; display: block; text-align: center; clear: both; padding-top: 2vw; padding-bottom: 2vw;}
#breaker-horizontal button {background: black url("images/bg.jpg") no-repeat scroll center center / cover; border: 0.4vw solid Gold;     font-size: 5vw;     font-weight: 800;     line-height: 120%;     margin-top: 0;     text-align: center; 	text-shadow: 1px 1px 1px black;     white-space: normal;     width: 100%;}
#breaker-horizontal button img {max-width: 23vw; height: auto; vertical-align: -2.1vw;}
#breaker-horizontal button:hover {border: 0.4vw solid white;}

#breaker {padding-top: 0vw; margin-bottom: 3vw; display: block; text-align: center;clear:both; font-size: 2vw; line-height: 90%; color: silver}
#breaker button {background: rgba(0,0,0, 0) url("images/bg.jpg");
    border: 0.4vw solid Gold;
    font-size: 5.5vw;
	line-height: 5vw;
    font-weight: 800;
    margin-top: 1vw;
    text-align: center;
    white-space: normal;
	background-size: cover;
    width: 100%;}
#breaker button:hover {border: 0.4vw solid white;}
#breaker button img {height: auto;
max-width: 45vw;
    vertical-align: -0.6vw;}
.widgettitle {text-align: center; color: grey; font-size: 3vw; margin-bottom: 2vw;}
#TrailerClip {font-size: 3.5vw;background: blueviolet; border: 0;}
#title-single {font-size: 2.4vw; padding-bottom: 1vw; text-align: center;}
#LongClip {font-size: 3.5vw; background: blueviolet;border: 0;}
h1 {font-size: 1em;}
#breadcrumbs h2 {font-size: 4vw;
	text-align: center;
    font-weight: 700 !important;
    line-height: 4vw;}
.title {line-height: 1em;}
h3 {font-size: 21px; color: white;}
#index-starring {      clear: both;
    font-size: 3.5vw;
    height: 6vw;
    width: 100%;}

.wp-pagenavi {color: white;
    font-size: 4vw;
    text-align: center;
    width: 99%;
	padding-top: 4vw;}
a:link, a:visited {
color: #888888;
}
.description
{	display: none;
    font-size: 4vw !important;
    height: 30vw;
    line-height: 4vw !important;
    margin-bottom: 1vw !important;
    overflow-y: auto;
	}
a:hover {
color: #808080;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 9px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 9px;
text-align: center;
}


a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


/*********************************************************************************************

2. Header Styles

*********************************************************************************************/
#header {
width: 100%;
font-size: 2.7vw;
line-height: 2.7vw;
float: left;
color: white;
text-shadow: 1px 1px 1px #111;
margin-bottom: 0;
border: 0;
}
#header {	background-image: url(images/bg.jpg);
background-size: cover;
font-weight: 400;
background-repeat: no-repeat;
background-color: #000000;
background-position: cetner center;
padding-bottom: 0;}
#header::after {
 content: "";
 background-image: linear-gradient(to right, black, silver, black);
 height: 1px; /*for horizontal border; width for vertical*/
 display: block;
}

#logo_home {width:26vw; height: auto;     padding-left: 2vw;     padding-top: 2vw; float: left; padding-right: 1vw;}
#logo_single {width:18vw; height: auto;     padding-left: 2vw;     padding-top: 2vw; float: left; padding-right: 1vw;}

#header-inside p {padding: 2vw;     text-align: justify;}
#batonik {font-size: 4vw; color: white; width: 100%; text-align: center;}
#batonik a {width: 90%; font-weight: 600; color: white; padding-left: 17px; padding-right: 17px; margin-bottom: 20px;}
.advanced_recent_posts_widget ul li { width: 50%; font-size: 2.4vw; margin-bottom: -1.1vw;}
.advanced_recent_posts_widget img {  width: 100%; height: auto; border: 0;}
.advanced_recent_posts_widget .post-entry-data {position: absolute; width: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 170%, rgba(0,0,0,0.9) 55%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 170%,rgba(0,0,0,0.9) 55%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 170%,rgba(0,0,0,0.9) 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0000e600',GradientType=0 );
padding-left: 5px;
padding-bottom: 9px;
bottom: 0vw;
height: 2.6vw;
font-size: 2vw;
color: white;
text-shadow: 1px 1px 1px black, -1px 1px 1px black, 0 0 7px black;
font-weight: 600;
}
/*********************************************************************************************

3. Navigation Wrapper and Menu Styles

*********************************************************************************************/
#navigation {
background: #2A2A2A url(images/navigation-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#navigation-inside {
width: 960px;
margin: 0px auto;
}

.menu, .menu * { /* SuperFish Menu Styles */
margin: 0;
padding: 0;
list-style: none;
}

.menu { 
background: url(images/menu-li-bg.jpg) top left no-repeat;
line-height: 1;
float: left;
padding: 0 0 0 10px;
}

.menu a {
display: block;
position: relative;
}

.menu a, .menu a:visited  {
color: #FFFFFF;
}

.menu a:hover  {
color: #CCCCCC;
}

.menu ul li {
width: 100%;
}

.menu ul {
position: absolute;
top: -15000px;
width: 160px; /* Left Offset of Sub-Menus Need to Match */
}

.menu li:hover ul, 
.menu li.sfHover ul {
left: 0;
top: 29px; /* Match Top UL List Item Height */
z-index: 10000;
}

ul.menu li:hover li ul, 
ul.menu li.sfHover li ul {
top: -15000px;
}

ul.menu li li:hover ul, 
ul.menu li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

ul.menu li li:hover li ul, 
ul.menu li li.sfHover li ul {
top: -15000px;
}

ul.menu li li li:hover ul, 
ul.menu li li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

.menu li {
background: url(images/menu-li-bg.jpg) top right no-repeat;
float: left;
padding: 10px 27px 13px 17px;
position: relative;
}

.menu li:hover {
visibility: inherit; /* Fixes IE7 Sticky Bug */
}

.menu li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: 7px 0 0 0;
padding: 9px 0 10px 0;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}

.menu li li {
background: none;
padding: 7px 13px 7px 17px;
}

.menu li li:hover {
background: none;
}

.menu li li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: -9px 0 0 0;
padding: 9px 0 10px 0;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}

li.subscribe {
background: url(images/rss.png) top right no-repeat;
padding-right: 47px;
}


/*********************************************************************************************

4. Main Content

*********************************************************************************************/
#content {
background: black;
width: 100%;
float: left;
}
#banner {    max-width: 96%;
    padding-left: 2%;
    padding-right: 2%;}
#pokapoka {width: 100%; text-align: center; font-size: 5vw; margin-bottom: 2vw;}
.button-warning {background: #c103ea; }
#banner-button {border: 0.7vw solid white;
    display: block;
    font-size: 6.8vw;
    font-weight: 600;
    margin: 1vw auto 4vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.4vw;
    white-space: normal;
    width: 96%;}

width:96%;
margin: 0 0 0 2%;
}

#main {
float: left;
width:100%;
margin-top: 3vw;
}

#main-full {
float: left;
}

#single-logo {display: none;}
.thumbs-rating-container {font-size: 3vw !important;padding: 1vw !important;}
.thumbs-rating-container span {width: 6vw !important;}
#buttons {width: 100%; text-align: center; margin-top: 2%; margin-bottom: 2%;}
/*********************************************************************************************

5. Breadcrumbs

*********************************************************************************************/
#breadcrumbs {
background: black;
color: #E6E6E6;
line-height: 1;
width: 100%; /* Compensate for Borders */
margin-left: auto;
margin-right: auto;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align:left;
}

#breadcrumbs p {
width: 100%;
float: left;
margin: 0;
padding: 9px 10px 0 10px;
}

#breadcrumbs a {
color: white;
}

#breadcrumbs a:hover {
color: #B0B0B0;
}

#breadcrumbs strong {
color: white;
}


/*********************************************************************************************

6. Search Form

*********************************************************************************************/
input#s {
background: black;
border-left: 1px solid #444444;
border-top: none;
border-right: 1px solid #444444;
border-bottom: none;
color: #808080;
font-size: 13px;
width: 230px;
margin: 0;
padding: 9px 9px 9px 9px;
}

input#search-submit {
border: none;
background: #333333;
color: #808080;
cursor: pointer;
font-size: 13px;
width: 50px;
margin: 0 0 0 -5px;
padding: 9px 0 9px 0;
text-align: center;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

input#search-submit:hover {
background: #555555;
}


/*********************************************************************************************

7. Multiple Post Pages

*********************************************************************************************/
.multiple {
margin: 0 0 0vw 2%;
width: 96%;
height: 60vw;
}

.multiple h2 {

	}
.wp-post-image {border: 0;}
#title-posta {margin: 0;}
#title-posta h2 {font-size: 4.3vw; font-weight: 700;}
#title-posta h2 a {color: white;}
#starrings {  text-shadow: 0 0 13px black, 0 3px 7px black, 1px 1px 0 black; color: white;     position: absolute;     right: -1px; 	color:silver; 	font-weight: bold;     text-align: right;     top: 1px;     width: 100%; 	font-size: 3vw; 	}
#starrings a {margin-right: 0.7vw; color: white;}
.entry-multiple {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 8%, rgba(0,0,0,0.9) 120%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 8%,rgba(0,0,0,0.9) 120%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 8%,rgba(0,0,0,0.9) 120%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0000e600',GradientType=0 );
	height: 7vw;
	bottom: 9px;
    left: 1px;
    position: absolute;
    width: 100%;
}

.post-image {
float: left;
width: 100%;
margin: 0 0 4vw;
}
 
.thumbz {

position: relative;
}
.model {    color: silver;
    font-size: 3vw;
    margin-bottom: -1vw;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2vw;
}
.thumbz img:hover
{border: 1px solid silver;}

.instant {
display: none;
z-index: -100;
}

.instant-view {
text-align: center;
}

ul.post-meta li {
color: silver;
font-size: 3vw;
text-shadow: 1px 1px 1px black;
margin-left: 1vw;
margin-top: 2.5vw;
padding: 0vw 1.4vw 0 0;
}
#time {max-width: 2.3vw; height: auto;}
#views {height: auto;     margin-left: 1vw;     max-width: 3vw;     vertical-align: -0.4vw;}
#star {max-width: 2.7vw; height: auto; vertical-align: inherit;}
#views-single {max-width: 2.2vw; height: auto; vertical-align: -0.2vw; width: 2.2vw;}
#star-single {max-width: 2.2vw; height: auto;vertical-align: -0.2vw;}
#category {max-width: 2.2vw; height: auto; vertical-align: -0.2vw;}
#time-single {margin-left: 0; max-width: 2.2vw; height: auto; vertical-align: -0.2vw; width: 2.2vw;}
.entry-sidebar,.entry-sidebar-1080p, .entry-sidebar-720p, .entry-sidebar-mobile {display: none;}
.entry h2 {color: silver; padding: 1vw; line-height: 120%;}
.entry h3 {color: silver; padding-bottom: 2vw; font-size: 4vw; line-height: 110%;}
.entry p strong {color: silver;}
.entry ul li {list-style: inside none disc; margin-left: 7px; padding: 1vw; color: grey; line-height: 120%;}
.entry li {color: silver; text-align: left; text-decoration: none; list-style: inside none disc; padding: 1vw;}
.entry blockquote {color: grey; font-size: 150%; line-height: 150%; padding: 1vw;}
.entry blockquote img {padding-left: 1vw; margin: 0;}

/*********************************************************************************************

8. Single Post Pages

*********************************************************************************************/
.single {
width: 100%;
}

.full {
width: 100%;
}
.entry p
{color: grey;
font-size: 2.7vw;  line-height: 125%;
padding-bottom: 2vw;
text-align: justify;
}
.entry p strong {color: silver;}
#promo {font-weight: 600;font-size: 8vw; line-height: 1.1em; color: yellow; text-align: center; margin-bottom: 10px;}
.entry
{width: width: 100%;

}
video {width: 100% !important; height: auto;}

.entry ol {
margin: 0 0 17px 20px;
}

p img {
padding: 0;
color: #666666;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 7px;
margin: 0 0 3px 17px;
}

img.alignleft {
padding: 7px;
margin: 0 17px 3px 0;
}

.wp-caption {
background: #EBEBEB;
border: 1px solid #CCCCCC;
text-align: center;
padding: 10px 7px 7px 7px;
margin: 0 0 20px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.wp-caption img {
padding: 0;
margin: 0 0 7px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 13px !important;
text-align: center; 
margin: 0;
padding: 0;
}

#video {
background: #333333 url(images/video-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#video-inside {
width: 960px;
margin: 0px auto;
padding: 20px 0 20px 0;
text-align: center;
}


/*********************************************************************************************

9. Post Comment Styles

*********************************************************************************************/
#comments {
width: 620px;
}

#comments-meta {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 619px;
height: 33px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#comments-meta p {
margin: 0;
padding: 9px 10px 0 10px;
}

#comments-meta a {
color: #808080;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
padding: 0 0 20px 0;
}

ol.commentlist li.alt {
padding: 0 0 20px 0;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
border: none;
padding: 27px 0 0 27px;
}

ol.commentlist li ul.children li.alt {
border: none;
padding: 27px 0 0 27px;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
width: 40px;
height: 20px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
}

ol.commentlist li div.reply:hover {
background: #666666;
color: #FFFFFF;
}

.comment-author {
font-size: 15px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
}

.avatar {
background: #EBEBEB;
border: 1px solid #CCCCCC;
float: right;
margin: 0 0 17px 17px;
padding: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#respond {
width: 100%;
padding: 20px 0 0 0;
}

.cancel-comment-reply a {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
padding: 5px 9px 7px 9px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.cancel-comment-reply a:hover {
background: #666666;
color: #FFFFFF;
}

#author, #email, #url, #comment {
background: #FFFFFF url(images/fields.jpg) top left repeat-x;
border: 1px solid #CCCCCC;
padding: 7px 5px 7px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#comment {
width: 98%;
max-width: 610px;
}

input#submit {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
width: 137px;
height: 30px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

input#submit:hover {
background: #666666;
color: #FFFFFF;
}


/*********************************************************************************************

10. Pagination

*********************************************************************************************/
#pagination {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 619px;
height: 33px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#pagination p {
margin: 0;
padding: 9px 10px 0 10px;
}

#pagination a {
color: #808080;
}

#pagination a:hover {
color: #B0B0B0;
}


/*********************************************************************************************

11. Sidebar Styles

*********************************************************************************************/
#sidebar {
clear:both;
width: 100%;
display: none;
}
.advanced_recent_posts_widget img {max-width: 100% !important; height: auto !important;}
#sidebar h2 {
font-size: 15px;
font-weight: bold;
}

.widget  {
float: left;
width: 100%;

}

.cat-posts-item {
float: left;
margin: 5px 0 7px 0;
}

.post-image-sidebar {
margin: 0 20px 0 0;
float: left;
}

.post-image-sidebar img {
margin: 7px 0 0 7px;
}

.post-frame-sidebar {
background: url(images/post-frame-sidebar.png) 0 0 no-repeat;
width: 95px;
height: 75px;
position: absolute;
}

.post-frame-sidebar:hover {
background: url(images/post-frame-sidebar.png) 0 -75px no-repeat;
width: 95px;
height: 75px;
}

.sidebar-ad {
margin: 7px 17px 10px 0;
}

#sidebar ul li ul {
margin: 0 0 0 17px;
}

.widget_categories ul ul{
padding-left:20px;
}


/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
color: white;
width: 100%;
float: left;
font-size: 2vw;
line-height: 2.2vw;
border-top: 0;
text-align: center;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#footer::before {
 content: "";
 background-image: linear-gradient(to right, black, silver, black);
 height: 1px; /*for horizontal border; width for vertical*/
 display: block;
}
#footer-inside p {margin-bottom: 2vw;}
#footer-inside {
margin: 0px auto;
}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
color: #CCCCCC;
}


video {object-fit: cover;}
/* rndz */