/* ================================================================================================
        Light atmosphere
================================================================================================ */

/* ************************************************************************************************
		General
************************************************************************************************ */
body {
    background-color: #eee;
    color: #555;
}

a:hover {
    color: #777;
}

h1 {
    background-color: #eee; 
    border-color: #eee; 
    color: #333  
}

.infotext p {
    background-color: #fff;
    opacity: 0.9;
}

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

/********** Navigation **********/
#nav {    
    background-color: #eee;  
    border-color: #eee; 
}

#nav li {
    border-right-color: #d5d5d5;
}

#nav li a {
    color: #555555;
}

#nav li ul.sub-menu {
    background-color: #F5F5F5;   
}

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

#nav select.selectnav {
    background-color: #fff;
    border-color: #ccc;
    color: #555555;
}

/********** Carousel **********/
#th-carousel,
#th-carousel-horizontal {
    background-image: url("../images/loading-light.gif");
}

.bx-wrapper .bx-viewport {
    border-color: #e5e5e5;
	background-color: #e5e5e5;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #aaa;
}

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

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


/* ************************************************************************************************
		Content
************************************************************************************************ */
#container {
    background-color: #fff; 
    border-color: #fff;
}

.infobutton:hover {
    background-color: #999;
    border-color: #999;    
}

/* ************************************************************************************************
		Listing videos
************************************************************************************************ */

/********** General **********/
.listing-tube li,
.listing-extract li,
.listing-wall li,
.listing-cat li {
    background-color: #eee;
    border-color: #eee;
}

.listing-tube li a:hover,
.listing-extract li a:hover,
.listing-wall li a:hover,
.listing-cat li a:hover {
    color: #444;   
}

.listing-extract li .right {
    border-left-color: #ddd;    
}

.listing-extract li .right p {
    color: #888;
}

/********** Video infos **********/
.listing-infos {
    border-top-color: #d8d8d8;
}

.listing-infos .views-infos,
.listing-infos .time-infos {
    border-right-color: #d8d8d8;
}

.listing-infos .views-infos span,
.listing-infos .time-infos span,
.listing-infos .rating-infos span {
    color: #999;
}

.listing-infos .views-infos span.views-img {
    background-image: url("../images/views-light.png");
}
.listing-infos .time-infos span.time-img {
    background-image: url("../images/time-light.png");
}
.listing-infos .rating-infos span.rating-img {
    background-image: url("../images/rating-light.png");
}

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

/* ************************************************************************************************
		Video content
************************************************************************************************ */

/********** Title **********/
#video h1 {
    background: #eee;
    border-color: #eee;
}

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

.video-load {
    background-image: url("../images/loading-light-video.gif"); 
}

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

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

#video-infos .views-infos,
#video-infos .time-infos,
#video-infos .rating-infos {
    border-right-color: #ccc;
}

#video-infos .views-infos span,
#video-infos .time-infos span,
#video-infos .rating-infos span {
    color: #777;
    
}

#video-infos .views-infos span.views-img {
    background-image: url("../images/views-light.png");
}
#video-infos .time-infos span.time-img {
    background-image: url("../images/time-light.png");
}
#video-infos .rating-infos span.rating-img {
    background-image: url("../images/rating-light.png");
}

/********** Rating **********/
.post-like a {
    color: #555;
}

.post-like a span.like,
.post-like a span.dislike {
    background-color: #eee;
    border-color: #eee;
}

.post-like a:hover span {
    background-color: #ccc;
    color: #333;
}

.note-bar,
.note-bar.not-rated-yet {
    background-color: #aaa;
}

.like-bar {
    border-right-color: #555;
}

#video-synopsys p {
    color: #555;
}

/********** Categories and tags **********/
#cat-tag li a {
    color: #555;
    background-color: #ddd;
    border-color: #ddd;
}

/********** Share buttons **********/
.share-buttons ul li a:hover {
    background-color: #999;
    border-color: #999;    
}

/********** URL Player button **********/
a.url-player-button:hover {
    background-color: #999;
    border-color: #999;
}

/* ************************************************************************************************
		Video player
************************************************************************************************ */

body .mejs-container, .mejs-embed,
body .mejs-embed body,
body .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #fff;
}

body .mejs-container .mejs-controls {
    background: #e5e5e5;
}

body .mejs-controls .mejs-button button {
    background-image: url(../images/controls-light.png);
}

body .mejs-container .mejs-controls .mejs-time span {
    color: #222;
}

/* ************************************************************************************************
		Video widgets
************************************************************************************************ */
.widget-title span {    
    color: #333;
}

/********** All videos link **********/
#sidebar ul.listing-tube li {
    background-color: #eee;  
}

.content-widget ul li.all_videos:hover,
#sidebar .sidebar-widget .listing-tube li.all_videos:hover,
#footer .footer-widget ul.listing-tube li.all_videos:hover,
#footer .footer-widget-last ul.listing-tube li.all_videos:hover {
    background-color: #999;
    border-color: #999;    
}

/* ************************************************************************************************
		Comments
************************************************************************************************ */
#comments li {
    background-color: #eee;
    border-bottom-color: #ccc;
}

#comments .avatar img {
    border-color: #ddd;
}

#comments p {
    color: #555;
}

.comments-template input,
.comments-template textarea {
    background-color: #eee;  
    border-color: #eee; 
    color: #555;
}
.comments-template input:focus,
.comments-template textarea:focus {
    background-color: #fff;    
}

.comments-template input[type=submit]:hover {
    background-color: #999;
    border-color: #999;    
}

/* ************************************************************************************************
		Pagination
************************************************************************************************ */
.pagination a,
.pagination span {
    background: #999;
    color: #eee;
}

.pagination a:hover,
.pagination span.current {
    background-color: #999;
    border-color: #999;
}

/* ************************************************************************************************
		Searchform
************************************************************************************************ */
#searchform #s {  
    background-color: #eee;
    border-color: #eee;
    color: #555;    
}

#searchform #s:focus,
#sidebar #searchform #s:focus {
    background-color: #fff;    
}

#searchform #searchsubmit:hover {
    background-color: #999;
    border-color: #999;    
}

#sidebar #searchform #s {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

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

.filtre-list a {
    color: #555555;
}

.filtre-display ul li a#tube {
    background-image: url("../images/tube-light.png");
    background-repeat: no-repeat;
}

.filtre-display ul li a#tube-extract {
    background-image: url("../images/tube-extract-light.png");
    background-repeat: no-repeat;
}

.filtre-display ul li a#wall {
    background-image: url("../images/wall-light.png");
    background-repeat: no-repeat;
}

.filtre-display ul li.selected a#tube {
    background-image: url("../images/tube-light-selected.png");
}

.filtre-display ul li.selected a#tube-extract {
    background-image: url("../images/tube-extract-light-selected.png");
}

.filtre-display ul li.selected a#wall {
    background-image: url("../images/wall-light-selected.png");
}

/* ************************************************************************************************
		Template Categories
************************************************************************************************ */
ul.listing-cat li span.nb_cat {
    background-color: #fff;
    border-color: #fff;
    color: #777;
}

/* ************************************************************************************************
		Template Tags
************************************************************************************************ */
.wp-tag-cloud li a,
.tagcloud a {
    background-color: #fff;
    color: #555;
    border-color: #fff;
}

.wp-tag-cloud li a:hover,
.tagcloud a:hover {
    color: #fff;
}

/* ************************************************************************************************
		Sidebar
************************************************************************************************ */
#sidebar {
    background-color: #fff;
    border-color: #fff;
}

#sidebar li.cat-item a,
#sidebar .wp-tag-cloud li a,
#sidebar .tagcloud a {
    color: #555;
    background-color: #eee;
    border-color: #eee
}

#sidebar li.cat-item a:hover,
#sidebar .wp-tag-cloud li a:hover,
#sidebar .tagcloud a:hover {
    color: #fff;
}

/* ************************************************************************************************
		Footer
************************************************************************************************ */
#footer {
    background-color: #F5F5F5;
    border-color: #F5F5F5;    
}

#footer .widget-title span {
    background-color: #F5F5F5;
    color: #333333;
}

#footer li.cat-item a {
    color: #555;
    background-color: #fff;
    border-color: #fff
}

#footer li.cat-item a:hover {
    color: #fff;
}

#footer #footer-copyright {
    color: #777777;
    border-top-color: #CCCCCC;    
}

/********** Back to top **********/
.backtotopinstance:hover {    
    background-color: #999;
    border-color: #999;
}