/* ================================================================================================
        Light Design Plus
================================================================================================ */

/* ************************************************************************************************
		General
************************************************************************************************ */
.box-shadow {
    /*-webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;*/
}

.box-shadow-inset {
    -webkit-box-shadow: 0px 0px 2px #CCCCCC inset;
    box-shadow: 0px 0px 2px #CCCCCC inset;
}

h1 {
    border-color: #ddd;
}

/* ************************************************************************************************
		Header
************************************************************************************************ */

/********** Navigation **********/
#nav {    
    /** Gradient CSS **/
    background: #EEEEEE; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 50%, #e5e5e5 51%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#f5f5f5), color-stop(51%,#e5e5e5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 50%,#e5e5e5 51%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 50%,#e5e5e5 51%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 50%,#e5e5e5 51%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#f5f5f5 50%,#e5e5e5 51%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border-color: #ddd;
}

#nav li.current-menu-item a,
#nav li a:hover {
    background-image: url(../images/degrade-menu.png);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0px 0px 2px #666666 inset;
    box-shadow: 0px 0px 2px #666666 inset;
}

#nav li ul.sub-menu {    
    border-top-color: #CCCCCC;    
}

/********** Carousel **********/
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    background-image: url("../images/controls-plus.png");    
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 -32px;
}

.bx-wrapper .bx-next:hover {
    background-position: -32px -32px;
}

.bx-wrapper .bx-caption {
    background-image: url(../images/px-light.png);
    background-repeat: repeat;
}

.bx-wrapper .bx-caption span {
    color: #555;
}

/* ************************************************************************************************
		Content
************************************************************************************************ */
#container {
    border-color: #ccc;
    box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
}

.infobutton {
    background-image: url("../images/info-icon-plus.png");
    background-repeat: repeat-x;
}

.infobutton:hover {
    background-image: url("../images/info-icon-plus-hover.png");
    background-repeat: repeat-x;
}

/* ************************************************************************************************
		Listing videos
************************************************************************************************ */
.listing-tube li,
.listing-extract li,
.listing-wall li,
.listing-cat li {        
    border-color: #ddd;
}

img.attachment-thumb_site {
    position: relative;
}

.listing-extract li .right {
    border-left: none;
    background: url("../images/double-line-vl.png") repeat-y left;
}

/********** Listing infos **********/
.listing-infos {
    border-top: none;
    background: url("../images/double-line-hl.png") repeat-x top;
}

.listing-infos .views-infos,
.listing-infos .time-infos {
    border-right: none;
    background: url("../images/double-line-vl.png") repeat-y right;
}

/* ************************************************************************************************
		Video content
************************************************************************************************ */
/********** Title **********/
#video h1 {
    border-color: #ddd;
}

/********** Player **********/
#video-code {
    border-color: #ddd;
}

/********** Video advertising **********/
#video-ad {
    border-color: #ddd;
}

/********** The default control bar **********/
.vjs-default-skin .vjs-control-bar {
    color: #444; 
    border-top: 1px solid #ccc;
    background: #ccc; /* Old browsers */
    background: -moz-linear-gradient(top, #ccc 50%, #bbb 50%, #ddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%,#ccc), color-stop(50%,#bbb), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ccc 50%,#bbb 50%,#ddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ccc 50%,#bbb 50%,#ddd 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ccc 50%,#bbb 50%,#ddd 100%); /* IE10+ */    
    background: linear-gradient(top, #ccc 50%,#bbb 50%,#ddd 100%); /* W3C */
}

/********** Video infos **********/
#video-infos { 
    background-color: #eee;
    border-color: #BBBBBB #ddd;
}

#video-infos .views-infos,
#video-infos .time-infos {
    border-right: none;
    background: url("../images/double-line-vl.png") repeat-y right;
}

/********** Bottom **********/
#video-bottom {
    background: url("../images/double-line-hl.png") repeat-x center top;
}

/********** Share buttons **********/
.share-buttons ul li a {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

.share-buttons ul li a:hover {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/********** Rating **********/
.post-like .qtip,
.post-like a span#more,
.post-like a span#less {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;    
}

.post-like .qtip:hover,
.post-like a:hover span#more,
.post-like a:hover span#less {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

.post-like a span.like,
.post-like a span.dislike {
    background-color: #fff;
    border-color: #eee;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
}

.note-bar {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

/********** Categories and tags **********/
#cat-tag li a {
    background-color: #fff;
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    border-color: #ccc;
    -webkit-box-shadow: 0px 1px 0 #eee;
    box-shadow: 0px 1px 0 #eee;
}

#cat-tag li a:hover {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/********** URL Player button **********/
a.url-player-button {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

a.url-player-button:hover {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/* ************************************************************************************************
		Video widgets
************************************************************************************************ */
.widget-title {
    background: url("../images/double-line-hl.png") repeat-x bottom;
}

#sidebar .sidebar-widget .listing-tube li {
    background-color: #fff;
    border-color: #DDDDDD;
    -webkit-box-shadow: 0;
    box-shadow: none;
}

/********** All videos link **********/
.content-widget ul li.all_videos,
#sidebar .sidebar-widget .listing-tube li.all_videos,
#footer .footer-widget ul.listing-tube li.all_videos,
#footer .footer-widget-last ul.listing-tube li.all_videos {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.content-widget ul li.all_videos a:hover,
#sidebar .sidebar-widget .listing-tube li.all_videos a:hover,
#footer .footer-widget ul.listing-tube li.all_videos a:hover,
#footer .footer-widget-last ul.listing-tube li.all_videos a:hover {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/* ************************************************************************************************
		Comments
************************************************************************************************ */
#comments h3#reply-title {
    background: url("../images/double-line-hl.png") repeat-x bottom;
}

.comments-template input,
.comments-template textarea {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #555;
    /*box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), 0 0 5px white inset;*/
    transition:all 0.3s ease-out 0s;
}
.comments-template input:focus,
.comments-template textarea:focus {
    background-color: #fff;
}
.comments-template input[type=submit] {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    border: none;
    box-shadow: none;
}

.comments-template input:hover[type=submit]{   
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/* ************************************************************************************************
		Pagination
************************************************************************************************ */
.pagination a {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.pagination a:hover,
.pagination span.current  {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/* ************************************************************************************************
		Searchform
************************************************************************************************ */
#searchform #s {    
    border-color: #ddd;    
}

#searchform #searchsubmit {
    background-image: url("../images/search-icon-plus.png");
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

#searchform #searchsubmit:hover {
    background-image: url("../images/search-icon-plus-hover.png");
}

/* ************************************************************************************************
		Filters
************************************************************************************************ */
.filtre-container span,
.filtre-list {    
    border-color: #ccc;
}

/* ************************************************************************************************
		Template Categories
************************************************************************************************ */
ul.listing-cat li span.nb_cat {
    background-image: url("../images/degrade.png");
    background-color: #eee;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    border-color: #ddd;
}

ul.listing-cat li:hover span.nb_cat {
    background-image: url("../images/degrade-hover.png");    
}

/* ************************************************************************************************
		Template Tags
************************************************************************************************ */
.wp-tag-cloud li a,
.tagcloud a {    
    border-color: #ccc;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    color: #555;
}

.wp-tag-cloud li a,
.tagcloud a {
    background-image: url("../images/degrade.png");
    background-color: #fff;
}

.wp-tag-cloud li a:hover,
.tagcloud a:hover {
    background-image: url("../images/degrade-hover.png");    
}

/* ************************************************************************************************
		Sidebar
************************************************************************************************ */
#sidebar {
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px;
}

#sidebar #searchform #s {
    background: #ddd;
}

#sidebar #searchform #s:focus {
    background: #fff;
}

#sidebar li.cat-item a,
#sidebar .wp-tag-cloud li a,
#sidebar .tagcloud a {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    border-color: #ccc;
    -webkit-box-shadow: 0px 1px 0 #fff;
    box-shadow: 0px 1px 0 #fff;
}

#sidebar li.cat-item a:hover,
#sidebar .wp-tag-cloud li a:hover,
#sidebar .tagcloud a:hover {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

/* ************************************************************************************************
		Footer
************************************************************************************************ */
#footer {
    border-color: #bbb;
    box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
}

#footer li.cat-item a {
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    background-position: bottom;
    border-color: #ccc;
    -webkit-box-shadow: 0px 1px 0 #fff;
    box-shadow: 0px 1px 0 #fff;
}

#footer li.cat-item a:hover {
    background-image: url("../images/degrade-hover.png");
    background-repeat: repeat-x;
    background-position: top;
}

#footer #footer-copyright {
    border-top: none;
    background: url("../images/double-line-hl.png") repeat-x top;
}

/********** Back to top **********/
.backtotopinstance {
    background-image: url("../images/backtotop-plus.png");
}

.backtotopinstance:hover {
    background-image: url("../images/backtotop-plus-hover.png");    
}