@charset "iso-8859-2";

@import url('../fonts/Bebas/stylesheet.css');
@import url('../fonts/BebasNeue/stylesheet.css');
@import url('../fonts/Dock_51/stylesheet.css');
/*@import url(http://fonts.googleapis.com/css?family=Sonsie+One|Titillium+Web:200,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200,700italic,700);*/

body {
	/*background:url(../asset/bg/bg_dots.png) top center;*/
}


a:link {  color: #B00; text-decoration: underline}
a:visited {  color: #B00}
a:hover {  color: #B00; background-color:#FFF; text-decoration:none;}
a:active {  color: #000; background-color:#900;}

#echoDIV {	/*random numbers fx*/
	position: fixed;
	z-index: 8;
	color: #333;
	right:60px;
	bottom:40px;
	opacity:.12;
	font-size:.5em;
	cursor:default;
	/*display:none;*/
}
#echoDIV2 {
	position: fixed;
	z-index: 9;
	color: #333;
	right:0px;
	top:-800px;
	opacity:.01;
	/*font-size:20em;*/
	font-size:10000%;
	cursor:default;
	/*display:none;*/
}
#c {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
div,p,h1 {
	/*font-family: 'Titillium Web', sans-serif;*/
	font-family: 'BebasNeue', sans-serif;
	font-weight:200;
}

.videoDIV {
/*    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -400px;*/
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
	width:100%;
	height:600px;
	border: 0px;
	z-index: 0;
}


#mainDIV {
	/*text-align: center;*/
	position:relative;
	width:100%;
	height: 1600px;
	background:url(../asset/bg/bg_dots.png) top center;
}

#fbStreamDIV {
	position:absolute;
    top: 50%;
    right: 0px;
    margin: -150px 0 0 0;
	background: #000;
	z-index:20;
}
.fb-like-box {
	border: 0px;
}

#footerLG {
	text-align: center;
	position: fixed;
	/*left:60px;
	top:0px;
	width:250px;*/
	top:12px;
	width:100%;
	margin: 0 auto;
	height: 80px;	/* h.of logo img
	background: url(../asset/logo/liter_gena_294px.png) top center no-repeat; */
	z-index:1;
	opacity:.9;
}


#logoDIV {
	text-align: center;
	position: fixed;
	/*
	top:0px;
	height: 80px;
	top:12px;*/
	width:100%;
	margin: 0 auto;
	z-index:1000;
	opacity:1;
}


#streamDIV {
	text-align: center;
	/*position: fixed;
	*/
	top:0px;
	right:0px;
	height: 80px;
	width:40%;
	margin: 0 auto;
	z-index:1001;
	opacity:1;
}


.video-div-wrapper {
	clear:both;
	text-align:center;
	margin: 0 auto !important;
            font-family: "impactreg";
	width:100%;
	/*z-index:100000;*/
}

.video-div {
	margin: 0 auto;
	padding: 0;
	width:64%;
	/* background-color:#333;		later remove */
	/*z-index:100000;*/
}

#subhdln-div p {
	font-family: "impactreg";
	text-align:right;
	font-size:0.8em;
	padding-right:8px;
	text-indent:0;
	color:#c00;
}






#logo {
	position:fixed;
	left:64px;
	top:30px;
	z-index:10;
}
#logo h1 {
	display:none;
}


.mediaTN_DIVvideo p {
	/*font-size: .56em;*/
	padding: 0px;
	margin: 0px;
}
.mediaTN_DIVvideo2 {
	clear:both;
	padding: 30px;
	width:680px;
	margin: 0px auto;
	padding-bottom: 20px;
}
.mediaTN_DIVtext h2 {
	/*font-size: 1.35em;*/
	color: #000;
}
.mediaTN_DIVtext {
	color: #000;
	/*opacity:.7;
	font-size: 1em;*/
	display:none;
}
.mediaTN_DIVtext header p {
	/*color: #F90;
	font-family: 'Sonsie One', sans-serif;*/
	font-size: .85em;
	color: #111;
	padding:0px;
	margin: 0px;
}
.mediaTN_DIVtext p,h2 {
	padding:0px;
	margin:0px;
}
.mediaTN_DIVtext {
	padding: 10px;
}

.mediaTN_DIV {
	margin: 0 auto;
	padding: 0;
	float:left;
	width:auto;
	/*background:#222;*/
	opacity:1;
	  -webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
			  border-radius: 20px;
	text-align:center;
	font-size: .75em;
	/*visibility:hidden;*/
	font-family: 'Titillium Web', sans-serif;
}

.mediaTN_DIV h1 {
	font-family: 'Titillium Web', sans-serif;
}
.whiteCredits {
	display:none;
}

#youtubeFrame {
	margin: 0 auto;
	  -webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
			  border-radius: 20px;
}


.smallYoutubeFrame1 {
	margin: 0 auto;
	  /*-webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
			  border-radius: 20px;*/
	clear:both;
	float:left;
}
.smallYoutubeFrame2 {
	margin: 0 auto;
	  /*-webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
			  border-radius: 20px;*/
	float:left;
}


