@import url( http://fonts.googleapis.com/css?family=Inconsolata:400 );
@import url( http://fonts.googleapis.com/css?family=Karla:400 );

	
.vimeo{
	font-family:Verdana, Tahoma, Arial;
	font-size:12px;
	}
.vimeo a{// text-decoration:none;
	color:#aaa;
	}


html, body{
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	color:#fff;
}

table, th, td {
	padding:0px;
}

.t980{ 
	//table-layout:fixed;
	//display:block;
	// max-width:980px;
	//max-height:100%;	
}

.menu {
	font-size: 13px;
	font-family: Verdana,Tahoma,Arial;	
	color : #aaa;
	//background:pink;
	font-weight:bold;
	vertical-align: bottom;
	margin-bottom:4px;
	border-bottom: solid 1px #aaa;
	padding-bottom:2px;
	//color : #33CCFF;
}

.aciklama, ul.bby{
	font-size: 12px;
	font-family: Verdana,Tahoma,Arial;	
	color : #fff;
	text-align:justify;
	line-height: 150%;
	padding-right:0px;
}

 strong{
	font-size: 14px;
	font-family: Verdana,Tahoma,Arial;	
	color : #fff;
	text-align:justify;
	line-height: 180%;
	padding-right:0px;
}

.menuActive {
	color: #fff;
}
	
.menu a:link {
	text-decoration:none;
	color:#aaa;
}

.menu a:visited {
	color:#aaa;
	}

.menu a:hover {
	color:#fff;
	}
.menu a:active {
	color:#aaa;
	}	
	
.headerX {
	position:relative;
	width:100%;
	top:-10px;
	font-size: 18px;
	line-height:1.2em;
	font-family: Verdana,Tahoma,Arial;	
	color : #fff;
	font-weight:bold;
	//padding-top:1px;
	margin-top:0px;
	//background-color:silver;
	//left:0px;;
}

.footer {
	background-image:url(../images/footerBackground.jpg);
}	

.footerInfo{
	text-wrap:none;
	margin-top:35px;
	//margin-left: 120px;	
	font-size: 12px;
	font-family: Verdana,Tahoma,Arial;	
	color : #000;	
}

.footerTable{
	width:980px;
	margin: 0 auto;
}

div#info {
    //background-color:red;	
	margin-top:20px;
}

.face {
   // position: relative;
    right: 90px;
	bottom:15px;
	vertical-align:middle
}

.ins {
   // position: relative;
    right: 150px;
	bottom:15px;
	vertical-align:middle
}

.footerInfo a:link {
    color: black;
	text-decoration:none;
}

.footerInfo a:active {
    color: black;
}

.footerInfo a:visited {
    color: black;
}

.footerInfo a:hover {
    color: darkGreen;
}

.gserit {
	position:absolute;
	bottom:0px;
	padding-bottom:0px;
	spacing:0px;
	
}

.text{
	font-size: 18px;
	font-family: Verdana,Tahoma,Arial;	
	color : #fff;
	padding-left:0px;
	}
	
.text a:link {
    color: white;
	text-decoration:none;
}

.text a:active {
    color: white;
}

.text a:visited {
    color: white;
}

.text a:hover {
    color: silver;
}


#not-found {
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	height: 100%; 
	display: table;
}

#not-found body {
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	height: 100%; 
	display: table;
}

#not-found .body {
	background-position: 0px 0%; 
	animation:blink 0.1s steps(2, start) infinite, skip 7s linear infinite, flicker 0.1s steps(2, start) infinite; 
	color: rgb(0, 255, 0); 
	//line-height: 2em; 
	font-family: Inconsolata, "Lucida Console", Monaco, Courier, monospace; 
	font-size: 16px; 
	position: relative; 
	text-shadow: -2px 0px 0px rgba(0,0,225,0.4), -1px 0px 3px rgba(103,171,236,0.6), 1px 0px 4px rgba(69,112,204,0.5); 
	//background-image: url("/assets/img/404-stripe.png"), url("/assets/img/404-noise.png"); 
	background-attachment: fixed; 
	background-repeat: repeat-x, repeat; 
	background-color: rgb(0, 0, 0); 
	font-smooth: never; 
	-webkit-font-smoothing: none; 
	-moz-animation: blink 0.1s steps(2, start) infinite, skip 7s linear infinite, flicker 0.1s steps(2, start) infinite; 
	-webkit-animation: blink 0.1s steps(2, start) infinite, skip 7s linear infinite, flicker 0.1s steps(2, start) infinite;
}

#holder {
	margin: 0px auto; 
	vertical-align: bottom; 
	display: table-cell; 
	max-width: 980px; 
	height:340px; 
	//background-color:silver;
}

#story {
	padding: 0px; 
	margin-bottom:50px;
	line-height: 1.25em; 
	display: block; 
	white-space: pre; 
	max-width: 100%;
}

#story::after {
	animation:flicker 0.1s steps(2, start) infinite, ready 1s steps(2, start) 25s infinite; 
	top: 5px; 
	width: 0.5em; 
	height: 1em; 
	margin-left: 0px; 
	display: inline-block; 
	visibility: visible; 
	position: relative; 
	content: ""; 
	box-shadow: -2px 0px 0px rgba(0,0,225,0.4), -1px 0px 3px rgba(103,171,236,0.6), 1px 0px 4px rgba(69,112,204,0.5); 
	background-color: rgb(0, 255, 0); 
	-moz-animation: flicker 0.1s steps(2, start) infinite, ready 1s steps(2, start) 25s infinite;
	-webkit-animation: flicker 0.1s steps(2, start) infinite, ready 1s steps(2, start) 25s infinite; 
	-moz-box-shadow: -2px 0 0px rgba(0, 0, 225, 0.4), -1px 0 3px rgba(103, 171, 236, 0.6), 1px 0 4px rgba(69, 112, 204, 0.5); 
	-webkit-box-shadow: -2px 0 0px rgba(0, 0, 225, 0.4), -1px 0 3px rgba(103, 171, 236, 0.6), 1px 0 4px rgba(69, 112, 204, 0.5);
}

#kick {
	margin: 10px; text-shadow: none;
}

#kick a {
	color: rgb(29, 43, 42); 
	background-color: rgb(212, 248, 227);
}

.typed-cursor {
	display: none;
	//color:red;
}


// MENU 

#nice{ 
	display:block;
	background-color: #0f0;
	//width:980px;
	margin:0 auto;
	padding:0;
	float:none;
} 

#nicefooter ul {
	padding:0; 
	margin:0; 
	list-style:none; 
} 

#nicefooter li { 

	height:16px;
	float:left; 
	position:relative; 
	padding: 3px 3px 3px 0px; 
	display:block; 
	//border: 0px solid #CC55FF;
	//border-bottom: 1px solid #aaa;
	background: #000; 
	font-size:13px;
	font-family: Verdana, Arial, Verdana, Tahoma;
	font-weight:bold;
	//margin-right:5px;

} 

#nicefooter li.sub {
	top:6px;
	height:36px;

}

#nicefooter li a {
	color:#aaa; 
	text-decoration:none;
	display:block; 
	border-right: 1px solid #aaa;
	padding-right:8px;	
	//background-color:silver;
	margin-right:4px;
//	background-color:silver;
} 

#nicefooter li a:hover {
	color:#fff; 
	text-decoration:none;
}

#nicefooter li ul li a{
	margin-top:5px;
	float:right;
	//width:140px;
	color:#000; 
	text-decoration:none;
	border:0;
	padding:0;
	display:block; 
	width:7em;
	//display:block;
} 

#nicefooter li ul li a:hover{
	color:#aaa; 
	text-decoration:none;
}
 
#nicefooter li ul { 
	display:none; 
	position:absolute; }
 
#nicefooter li ul, #nicefooter li:hover ul li ul { 
	display:none; 
	position:absolute; 
} 

#nicefooter li:hover ul{ 
	width:160px;
	display:block; 
	background:white; 
	border: 1px solid #c0c0c0; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	//behavior: url('PIE.php'); 
	height:auto; 
	//width:8em; 
	z-index:1000; 
	padding: 5px; 
} 

#nicefooter li ul li{ 
	width:140px;
	clear:both; 
	border-style:none; 
	background: white; 
	padding: 0;
} 

#nicefooter li ul li a{ 
	display:block;
	//width:140px;
} 

img.mid {
	float:left;
	vertical-align: text-bottom;
}



// MENU END

// KUTU BEGIN


#kutu {
    position: absolute;
	z-index:200;
	//background-color: rgba(255, 255, 255, 0.9);
	font: 12px Verdana,Tahoma,Arial;
	line-height: 1.5em;
}
.bigBox{
	position: absolute;
	z-index:200;
	border: 2px solid white;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    padding: 24px;
	top: 50%;
    left: 50%;
    /*transform: translateX(-50%) translateY(-50%);*/
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 1000px;
    height: 520px;
    background-color: rgba(215, 215, 215, 0.95);
	//background: white;
	//text-align: center;
	color: #000;
	font: 12px Verdana,Tahoma,Arial;
}

.box {
	//position:relative;
	//top:20px;
	width: 640px;
	height: 480px;
	background-color: white;
	padding:10px;
	}
	
.icerik{
	width:100%;
	height:520px;
	//background: white;
	overflow: auto;
	}
	
.oduller{
	padding: 0;
	margin-top: 30px;
	width:100%;
	height:110px;
	//background: white;
	white-space:nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	text-align:center;
	}

.baslik{
	position:absolute;
	top: -16px;
	left: 400px;
	height: 30px;
	width: 200px;
	border-radius: 15px;
	background-color: #fff;
	//	background-color: rgba(85, 85, 85, 0.6);
	border: 1px solid #999;
	line-height: 28px;
	text-align: center;
	color: #000;
	}

.close{
	position:absolute;
	top: 6px;
	right: 6px;
	height: 18px;
	width: 18px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	//background-color: red;
	background-size: 18px;
	}

hr{
	width: 100%;
	height: 1px;
	border: none;
	background-color:#999;
	}
img{
	//border: 1px dotted #333;
	//float: left;	
		}
		
// KUTU END