/* CSS-genererad från PHP-variabler */

:root {
	--font-family: 				Georgia, Times New Roman, Times, serif;
	--body-background: 			#000000;
	--primary-color:			#ff9900;
	--primary-color-hover:		#FFFFFF;
	
	--secondary-color:			#ff9900;
	--secondary-color-hover:	#ff9900;
	
	--keywords-color:			#FFFFFF;
	--keywords-color-hover:		#FFFFFF;

	--ads-border:				#ff9900;
	--ads-border-hover:			#ff9900;	
	
	--video-border:				#FFFFFF;
	--video-border-hover:		#FFFFFF;	
	
	--embed-text:				#FFFFFF;
	--embed-background:			#444444;
	
	--bottom-text:				#FFFFFF;
	--bottom-background:		#444444;
	--bottom-links:				#000000;
	--bottom-links-hover:		#FFFFFF;
}

body {
    font-family: var(--font-family);
    font-size: 16px;
}

body, #adHeader, #adRight, #adBottom {
	background: var(--body-background);
}

a {
	color: var(--primary-color); /* Text color of primary links */
	text-decoration: underline;
	outline: none;
}

body, a:hover {
	color: var(--primary-color-hover); /* Text color of primary links hover*/
}

body, h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
}

#videolength { /* Text color of video length */
	color: var(--secondary-color);
}

.keywords a {
    color: var(--keywords-color); /* Text color of keywords links */
    text-decoration: none;
}

.keywords a:hover {
    color: var(--keywords-color-hover); /* Text color of keywords links hover */
    text-decoration: underline;
}

table {
	white-space: nowrap;
}

h1 {
	font-size: 24px;
}

.space {
	margin-top: 10px;
}

h2 {
	font-size: 14px;
}

h3, h4 {
	font-size: 18px;
}

h4 {
	margin-top: 10px;
	margin-bottom: 20px;
}

#header {
	width: 925px;
}

#header td h1 {
	font-size: 19px;
	font-weight: bold;
}

#header .center {
	width: 100%;
	font-size: 14px;
}

#header .right {
	font-size: 16px;
	font-weight: bold;
}

#adHeader, #adRight, #adBottom {
	clear: both;
}

#adHeader, #adBottom {
	width: 930px;
}

#adHeader {
	height: 150px;
	margin-bottom: 4px;
	border: 1px solid var(--ads-border); /* Color border around top advertisement */
}

#adRight {
	width: 340px;
	height: 475px;
	margin-bottom: 5px;
}

#adBottom {
	height: 245px;
	margin-bottom: 5px;
	border: 1px solid var(--ads-border); /* Color border around bottom advertisement */
}

.row {
	padding: 0;
	margin: 0;
	margin-top: -1px;
}

.videos {
	width: 488px; /* Size of video thumbs */
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	_height: 1%;
}

.videos a {
	font-weight: bold;
}

.videos a img {
	border: 1px solid var(--video-border); /* Color border around video thumbs */
}

.videos a:hover img {
	border: 1px solid var(--video-border-hover); /* Color border around video thumbs hover */
}

#trades {
	width: 80%;
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 25px;
}

#trades a {
	font-weight: bold;
}

#links {
	font-size: 13px;
}

.container {
	width: 970px;
	margin-top: 5px;
}

#video_player, #right_of_the_video_player {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	zoom: 1;
	*display: inline;
	_height: 1%;
}

#video_player {
	width: 625px;
	margin-right: 5px;
}

#video_player h1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 24px;
}

#right_of_the_video_player {
	width: 340px;
}

#embed, .bottom {
	text-align: left;
}

#embed {
	color: var(--embed-text); /* Text color in embed frame */
	font-size: 14px;
	font-weight: bold;
	width: 330px;
	padding: 4px 5px 5px 5px;
	background-color: var(--embed-background); /* Background color in embed frame */
}

.form_input {
	width: 326px;
}

.index {
	width: 930px;
}

.play {
	width: auto;
}

.bottom {
	color: var(--bottom-text); /* Text color in the bottom frame */
	font-size: 10px;
	padding: 5px;
	margin-top: 18px;
	background: var(--bottom-background); /* Background color in the bottom frame */
	line-height: 1.1 !important;
}

.bottom a {
	font-weight: bold;
	color: var(--bottom-links); /* Color of bottom links */
}

.bottom a:hover{
	color: var(--bottom-links-hover); /* Color of bottom links hover */
}