/*
Theme Name: Covert VideoPress Theme
Theme URI: http://imwealthbuilders.com/newplugins
Description: The Covert VideoPress theme makes your blog look, feel and work exactly like Youtube – finally you can run your own tube site on WordPress - and you can do it without ever having to create a single video yourself. Covert Videopress also has a lot of customizeable features through the “Theme Options”. If you are looking for a way to automatically add videos to your “VideoPress blog” you should take a loot at the <a href="http://covertvideopress.com/pro" target="_blank">Covert Video Content</a> plugin.
Author: <a href="http://imwealthbuilders.com/newplugins" target="_blank">IM Wealth Builders</a>
Version: 1.5
Tags: light, white, gray, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, photo bloging
*/

/***********************************************************************************************/
/* General Styles Reset's etc                                                                  */
/***********************************************************************************************/

html, body, form, ul, li, table, td { margin: 0; padding: 0; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea {font-family: "helvetica neue",arial,sans-serif; color: #040404; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }

fieldset, img {border: 0 none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

a {color: #0000FF; font-weight: bold; outline: medium none; text-decoration: none; }
a:visited { color:  #800080;}


.clear {	clear: both;}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

/***********************************************************************************************/
/* Header Styles                                                                               */
/***********************************************************************************************/

#header-wrapper  {position: relative; width:100%;    margin-bottom: 1em;}
#header { width: 1010px; margin: 0 auto; position: relative; height: 70px;}
#search { position: absolute; margin: 4px 0 0; clear: right; right: 10px; z-index: 101;
}
#search label { display: none; }
#search input {
   border-color: #C2C0C0 #CCCACA #D1CFCF;
   border-style: solid;
   border-width: 1px;
   float: left;
   font-weight: inherit;
   outline: medium none;
}
#search input[type=text] {
   background-color: #FAF7F7;
   width: 183px;
   margin-top: 0px;
   padding: 5px;
   height: 16px;
}
#search input[type=submit]{cursor: pointer; width: 27px; height:  28px;
   text-indent: -100px; padding: 0;
  background: url(images/search.png) no-repeat; border-left-width: 0; margin-top: 0px;}

#logo { float: left; margin-top: 5px; height: 50px; width: 400px;}
#logo h1 { color: #CB2027; font-size: 1.75em; margin: 2px 0 0 0;}
#logo h2 { color: #8C7E7E; font-size: 1.25em; margin: 0;}

.page-menu { position: absolute;
   right: 0px;
   top: 0px;
   font-size: 1em; 
   -webkit-border-radius: 0px 0px 5px 5px;
   border-radius: 0px 0px 5px 5px; 
   z-index: 105;
}
.page-menu ul { list-style: none; position: relative;}
.page-menu li { float: left;  position: relative;}

.page-menu ul li > ul.children, .page-menu ul li > ul.sub-menu {
    z-index: 105;
    position: absolute;
    display: None;
}
.page-menu ul li > ul.children li, .page-menu ul li > ul.sub-menu li {
   float:none;
   
}

.page-menu ul li > ul ul {
   left: 99%;
   top:  5px;
}

.page-menu ul li ul.children li a, .page-menu ul li ul.sub-menu li a{
   font-weight: normal;
   text-shadow: none;
   white-space:nowrap;
}

.page-menu li a {
	display: block;
	text-decoration: none;
	margin-left: 1px;
	white-space: nowrap;
	padding: .25em .5em;
}

.page-menu li:hover > ul.children, .page-menu li:hover > ul.sub-menu { display: inline-block; position: absolute;}
.page-menu li:hover li { float: left; }

#navigation {
    font-size: 1.10em;
    width: 1010px;
    margin: 0 auto; 
    position: relative; 
    height: 35px;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

#navigation ul { list-style: none outside none; text-align: left; }
#navigation li { float: left; position: relative;}
#navigation li.current-cat a{ font-weight: bold;}
#navigation ul li > ul.children {
    z-index: 105;
    position: absolute;
    display: None;
}

#navigation ul li > ul ul {
left: 99%;
top: 0px;
}

#navigation li a {
    padding: 0 .5em;
    display: block;
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
}
#navigation > ul > li > a {
    line-height: 35px;
}
#navigation li a {
   line-height: 25px;
}
#navigation li.drop-down a {
   padding-right: 1em;
}

#navigation li.drop-down span {
    background-image: url("images/downarrow.png");
    height: 10px;
    right: 3px;
    top: 13px;
    width: 10px;
    background-repeat: no-repeat;
    position: absolute;
}

#navigation li:hover > ul.children {display: block; position: absolute;}
#navigation li:hover li { float: none; }

.comment p .author:hover {text-decoration: underline;}

/***********************************************************************************************/
/* Main Content Styles                                                                         */
/***********************************************************************************************/

#wrapper {
   margin: 0 auto;
   position: relative;
   width: 1010px;
   padding: 6px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

#videos_wrapper { width: 682px; }
#videos_wrapper.title { padding-top: 40px;}
#entry_wrapper { width: 650px; }
#sidebar_wrapper { width:  320px; }
div#sidebar_wrapper.left  {margin-right: 8px;}
div#sidebar_wrapper.right {margin-left: 8px;}
#page_title {top: -35px; position: relative; font-size: 1.75em; left: 2px; margin: 0;}
.video{
   border: 1px solid #cccaca;
   background-color: #FFFFFF;
   font-size: 11px;
   padding: 10px 10px 0 10px;
   width: 200px;
   margin-bottom: 10px;
   overflow: hidden;
   display: inline-block;
}

.video_thumb { width: 200px; height:  150px;}
.video .videoHolder { position:relative;}

.video .left {left: 0;}
.video .right {right: 0;}

.video .title { font-size: 1.15em; margin-top: .5em; min-height: 35px;}
.video .title a { font-weith: normal;}
.video .title a:visited { color: #0000FF; }
.video .description {overflow: hidden; word-wrap: break-word; height: 100px;}
.video .stats, .video .stats a {color: #8C7E7E; font-weight: normal;}
.video .stats a {display: block; margin:  5px 0;}
.video .stats {
   border-top: 1px solid #D9D4D4;
   font-size: 1.10em;
   margin: 0 -15px;
   padding: 5px 15px;
   color: #8C7E7E;
}
.video ul {margin-left: 15px; margin-bottom: 15px;}

.video .commentlist {
    border-top: 1px solid #D9D4D4;
    margin: 0 -15px;
    padding: 0 15px;
    color: #524D4D;
}

.video .comment {
    background-color: #F2F0F0;
    margin: 0 -15px;
    padding: 10px 15px;
    border-bottom: 1px solid #D9D4D4;
    border-top: 1px solid #FCFAFA;
    overflow: hidden;
}

.video .comment:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.comment .avatar {
   float: left;
   margin-right: 6px;
   width: 30px;
}

.comment p {
   width: 156px;
   margin: 0 0 0 36px;
   overflow: hidden;
   word-wrap: break-word;
}

.comment p .author {font-weight: bold;}

.video_entry {
   background-color: #FFFFFF;
   width:  600px;
   padding: 20px 30px 20px;
   margin: 0px 10px 20px 10px;
}

.video_entry h2 {
   margin: 0;
   font-size: 1.75em;
   line-height: 1em;
   margin-bottom: 2px;
}

.video_entry .stats {
   display: block;
   font-size: 1.15em;
   margin: 5px 0;
   color: #1d1b1b;
}
.video_entry .stats a {font-weight: normal;}
.video_entry .stats  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.video_entry .stats li {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    padding-top: 10px;
}
.video_entry .stats li span {
    float: left;
    font-weight: bold;
    width: 90px;
}

.video_entry .meta_data {
   color: #8C7E7E;
   font-size: 1em;
   margin: 0 0 8px;
}

.video_entry #meta_data a {
   color: #AD9C9C;
   font-weight: bold;
   outline: medium none;
   text-decoration: none;
}

.video_entry #meta_data a:hover {text-decoration: underline;}

.video_entry #video {
   width: 600px;
   height: 400px;
}

.video_entry #content {
   font-size: 1em;
   line-height: 1.25em;
   word-wrap: break-word;
   margin-bottom: 20px;
}

.video_entry #social {
   margin-top: 10px;
   margin-bottom: 5px;
}

.video_entry #social button.thumb {
   color: #555555;
   text-shadow: 0 1px 0 #FFFFFF;
   cursor: pointer;
   font-size: 11px;
   font-weight: bold;
   height: 2.95em;
   outline: 0 none;
   padding: 0 0.91em;
   vertical-align: middle;
   white-space: nowrap;
   word-wrap: normal;
   background-color: #E0E0E0;
   border: 1px solid;
   border-color: #CCCCCC #CCCCCC #AAAAAA;
   box-shadow: 0 0 1px #FFFFFF inset;
   text-shadow: 0 1px 0 #FFFFFF;
   border-radius: 3px;
}

.video_entry #social button.thumb:hover {
    border-color: #AAAAAA #AAAAAA #999999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
}

.video_entry #social button.thumb.active {
    border-color: #888888 #AAAAAA #CCCCCC;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFFFFF;
}

.video_entry #social button.thumb .button-icon-wrapper {
    display: inline-block;
    font-size: 0;
    max-height: 18px;
    vertical-align: middle;
}
.video_entry #social button.thumb .button-content {
  vertical-align: middle;
}

.video_entry #social #social_actions{
   margin-top: 5px;
   border-radius: 3px;
   box-shadow: 0 1px 1px #9f9f9f;
   background-color: #e3e3e3;
   width:  580px;
   height: 70px;
   padding: 10px;
   position: relative;
   display: none;
}
.video_entry #social #social_actions p {margin: 0 0 10px 0; font-size: .95em}
.video_entry #social #social_actions .close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}
.video_entry #social #social_actions .close img {
height: 9px;
opacity: 0.4;
width: 9px;
}

.video_entry #social #social_actions .share-button {
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   margin: 0;
   padding: 0;
   cursor: pointer;
   text-align: left;
}

.video_entry #social #social_actions  .share-url {
    margin-left: 0.5em;
    vertical-align: middle;
    width: 400px;
    color: #666666;
    font-size: 1.5em;
}

.video_entry #content ul{margin-left:  15px; margin-bottom: 15px;}
.video_entry #content img{max-width: 100%;}
.video_entry #comments {background-color: #DDDDDD; padding: 5px 10px;}
.video_entry .comment {border: 1px solid #EEEEEE; padding: 5px; margin-bottom: 5px;background-color: #C5C5C5;
}
.video_entry .comment .avatar {
   float: left;
   margin-top: 5px;
   margin-right: 6px;
   width: 52px;
   height: 52px;
}

.video_entry .comment .fn, .video_entry .comment .says, .video_entry .comment .comment-meta, .video_entry .comment .reply {font-size: 1em;}

.video_entry div.video-js { width:  100%; height: 100%;}

.comment .reply {
   clear:  left;
   margin: 0;
   text-align: right;
}

.video_entry .comment p {
   margin: 5px 0 0 56px;
   overflow: hidden;
   word-wrap: break-word;
   font-size: 1.15em;
   width:  500px;
}

.left {float: left;}
.right {float: right;}
.center { margin: 0 auto;}

/*
   Image alignment
 */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/***********************************************************************************************/
/* Footer Styles                                                                               */
/***********************************************************************************************/

#footer-wrapper  {position: relative; margin-top: 1em; padding: 1.625em 7.6%; overflow: hidden;}
#footer { width: 85%; margin: 0 auto; position: relative; min-height: 50px;}

/***********************************************************************************************/
/* Widget Styles                                                                               */
/***********************************************************************************************/
.widget-title {
   font-size: 1.25em;
   font-weight: bold;
   padding: 2px 5px;
   margin:  0px;
}
.widget-container {
   margin-top:  10px;
}

#content_sidebar { width: 300px; padding: 1px 10px 10px;}
#content_sidebar ul, #widgets_404 ul {list-style: none;}
#content_sidebar ul li, #widgets_404 ul li {font-size: 0.9231em; position: relative; }
#content_sidebar ul ul, #widgets_404 ul ul {list-style: square; }
#content_sidebar ul ul li, #widgets_404 ul ul li {margin: 4px 0px 4px 15px;}
#content_sidebar ul ul li a, #widgets_404 ul ul li a {
   font-weight: normal;
   padding: 3px; 
}

#footer .widget-area { }
#footer .widget-area ul {list-style: none;}
#footer .widget-areaul li {font-size: 0.9231em; position: relative; }
#footer .widget-area ul ul {list-style: square;}
#footer .widget-area ul ul li {margin-left: 15px;}
#footer .widget-area ul ul li a {
   font-weight: normal;
   display: block;
   padding: 3px; 
}

#footer.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#footer.two .widget-area + .widget-area {
	margin-right: 0;
}

#footer.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}

#footer.three .widget-area + .widget-area + .widget-area {margin-right: 0;}

.widget_highestratedvideos .video_content, 
.widget_mostviewedvideos .video_content, 
.widget_relatedvideos .video_content 
{ overflow: hidden; margin-top: 10px; width: 100%; background-color: #ffffff; }

.widget_highestratedvideos .video_text, 
.widget_mostviewedvideos .video_text,
.widget_relatedvideos .video_text 
{ float: right; width:  180px;}
  
.widget_highestratedvideos .video_text .title span, 
.widget_highestratedvideos .video_text .views, 
.widget_highestratedvideos .video_text .title, 
.widget_mostviewedvideos .video_text .title span,
.widget_mostviewedvideos .video_text .views, 
.widget_mostviewedvideos .video_text .title, 
.widget_relatedvideos .video_text .title span,
.widget_relatedvideos .video_text .views,
.widget_relatedvideos .video_text .title
{ color:  #8C7E7E; font-size:  .95em;}

.widget_mostviewedvideos .video_text .views,
.widget_relatedvideos .video_text .views,
{font-size:  1em;}

.widget_highestratedvideos .video_text .rating, 
.widget_mostviewedvideos .video_text .rating,
.widget_relatedvideos .video_text .rating,
{margin-top: 2px; margin-bottom: 2px;}

.widget_highestratedvideos .video_thumb, 
.widget_mostviewedvideos .video_thumb,
.widget_relatedvideos .video_thumb
{ width: 110px; height: 80px; float: left;padding-right: 5px;}
/***********************************************************************************************/
/* Page Numbers and Navigation Styles                                                          */
/***********************************************************************************************/
.pagination_wrapper {
   width: 100%;
   clear:both;
   padding:10px 0;
   position:relative;
   font-size:.90em;
   line-height:1em;
   text-align: center;
}

.pagination {
display: inline-block;

}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
font-weight: normal;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

/***********************************************************************************************/
/* Mobile & Tablet Styles                                                                      */
/***********************************************************************************************/

@media only screen and (max-width: 480px) {
   #header { width:  100%; }
   #header-wrapper {margin-bottom: 0px};
   #logo {width: 480px;}
   #logo h1 {font-size: 1em; }
   #logo h2 {font-size: .65em; }
   .page-menu {position: relative; display: inline-block;   }
   .page-menu, #navigation { font-size: 0.75em;}
   .page-menu li a {padding: .2em .25em; }
   #navigation {width:  99%; height:  20px; position: relative; }
   #navigation {margin-bottom: 0em;}
   #navigation li a {line-height:15px}
   #navigation li.drop-down span {right: 0px;}
   #navigation > ul > li > a {line-height: 20px; }
   #navigation li.drop-down span {height: 7px; width: 7px; top: 7px; right: 1px; background-image: url("images/downarrow_small.png");}
   #search {display: none;}
   #wrapper { width: 100%;}
   .single-post #wrapper,.single-post #wrapper #content_sidebar{padding:  0px;}
   .single-post #wrapper #content_sidebar{width: 100%;}
   #videos_wrapper, #entry_wrapper {width: 100%;}
   .video {width: 90%;}
   .video_thumb {margin: 0 auto;}
   .video_entry {width: 96%;margin: 0px; padding: 5px;}
   .video_entry h2 {font-size: 1em;}
   .video_entry .meta_data {font-size: .75em;}
   .video_entry .comment p {width: 80%; font-size: 1em;}
   .video_entry #video {width: 300px; height:  200px; left: -5px;} 
   #footer { width: 100%; }
   #logo { height: 0px;  }
   #logo h1, #logo h2 { margin: 0px 0px 0px 2px }
   #videos_wrapper.title { padding-top: 20px;}
   #page_title {top:  -20px; font-size: 1em;}
   #content_sidebar{ padding: 1px 2px 2px;}
   .pagination_wrapper {font-size:  .80em;}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
   #header { width:  95%; }
   #logo {width: 480px;}
   #logo h1 {font-size: 1.15em; }
   #logo h2 {font-size: .75em; }
   .page-menu, #navigation { font-size: .95em;}
   #navigation li a {line-height:35px}
   #wrapper { width: 90%;}
   #footer { width: 95%; }
   #navigation {width:  99%; height: 35px; position: relative;}
   #navigation > ul > li > a {line-height: 35px; }
   #search input {width: 95px;}
   #navigation li.drop-down span {right: 0px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
   #header { width:  95%; }
   #logo h1 {font-size: 1.25em; }
   #logo h2 {font-size: .75em; }
   #footer { width: 95%; }
}