/*
---------------------------------------------------------------------------
Last update: 2021-05-29
---------------------------------------------------------------------------

---------------------------------------------------------------------------
Define here classes to use in the VIDEO page (videos.html)
---------------------------------------------------------------------------
*/

#top-back-pic {
    height: 603px;
    background-image: url("../images/merch-back-pic.jpg");
}

#videos {
    width: 560px;
    height: 315px;
    margin: auto;
}

#videos #video-left {
    width: 200px;
    float: left;
    text-transform: uppercase;
    background-color: rgb(13, 13, 16);
}

#videos #video-mid {
    width: 560px;
    height: 315px;
    float: left;
    background-color: rgb(13, 13, 16);
    padding-bottom: 25px;
}

#videos #video-mid p {
    text-transform: uppercase;
    text-align: center;
    background-color: rgb(13, 13, 16);
}

#videos #video-right {
    width: 200px;
    float: left;
    text-transform: uppercase;
    background-color: rgb(13, 13, 16);
}

/*
#videos a{
    display:block;
    position:absolute;
    width:560px;
    height:315px;
    top:0;
    left:0;
    text-decoration:none;
}
*/


/*
---------------------------------------------------------------------------
------------------------- OLD VIDEOS
---------------------------------------------------------------------------
*/

#videos-thumb {
    width: 960px;
    height: 190px;
    margin: auto;
}

#videos-thumb #thumbnails-left {
    width: 292px;
    float: left;
    text-transform: uppercase;
    background-color: rgb(0, 0, 0);
}

#videos-thumb #thumbnails-mid {
    width: 292px;
    float: left;
    text-transform: uppercase;
    background-color: rgb(0, 0, 0);
}

#videos-thumb #thumbnails-right {
    width: 292px;
    float: right;
    text-transform: uppercase;
    background-color: rgb(0, 0, 0);
}

#spacer,
#dangerzone,
#cheatingthehangman,
#louisianabone,
#nogameofchance,
#engineaintnostopping,
#thunderroad,
#pitlanefire,
#cuttothebone {
    position: relative;
    width: 292px;
    height: 165px;
    float: left;
}

/*
------------------------- VIDEOS THUMBNAILS
*/

#spacer {
    background-image: url("../images/Video_Thumbnails/Spacer.jpg");
}

#dangerzone {
    background-image: url("../images/Video_Thumbnails/Video-pic-Danger-Zone.jpg");
}

#cheatingthehangman {
    background-image: url("../images/Video_Thumbnails/Video-pic-hangman.jpg");
}

#louisianabone {
    background-image: url("../images/Video_Thumbnails/Video-pic-Louisiana.jpg");
}

#nogameofchance {
    background-image: url("../images/Video_Thumbnails/Video-pic-NoGameOgChance.jpg");
}

#engineaintnostopping {
    background-image: url("../images/Video_Thumbnails/Video-pic-EngineNoStopping.jpg");
}

#thunderroad {
    background-image: url("../images/Video_Thumbnails/Video-pic-ThunderRoad.jpg");
}

#pitlanefire {
    background-image: url("../images/Video_Thumbnails/Video-pic-PitLaneFire.jpg");
}

#cuttothebone {
    background-image: url("../images/Video_Thumbnails/Video-pic-CutToTheBone.jpg");
}