@charset "utf-8";

/* CSS Document */



body {



margin : 0 auto;

padding : 0;

float : left;

}



body a {

text-decoration : none;

}



body a:hover {

text-decoration : underline;

}



.push {

height : 37px;

}





#mastercontainer {
margin-top: -28px;

float : left;

background-color : #43c7fe;

height : auto;

width : 100%;

padding : 0;

}



#headercontainer {

height : auto;

width : 60em;

margin : 0 auto auto;

}



#container {

width : 100%;

margin : 0 auto;

padding : 0;

background-color : #fff;

float : left;

}



#header {

height : 305px;

margin : 0 auto;

width : 80%;

}

#logo {

width : 446px;

height : 100px;

background : url(images/logo.png) no-repeat;

margin-top : 40px;

float : left;

margin-left : -70px;

}



#menu {

width : 330px;

height : 45px;

float : left;

margin-top : 60px;

}

#menu img {

border : none;

}



#maskot {

	width:335px;

	height:386px;

	position:absolute;

	background:url(images/blogmaskot.png) no-repeat;

	margin-left:-250px;

	margin-top:13px;

}



#kutu {

	width: 600px;

	height:180px;

	margin:200px 100px;

	position:absolute;

	text-align:justify;

	font-family:"Trebuchet MS";

	font-size:13px;

	padding: 20px;

	margin-bottom: 10px;

	border-radius: 10px; /* Standart */

	-moz-border-radius: 10px; /* Firefox */

	-moz-transform: rotate(-2deg);

	-webkit-border-radius: 10px; /* Safari ve Chrome */

	-webkit-transform: rotate(-2deg);

	background: #fff;

	left: -52px;

	z-index:0;

}



#twitter{

	width:48px;

	height:48px;

	position:absolute;

	margin-top:-120px;

	margin-left:-20px;

	background:url(images/twitter.png) no-repeat center;

	left: -19px;

	top: 274px;

	z-index:2;

}



#kutu h1{

	font-weight: normal; font-style: normal;line-height:normal; font-family: 'TRFreehand575Regular', sans-serif;
	font-size:40px;

	color:#1259C7;

	margin-top:0px; padding-bottom:0px;



  position: relative;



  color: #363636;



}



#gradient {



	z-index:1;



	width:520px;



	height:58px;



	background:url(images/gradientefekt.png) repeat-x center bottom;



	position:absolute;



	margin-left:-220px;



	top: 400px;



	



}







/* gradient 2 */



.gradient2 h1 {



	position: relative;



	color: #363636;



	letter-spacing: 0px;



}



.gradient2 h1 span {



	background: url(images/gradient-glossy.png) repeat-x;



	position: absolute;



	display: block;



	width: 100%;



	height: 32px;



	top: 20px;



	left: 16px;



}



.gradient2 a {



	color: #000;



	text-decoration: none;



}



.gradient2 a:visited {



	color: #000;



}



.gradient2 a:hover {



	color: #555;



}















@font-face {



	font-family: 'TRFreehand575Regular';



	src: url('files/fonts/tr_freehand_575-webfont.eot');



	src: local('woff'), url('files/fonts/tr_freehand_575-webfont.woff') format('woff'), url('files/fonts/tr_freehand_575-webfont.ttf') format('truetype'), url('files/fonts/tr_freehand_575-webfont.svg') format('svg'), url('files/fonts/tr_freehand_575-webfont.eot') format('eot');



	font-weight: normal;



	font-style: normal;



}











h3{font:24px 'TRFreehand575Regular', Arial, sans-serif; color:#1259C7;}



p.ilkParagraf{font:16px/1.5em 'TRFreehand575Regular', Arial, sans-serif;}











#yastik {



	width:512px;



	height:274px;



	background:url(images/yastik.png) no-repeat center;



	position:absolute;



	z-index:2;



	margin-top:250px;



	margin-left:400px;

	float:left;



}











.logo {	width:270px; 	height:64px;	margin-top:30px; float:left;	  margin-left:10px;	 }



#logoalt{



position:absolute;



width:411px;



height:406px;



background:url(images/logo_alt.png) no-repeat;



margin-left:-445px;



margin-top:-150px;



z-index:1;



}











.logo a {display: block;width: 270px;height: 94px;}



#menu {



width:580px;



height:45px;



float:left;



text-align:right;



margin-top:15px;



margin-left:32%;



vertical-align: bottom;



position:absolute;



left: 226px;



top: 15px;



}



ul.nav {list-style: none; padding-top:20px;}



ul.nav li {float: left;}



ul.nav li a {margin-left: 20px; text-decoration: none; font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 0.8em; color: #FFFFFF;}



/* Scrollover Styling */



ul.nav a.scrollover {color: #3b3b3b;}



ul.nav a.scrollover em:first-line {color: #4b97ae;}







#banner{ width:100%; height:314px; float:left; margin-top:0px; }



#headerbottom{width:100%; height:25px; position:absolute;margin-top:-20px; z-index:3;background:url(images/bannerbottom.png) repeat-x;}



.maskot { width:276px; height:316px; background: url() bottom no-repeat; float:left;}



.txtheader{ padding-left:15px; padding-top:20px;padding-right:45px;text-decoration: none;  width:100%;







font-family: TR_Koala;



text-decoration: none;



word-spacing: 0.2em;



text-align: left;



letter-spacing: 0;



line-height: 1em;



font-size: 1.6em;



font-weight:300; color:#23647b;







}



.twitterlogo {



	position:absolute;



	background: url(images/twitter.png) no-repeat;



	width:48px;



	height:48px;



	left: 460px;



	top: 332px;



	float:right;



	z-index:2;



}











.sidebar {



width:260px; padding-top:20px;



font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 0.9em;



margin-left: 20px;margin-top: 5px;



float: left;



}







.sidebar ul, .sidebar li {



margin: 0;



padding: 0;



}







.sidebar ul {



margin-left: 25px;



}







.sidebar ul li ul { 



margin-bottom: 15px;



margin-left: 0px;



}







.sidebar li.widget {



list-style: none;



margin: 0 0 15px;



padding: 0;



}







.sidebar li.widget ul li {







padding: 3px 0px 5px 0px;



margin-bottom: 3px;



}







.sidebar ul li {



list-style: none;



}







.sidebar li.linkcat h2 {



display: none;



}







.sidebar li.linkcat {



margin-top: -15px;



}







* html .sidebar li.linkcat {



margin-top: -10px;







}



*+html .sidebar li.linkcat {



margin-top: -10px;



}







.sidebar ul li ul li {



padding: 5px 0px 5px 0px;



margin-bottom: 3px;



}







.sidebar ul li ul li ul {



	margin-top: 10px;



	margin-bottom: -5px;



}







.sidebar ul li a {



text-decoration: none;



color: #2279a6;







}







.sidebar ul li a:hover {



color:#000000;



}







.sidebar ul li a {



text-decoration: none;



color: #2279a6;



}







.sidebar ul li a:hover {



text-decoration: underline;



}







.sidebar h2 {



margin: 0px 0 10px -15px;



padding: 0px;



color:#307771;text-decoration: none;



font:  40px 'TRFreehand575Regular', Arial, sans-serif; 







}







.sidebar .textwidget {



margin-left: -15px;



width: 260px;



line-height: 18px;



text-decoration:none;



font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;font-size:14px;



}







.sidebar #search {



margin-left: -15px;



}







.sidebar #search .search {



border: 1px solid #9a9a9a;



width: 135px;



float: left;



height: 13px;



padding-top: 3px;



font-size: 10px;



padding-left: 5px;



}







.sidebar ul li#search form#searchform input{



display: none;



}







#wp-calendar {



	



margin-left: -15px;



margin-top: -25px;



}







#wp-calendar caption {



font-size: 18px;



color: #111111;



letter-spacing: -1px;



font-weight: bold;



margin-bottom: 10px;



margin-left: -10px;color:#307771;text-decoration: none;



font:  40px 'TRFreehand575Regular', Arial, sans-serif; 







}







.sidebar ul li.widget_tag_cloud h2 {



margin-left: 0px;



}







.sidebar ul li.widget_tag_cloud {



margin-left: -15px;



}











/* Comments Template*/







.comments-template ol {



list-style: none;



width: 450px;



margin-top: 20px;text-decoration: none;



font-family: Trebuchet MS;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 13px;







}







.comments-template ol li {



line-height: 18px;text-decoration: none;font-family: Trebuchet MS;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 13px;



margin: 0px 0px 10px 0px;



padding: 10px;



border: 1px solid #d2d2d2;







}







.commentmetadata {text-decoration: none;font-family: Trebuchet MS;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 0.9em;







font-size: 12px;



margin: 10px 0px;



}







.commentmetadata a {



color: #2279a6;







}







.comments-template small {



font-size: 11px;



}







.comments-template p.nocomments {



padding: 0;



}







.comments-template textarea#comment {



margin: 15px 0; font-family: Trebuchet MS; 



}







.comments-template input#author, .comments-template input#email, .comments-template input#url {



margin: 10px 5px 5px 0px;



height: 16px;



width: 300px;  text-decoration: none;font-family: Trebuchet MS;



}







span.comment-text p {



padding: 10px 0;



}











#content {width:100%; margin-top:20px;text-align: left; height:100%; font-family: Trebuchet MS; }



#content h2 { font:  40px 'TRFreehand575Regular', Arial, sans-serif; color:#307771; width:100%;} 



.posts {width:730px;  margin-left:60px; float:left;}



#widgets{width:15em; padding-left:20px;margin: 0 auto; float:left; }







#widgets ul li {list-style-image:inherit; line-height: 1.4em;font-size: 0.8em; }



#widgets ul li a {margin-left: 0px; text-decoration: none; font-family: Trebuchet MS;text-align: left;color: #000;}



/* Scrollover Styling */











.widget_item{width:15em; height:100%; }







.post img { padding:0; border:none; vertical-align:text-bottom;}







.post_info{text-decoration: none; font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;font-size: 0.8em; color:#CCCCCC; margin-top:0px;}



.post_txt{



	text-decoration: none; font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 0.8em; color:#333333; text-align:justify; vertical-align:top;







}







.post {



width: 700px;



margin: 0px 0px 15px;



}







* html .post {



margin-bottom: 0px;



}







.post li {



list-style: url(images/bullet.gif) outside;



padding: 0px;



margin: 3px 0px;



}







.post ul {



margin-left: 30px;



}







.post li.linkcat {



list-style: none;







}







.post li.linkcat h2 {



display: none;



}







.post li ul {



margin-left: 0px;



}











h2 a {



color:#307771;text-decoration: none; text-align:left; float:left;



font:  40px 'TRFreehand575Regular', Arial, sans-serif; width:100%;



padding-bottom:10px;



}



h2 a:hover {color:#000;text-decoration: none;} 



.divider {



width: 610px;



height: 1px;



background: url(images/border.gif) repeat-x;



margin-top: 20px;



margin-bottom: 20px;



float: left;



}







.post-data {



float: left;



width: 100%;



height: 30px;  



background: url(images/border.gif) bottom repeat-x;



padding: 15px 0 15px;



margin-bottom: 15px; text-decoration:none;



font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;font-size: 0.8em;



}



	#thumb{



		float:left;



		width:240px;



		height:182px;



		border:none;



		background-image:url(images/thumbnail.png);



		background-repeat:no-repeat;



		padding:10px;



	



	}



	



	#thumbnail{



		width:230px;



		height:172px;



		float:left;



		padding:5px;



		border:none;



	}



	.thumbnail-class {



	float: left;



	width: 100px;



	height: 100px;



	margin: 0 15px 0 0;



	}



.left {



	float: left;



	margin: 0 15px 0 0;



	}



		#imler{ width:100%; height: 20px; float:left;}



	.facebook { padding-top:10px;width:16px;		height:16px;		float:left;		margin-left:5px;		border:none;background:url(images/social/facebook.png) no-repeat ;}



	.friendfeed {padding-top:10px;width:16px;		height:16px;		float:left;		margin-left:5px;background:url(images/social/friendfeed.png) no-repeat ; }



	.google {padding-top:10px;width:16px;		height:16px;		float:left;		margin-left:5px;background:url(images/social/google.png) no-repeat ; }



	.linkedin {padding-top:10px;width:16px;		height:16px;		float:left;		margin-left:5px;background:url(images/social/linkedin.png) no-repeat ; }



	.reddit {padding-top:10px;width:16px;		height:16px;		float:left;		margin-left:5px;background:url(images/social/reddit.png) no-repeat ; }



	.twitter {padding-top:10px;width:16px;		height:16px;		float:left;		margin-left:3px;background:url(images/social/twitter.png) no-repeat ; }



* html .post-data {



margin-bottom: 15px;



}







*+html .post-data {



margin-bottom: 15px;







}







.post-data a {



color: #2279a6;



text-decoration: none;



}	















.entry p {



text-align:justify;



margin: 10px 0 0 0;



}











.entry .left {



float: left;



margin: 0 5px 0 0;



}







.entry .right {



float: right;



margin: 0 0 0 5px;



}







.entry {

width:730px;

line-height: 20px;



text-decoration: none; font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;font-size: 0.8em; color:#333333;







}







.entry code {



font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;font-size: 0.8em;



}







.entry blockquote {



padding: 20px;



font-style: italic;



}







.pages {



line-height: 20px;



background: url(images/border.gif) bottom repeat-x;



padding-bottom: 15px;



}







.pages p {



font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;font-size: 0.8em;



}







#footertop{width:100%; height:25px; position:absolute; float:left; margin-top:-25px; z-index:3;}







#footer{



	width: 100%;



	height: 150px;



	clear: both;



	position:inherit;



	text-align: center;



	padding-top: 25px;



	margin-top: 45px;



	background: #000;



	text-decoration: none; font-family: Trebuchet MS;text-decoration: none;text-align: left;letter-spacing: 0;line-height: 1.4em;font-size: 0.8em; color:#333333;



}



#footer .txt a {







color:#666666;



text-decoration:none;



}



#footer .txt a:hover {



color:#fff;



}



#footerimage a {



border:none;



text-decoration:none;



}



#footerimage a:hover {



text-decoration:none;



}



.menu{







}