@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700,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
	
**********************************************************************************************/


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

0. CSS Reset

*********************************************************************************************/
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;
font-weight: normal;
}

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

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
.model {color: silver; padding: 5px 0 5px;}\

q:before, q:after {content: '';}
abbr, acronym {border: 0;}
.morecontent span {
    display: none;
}

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

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

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

body {
width: auto;
background: black;
font-family: 'Nunito Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 15px;
color: #555555;
overflow-x: hidden;
}
body {  height: 100%;
margin: 0;}
#wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
  
}
#TrailerClip {font-size: 17px; background: blueviolet !important; border: 1px solid black;}
#title-single {font-size: 16px;}
#LongClip {font-size: 17px; background: blueviolet;border: 1px solid black;}
h1 {font-size: 25px;}
h2 {font-size: 28px;text-transform: normal;}
.title {line-height: 15px;}

h1, h2, h3, h4, h5, h6, strong {font-weight: 700;}

a:link, a:visited {
color: #888888;
}

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: 8px;
}

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

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

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

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


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

2. Header Styles

*********************************************************************************************/
#header {
    color: white;
    flex: 0 1 auto;
    float: right;
	text-align: justify;
    font-size: 18px;
    line-height: 19px;
	font-weight: 400;
    min-width: 1080px;
    text-shadow: 1px 1px 1px #111;
    width: 100%;
}
#header::after {
 content: "";
 background-image: linear-gradient(to right, black, silver, black);
 height: 1px; /*for horizontal border; width for vertical*/
 display: block;
}
#footer::before {
 content: "";
 background-image: linear-gradient(to right, black, silver, black);
 height: 1px; /*for horizontal border; width for vertical*/
 display: block;
}
#header {	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
background-position: top center;}

#batonik {font-size: 48px; color: white; width: 100%;}
#batonik a {width: 97%; font-weight: 600; color: white; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; margin-bottom: 20px;}
#banner-button {display: none;}
#banner {margin-left: -3px; border: 0; padding-top: 10px; max-width: 1080px;}
#promo {font-size: 50px; font-weight: bold; line-height: 50px; margin-bottom: 20px; display: block; color: yellow; text-align: center; margin-left: auto; margin-right: auto; width: 1080px; clear: both;}
#hide, #show, #pokapoka {display: none;}
.description
{color: #C2C2C2;
    font-size: 21px;
	line-height: 20px;
	width: 1080px;
	overflow-y: auto;
	height: 120px;
	margin-bottom: 20px !important;
	}
#header-inside {
width: 1080px;
margin: 10px auto;
}

#buttons {width: 40%; float: right; text-align: right; font-size: 15px; display:block; height: 42px; margin-top: 5px; margin-bottom: 20px;}
#title-single {display: block;
    float: left;
    margin-left: 2px;
    }

#logo_home {float: left;     height: auto;     margin-right: 8px;     margin-top: 4px;     max-width: 200px;}
#logo_single, #logo_home_tag {float: left;     height: auto;     margin-right: 5px;     margin-top: 2px;     max-width: 50px;}

#header-right { /* For the Advertisement */
text-align: right;


padding: 10px 0 10px 0;
}

#breaker {width: 100%; padding-bottom: 10px; display: block; text-align: center; clear: both; font-size: 120%; line-height: 150%; color: silver;}
#breaker button {background: rgba(0, 0, 0, 0) url("images/bg.jpg") repeat scroll center 0px;     border: 2px solid Gold;     font-size: 40px;     font-weight: 800;     line-height: 100%;     margin-top: 0;     padding-bottom: 21px !important;     padding-top: 21px !important;     text-align: center; 	text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 2px 5px #000, 2px 2px 1px #000;     white-space: normal;     width: 100%;}
#breaker button img {max-width: 170px; height: auto; vertical-align: -15px;}
#breaker button:hover {border: 2px solid white;}

#breaker-main {    clear: both;     color: Gold;     display: block;     float: left;     font-family: Nunito Sans;     font-size: 17px;     font-weight: 800;     margin-right: 10px;     margin-top: 6px;     padding-bottom: 10px;     text-align: center;     width: 350px;}
#breaker-main > p {     height: 20px; }
#breaker-main button {
background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.7)), url("images/button_bg_home.jpg");
background-image: -webkit-linear-gradient(bottom,  rgba(0,0,00.7) 0%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0) 100%), url("images/button_bg_home.jpg");
background-position: center top;
background-size: cover;
width: 350px;
border: 2px solid Gold;     font-size: 26px;     font-weight: 800;     line-height: 100%;     margin-top: 0;     padding-bottom: 7px !important;     padding-top: 360px !important;     text-align: center;     white-space: normal; 	height: 440px; 	text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 2px 5px #000, 2px 2px 1px #000;}
#breaker-main strong {font-weight: 800; color: Orange;}
#breaker-main button img {max-width: 130px; height: auto; vertical-align: bottom; padding-top: 25px;}
#breaker-main button:hover {border: 2px solid white;}


#breaker-main-right {    color: Gold;     display: block;     float: right;     font-family: Nunito Sans;     font-size: 17px;     font-weight: 800;     padding-bottom: 12px; padding-right: 10px; padding-top: 6px;    text-align: center;     width: 350px;}
#breaker-main-right > p {     height: 20px; }
#breaker-main-right button {
background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.7)), url("images/button_bg_home_right.jpg");
background-image: -webkit-linear-gradient(bottom,  rgba(0,0,00.7) 0%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0) 100%), url("images/button_bg_home_right.jpg");
background-position: center top;
background-size: cover;
width: 350px;
border: 2px solid Gold;     font-size: 26px;     font-weight: 800;     line-height: 100%;     margin-top: 0;     padding-bottom: 7px !important;     padding-top: 360px !important;     text-align: center;     white-space: normal; 	height: 440px; 	text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 2px 5px #000, 2px 2px 1px #000;}
#breaker-main-right strong {font-weight: 800; color: Orange;}
#breaker-main-right button img {max-width: 130px; height: auto; vertical-align: bottom; padding-top: 25px;}
#breaker-main-right button:hover {border: 2px solid white;}


#breaker-main-middle {    color: Gold;     display: block;     float: left;     font-family: Nunito Sans;     font-size: 17px;     font-weight: 800;     margin-right: 10px;     margin-top: 6px;     padding-bottom: 10px;     text-align: center;     width: 350px;}
#breaker-main-middle > p {     height: 20px; }
#breaker-main-middle button {
background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.7)), url("images/button_bg_home_middle.jpg");
background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_home_middle.jpg");
background-position: center top;
background-size: cover;
border: 2px solid Gold;     font-size: 17px;     font-weight: 700;     line-height: 100%;     margin-top: 0;     padding-bottom: 7px !important;     padding-top: 135px !important;     text-align: center;     white-space: normal; width:350px;	height: 200px; }
#breaker-main-middle strong {font-weight: 800; color: Orange;}
#breaker-main-middle button img {max-width: 130px; height: auto; vertical-align: bottom; padding-top: 0;}
#breaker-main-middle button:hover {border: 2px solid white;}


#breaker-horizontal {width: 98.5%; padding-top: 10px; display: block; text-align: center; clear: both; margin-bottom: 10px; margin-left: 4px;}
#breaker-horizontal button {background: black url("images/bg.jpg") no-repeat scroll center 0px; border: 2px solid Gold;     font-size: 36px;     font-weight: 800;     line-height: 100%;     margin-top: 0;     padding-bottom: 16px !important;     padding-top: 16px !important;     text-align: center; 	text-shadow: 1px 1px 1px black;     white-space: normal;     width: 100%;}
#breaker-horizontal button img {height: auto;
    max-width: 150px;
    vertical-align: -10px;}
#breaker-horizontal button:hover {border: 2px solid white;}

#button-img {height: auto;     max-width: 160px;     vertical-align: -8px;}
#sidebar-home {margin-left: 20px; width: 100%; font-size: 115%; line-height: 100%; padding-bottom: 20px;}
#title {font-size: 21px; font-weight: 800; line-height: 150%; color: silver; margin-bottom: 5px;}
#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: 50%; line-height: 150%; margin-bottom: 20px;}
#homepage-pages {width: 50%;}
#home-partofnetwork {width: 35%; text-align: center;}
#main ul li {list-style: none;}
#homepage-archives li {list-style: outside none disc !important;}
/*********************************************************************************************

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: 28px; /* 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 25px 12px 15px;
position: relative;
}

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

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

.menu li li {
background: none;
padding: 5px 12px 5px 15px;
}

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

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

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


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

4. Main Content

*********************************************************************************************/
#content {
background: black;
width: 100%;
flex: 1 1 auto;
margin-bottom: 20px;
}

#content-inside {
width: 1080px;
margin: 0px auto;
}

#main {
width: 1080px;
float: left;
padding-top: 10px;

}
.empty {padding: 40px; font-size: 28px; line-height: 100%; text-align: center; color: silver;}
#single-logo {
	display: none;
	height: auto;
    margin-right: -5px;
    max-width: 160px;
    padding: 4px;
    vertical-align: -10px;}
#main-full {
width: 960px;
float: left;
}


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

5. Breadcrumbs

*********************************************************************************************/
#breadcrumbs {
background: black;
color: #E6E6E6;
font-size: 14px;
width: 100%; /* Compensate for Borders */
float: left;
margin: 10px 0 5px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#breadcrumbs h2 {line-height: 105%}
#breadcrumbs p {

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: 12px;
width: 230px;
margin: 0;
padding: 9px 8px 8px 8px;
}

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

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


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

7. Multiple Post Pages

*********************************************************************************************/
.multiple {
margin-right: 10px;
width: 350px;
float: left;
margin-bottom: 5px;
}

#title-posta {color: #777;}
#title-posta h2 a {font-size: 17px; color: white; font-family: Nunito Sans; font-weight: 600;}
#title-posta a {color: silver; font-weight: 400; line-height: 26px;}

.wp-pagenavi {font-size: 18px;
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;}
.multiple h2 a {color: white;}
.multiple p {
margin: 0;
padding: 0 0 0 4px;
}

.post-image {
float: left;
margin: 0 0 5px 0;

}

.thumbz {
position: relative;
}

.thumbz:hover
{background-color:Black; opacity:0.8;}

.thumbz img {

width: 350px;
height: 198px;
border: 1px solid gray;
z-index:-1;
}

.wp-post-image {
margin: 5px 0 0 5px;
}

.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='#e6000000',GradientType=0 );

	top: 139px;
    left: 1px;
	height: 50px;
    padding: 5px;
    position: absolute;
    width: 340px;
}
.entry-multiple img {border: 0;}
.post-frame:hover {
background: url(images/post-frame.png) 0 -149px no-repeat;
width: 194px;
height: 149px;
}

.post-frame-video {
background: url(images/post-frame-video.png) 0 0 no-repeat;
width: 194px;
height: 149px;
position: absolute;
}

.post-frame-video:hover {
background: url(images/post-frame-video.png) 0 -149px no-repeat;
width: 194px;
height: 149px;
}

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

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

ul.post-meta li {
font-size: 13px;
color: silver;
font-weight: 500;
height: 15px;
padding-top:37px;
text-shadow: 1px 1px 1px black;
}
.post-meta {font-size: 13px;
color: silver;
font-weight: 500;
text-shadow: 1px 1px 1px black;}
ul.post-meta li img:hover {border: 0;}
#starrings {

	text-shadow: 0 0 12px black, 0 2px 6px black, 1px 1px 0 black;
    color: white;
	font-size: 13px;
    padding: 5px;
    position: absolute;
    right: 1px;
	color:silver;
	font-weight: bold;
    text-align: right;
    top: -2px;

	}
#starrings img {border: 0;}
#starrings img:hover {border: 0;}
#starrings a {color: white;}
#time {max-width: 10px; height: auto; margin: 0;}
#time-single {max-width: 11px; height: auto; margin: 0;}
#views {height: auto;     margin-left: 5px;     max-width: 11px;     vertical-align: -1px;}
#views-single {max-width: 13px; height: auto; vertical-align: -1px;}
#star {max-width: 10px; height: auto; margin-left: 4px;}
#star-single {max-width: 13px; max-height: auto; vertical-align: -1px;}
#category {max-width: 14px; max-height: auto; margin-left: 4px; vertical-align: -1px;}
#time-single.related {border: 0;}
#views-single.related {border: 0;}
.advanced_recent_posts_widget img {width: 100%; height: auto;}
.advanced_recent_posts_widget ul li {width: 25%; font-size: 13px; font-weight: 800; margin-bottom: -3px;}
.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='#e6000000',GradientType=0 );
padding-left: 5px;
padding-bottom: 5px;
bottom: 3px;
color: white;
text-shadow: 1px 1px 1px black, -1px 1px 1px black, 0 0 5px black;
height: 14px;
font-weight: 600;
}
.wp-post-image {margin: 0;}

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

8. Single Post Pages

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

.full {
width: 1080px;
}
.entry p {  color: grey;  font-size: 105%;  line-height: 125%;  padding-bottom: 15px;  text-align: justify; }
.entry h1 {padding: 15px;}
.entry h2 {color: silver; line-height: 120%;}
.entry h3 {color: silver; padding-bottom: 20px; font-size: 140%; line-height: 150%;}
.entry p strong {color: silver;}
.entry ul li {list-style: inside none disc; margin-left: 5px; padding: 5px; color: grey; line-height: 120%;}
.entry li {color: silver; font-size: 115%; text-align: left; text-decoration: none; list-style: inside none disc; padding: 5px;}
.entry blockquote {color: grey; font-size: 130%; line-height: 120%; padding: 10px;}
.entry blockquote img {padding-left: 20px;}
.widgettitle {color: silver; padding: 5px;}
.single {width: 100%;}
.category-episodes .entry-sidebar {padding: 0;}
.category-episodes .entry-sidebar-1080p, .category-episodes .entry-sidebar-720p, .category-episodes .entry-sidebar-mobile {display: inline;}
.entry-sidebar {padding-left: 20px;}

.entry-sidebar button {background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.7)), url("images/button_bg_single.jpg");
background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_single.jpg");
background-size: cover; background-position: center center;}
.entry-sidebar-1080p button {background: #21e015;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #249d0e, #21e015);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #249d0e, #21e015); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.entry-sidebar-720p button {background: #56ab2f;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.entry-sidebar-mobile button {background: #F09819;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EDDE5D, #F09819);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #EDDE5D, #F09819); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.category-learning-to-drive-tips video, .category-how-to-spot-one video, .page video {width: 100%;}
.entry-sidebar, .entry-sidebar-1080p, .entry-sidebar-720p, .entry-sidebar-mobile {padding-left: 5px;}
.entry {width: 100%; float: left; position: relative;}


.entry-sidebar, .entry-sidebar-1080p, .entry-sidebar-720p, .entry-sidebar-mobile {width: 20%; float:right; clear: both;}
.entry-sidebar-1080p, .entry-sidebar-720p, .entry-sidebar-mobile {padding-top: 5px;}
.entry-sidebar button, .entry-sidebar-1080p button, .entry-sidebar-720p button, .entry-sidebar-mobile button {width: 100%; white-space: normal; height: 25vw;  text-align: center; opacity: 0.8; font-weight: 800; line-height: 100%; padding: 0; text-shadow: 1px 1px 1px black; border: 1px solid rgba(255,255,255,1);}
.entry-sidebar button {height: 377px; padding-top: 245px; font-size: 25px; }
.entry-sidebar button img {width: 60%; padding-top: 40%;}
.entry-sidebar {font-size: 36px;}
.entry-sidebar-1080p button, .entry-sidebar-720p button, .entry-sidebar-mobile button {height: 100px; font-size: 200%; padding-top: 5px;}

.entry-sidebar-1080p button img, .entry-sidebar-720p button img, .entry-sidebar-mobile button img {max-width: 100%; display: block;}
.entry ul {
margin: 0 0 15px 0;
}



.entry ol {

}

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

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

img.alignright {
padding-bottom: 20px;
}

img.alignleft {
padding: 5px;
margin: 0 15px 2px 0;
}

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

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

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

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !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;
}
video {width: 79%; height: auto; border: 1px solid #999;
    border-radius: 2px; opacity: 1;}


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

9. Post Comment Styles

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

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

#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: 25px 0 0 25px;
}

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

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: 4px;
-webkit-border-radius: 4px;
}

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

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

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

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

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

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

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

.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: 6px 4px 6px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

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

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

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


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

10. Pagination

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

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

#pagination a {
color: #808080;
}

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


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

11. Sidebar Styles

*********************************************************************************************/
#sidebar {
width: 100%;
}

#sidebar h2 {
font-size: 13px;
font-weight: bold;
}

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

}

.cat-posts-item {
float: left;
margin: 4px 0 6px 0;
}

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

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

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

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

.sidebar-ad {
margin: 5px 15px 10px 0;
}

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

.widget_categories ul ul{
padding-left:20px;
}
.categories ul li {display: inline-block;}
/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
	background:#000;
	width:100%;
	flex: 0 1 100px;

	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;}
#footer ul li {display: inline;}
#footer-inside {width: 1080px; margin-left: auto; margin-right: auto; display: box;}
#footer-inside {padding: 10px; color: white;}
#footer-inside p {line-height: 110%; font-size: 110%; font-weight: 300; margin-bottom: 10px; text-shadow: 1px 1px 0 black; text-align: center; color: ghostwhite; text-align: justify;}
#footer a {
color: #FFFFFF;
}

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

video {object-fit: cover;}