/* CSS Sıfırlama */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}	

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	a{text-decoration: none;}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}/*CSS Sıfırlama Bitiş*/

/* Genel */
	body{
		background:#f8f8f8;
		font-size:11px;
		font-family:tahoma;
		line-height:18px;
		color:black;
	}


	.container{
		float:left;
		width:960px;
	}

	.header{
		float:left;
		width:100%;
		height:160px;
		background:url(../images/logo.gif) center 20px no-repeat;
	}

	.footer{
		float:left;
		width:100%;
		text-align:center;
	}



	@font-face {
	  font-family: 'Reenie Beanie';
	  font-style: normal;
	  font-weight: normal;
	  src: local('Reenie Beanie'), url('../AJHand2.otf') format('truetype');
	}

	h1 { 
		font-family: 'Reenie Beanie', georgia, serif; font-size:18px;  text-shadow: 2px 2px 2px #454545; color:#2a2a2a;
		margin-bottom:10px; font-weight:normal;
		}

		.calismalar{
			float:left;
			width:100%;
		}

		.calismalar li{
			float:left; width:100%; font-family:georgia; font-style:italic;
			width:300px;
			margin:10px;
			height:170px;
		}

		.calismalar li a{
			float:left;
			border:solid 8px #d4d4d4;
			width:284px;
			height:120px;
		}

		.calismalar li a:hover{
			border:solid 8px #020202;
		}

		.info a{
			border-bottom:dotted 1px; color:black;
		}

		.info a:hover{
			border-bottom:none; background:#db2643;	color:white;	
		}

		.footer a{
			border-bottom:dotted 1px; color:black;
		}

		.footer a:hover{
			border-bottom:none; background:#db2643;	color:white;	
		}


.twit {
	width: 300px;
	position:absolute;
	margin-left:650px;
	margin-top:-8150px;
}

.twitted {
	width: 300px;
	margin-bottom: 1.5em;
	border: 1px solid #26b9e5;
	background:white;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #26b9e5;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
	background:white;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	border-bottom:dotted 1px; color:black;
}

.twitted ul#twitter_update_list li span a:hover {
	/* links in tweet content */
	border-bottom:none; background:#db2643;	color:white;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #db2643;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #26b9e5;
}

.twitted p.profileLink a{
	color:white;
}

.twitter_button{
	float:right;
	margin-top:38px;
	cursor:pointer;
}

/*---------Background Bubble Animation starts------------------*/
/*-- webkit animation --*/
.bubble {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: flight;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes flight {
	0%{
		width:20px;
		height:20px;
		margin-left:800px;
		margin-top:400px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:500px;
		margin-top:200px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:300px;
		margin-top:0px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble2 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: leftflight;
	-webkit-animation-duration: 12s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes leftflight {
	0%{
		width:20px;
		height:20px;
		margin-left:800px;
		margin-top:500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:1000px;
		margin-top:120px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:1200px;
		margin-top:0px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble3 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: centerflight;
	-webkit-animation-duration: 10s;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centerflight {
	0%{
		width:20px;
		height:20px;
		margin-left:700px;
		margin-top:400px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:700px;
		margin-top:40px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:700px;
		margin-top:-200px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble4 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:80px;
	-webkit-animation-name: centerleftflight;
	-webkit-animation-duration: 15s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centerleftflight {
	0%{
		width:20px;
		height:20px;
		margin-left:600px;
		margin-top:500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:70px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:500px;
		margin-top:80px;
	}
	100% {
		width:160px;
		height:160px;
		margin-left:140px;
		margin-top:-500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble5 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: centerrightflight;
	-webkit-animation-duration: 15s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centerrightflight {
	0%{
		width:20px;
		height:20px;
		margin-left:700px;
		margin-top:600px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:900px;
		margin-top:300px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:1300px;
		margin-top:-400px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}
.bubble6 {
	background:rgba(81,81,81, 0.2);
	position:absolute;
	-webkit-border-radius:50px;
	-webkit-animation-name: centercenterflight;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes centercenterflight {
	0%{
		width:10px;
		height:10px;
		margin-left:700px;
		margin-top:500px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
	50% {
		width:60px;
		height:60px;
		background:rgba(81,81,81, 0.2);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,.05);
		margin-left:500px;
		margin-top:100px;
	}
	100% {
		width:100px;
		height:100px;
		margin-left:450px;
		margin-top:-700px;
		background:rgba(81,81,81, 0);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0);
	}
}

/*---------Background Bubble Animation Ends------------------*/