@charset "UTF-8";

body,td,th {
    font-family: "Courier New", Courier, monospace;
    color: #FFFFFF;
}
body {
    background-color: #171717;
}
h1, h2, .videotitlebox, .shorttitlebox, .contactbox {
    text-align: center;
}
.pagecontainer {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
hr {
    border: solid 1px #B5B5B5;
    width: 60%;
}
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #B7D994; text-decoration: none;transition: color .3s;}
a:active { color: #B7D994; }


.gazo img:hover{
filter:alpha(opacity=80);
opacity:0.8;
position:relative;
top:1px;
left:1px;
-webkit-transition: all .3s;
transition: all .3s;
}
.videothumbimage {
    max-width: 280px;
    height: auto;
    width: 100%;
    border-top-left-radius: 0px;
}
.shortthumbimage {
    height: auto;
    max-width: 180px;
}
.videothumbimage, .shortthumbimage {
    border-radius: 8px;
	border: solid 1px #9F9F9F;
}
.videotitlebox, .shorttitlebox {
    text-decoration: underline overline #9F9F9F;
    margin-top: 15px;
    margin-bottom: 10px;
}
.videotitlebox, .shorttitlebox, .contactbox {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 24px;
}
h1 {
    font-size: 50px;
    margin-top: 10px;
}
h2 {
    font-size: 30px;
    padding-bottom: 23px;
}
.contactbox {
    margin-bottom: 30px;
}
.videobox {
    width: 100%;
    max-width: 1350px;
    border-top-left-radius: 0px;
	border: 1px solid #6A6A6A;
}
a {
    text-decoration: none;
}
.toplinkbox {
    font-size: 18px;
}
.videocaption {
    font-size: 17px;
    padding-top: 6px;
	color: #BABABA
}