/*
Theme Name: Tabiatta Official Theme V1.0
Theme URI: https://facebook.com/brnogz44
Description: Tabiatta.com sitesinin resmi temasıdır. Tasarım: Hakkı Gürkan TÜÇEL | Wordpress Entegre-Yazılım: Mustafa Oğuz BARAN
Author: Mustafa Oğuz BARAN
Author URI: https://facebook.com/brnogz44
Version: 1.0
*/

body {font-family: Arial;background-color: #F8F8F8; color: #494949;}

/* Üst Alan */
#sabitle {position: fixed; width: 100%; z-index: 9999; top: 0;}
#ustmenu {background-color: #ffffff; box-shadow: 1px 1px 3px #eee; border-bottom: 1px solid #EBEBEB; width: 100%; height: 100px; }
.ortala {width: 995px; margin: 0 auto;}

	/* Ben */
	.ben {width: 350px; margin-top: 5px; float: left;}
	.ben img {float: left; border-radius: 206px; width: 100px; height: 90px; margin-right: 15px;}
	.ben h1 {font-size: 20px; font-weight: bold; margin-left: 15px; display: block; line-height: 25px; font-family: 'Raleway', sans-serif; font-weight:800;}
	.ben h2 {margin-left: 15px; line-height: 35px; font-family: 'Raleway', sans-serif; font-weight:400;}
	
	/* Üst Kategori */
	.ustkat {float: right; margin-top: 20px;}
	.ustkat ul li {float: left;}
	.ustkat ul li a {margin-right: 15px; text-transform: uppercase; color: #333333; font-family: 'Raleway', sans-serif; font-weight:900;}
	.ustkat p {float: right; font-size: 10px; display: block; margin-top: 10px; width: 230px; line-height: 15px;}
	
	/* Kategoriler */
	.kategoriler {width: 100%; background-color: #fbfbfb; border-bottom: 1px solid #E6E6E6; box-shadow: 1px 1px 3px #fff; padding-top: 15px; padding-bottom: 25px; margin-top: 106px; overflow: hidden;}
	.kategoriler ul li {float: left;}
	.kategoriler ul li a {font-size: 15px; color: #808080; text-shadow: 1px 1px 0 #ffffff; margin-right: 20px; padding: 5px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight:400; }
	.kategoriler ul li a:hover {text-decoration: underline;}
	
/* Sağ Kısım */
#sag {float: right; width: 305px; margin: 30px 0 20px 10px;}

	/* Sağ Başlık */
	.sagBaslik h2 {font-size: 18px; line-height: 28px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 10px;}
	.tab {font-size: 18px; line-height: 28px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 10px;}
	.tab a {color: #494949;}
	
	/* Anket */
	.anket {overflow: hidden; margin-top: 10px; margin-bottom: 15px;}
	.anketbaslik {background-color: #F9F7DC; padding: 8px; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #ddd; }
	.vote {padding: 5px 0; font-size: 14px;}
	.vote input {margin-left: 5px;}
	button.anketGonder {background: #3d7ad6;color: #fff;font: bold 14px Arial;padding: 6px 15px;margin-left: 5px; cursor: pointer;}
	
	/* Arama */
	.arama {margin-bottom: 20px; margin-top: 10px; overflow: hidden;}
	.arama input {width: 280px; color: #AAAAAA; border: 1px solid #DFDFDF; border-radius: 2px; padding: 10px;display: block; overflow: hidden;}
	input.aramabuton {background: url("../images/arama.png") no-repeat; width: 14px; height:15px; border: none; float: right; position: relative; right: 25px; bottom: 27px;}

	/* Popüler Konular - Son Yorumlar */
	.popson {margin-top: 20px; position: relative; overflow: hidden;}
	.popresim img {float: left; width: 100px; height: 80px; margin-right: 10px; margin-bottom: 5px;}
	.popson h3 {font-size: 14px;}
	.popson h3 a {color: #222222;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; /* Safari */}
	.popson h3 a:hover {color: #2a60bb;}
	.popkat {position: absolute; top: -1px;}
	.popkat a {line-height: 21px;padding: 2px 4px; font-size: 11px;}
	.popson span {color: #c4c4c4; font-size: 12px; line-height: 35px;}
	
	
	/* Reklamlar */
	.reklam {overflow: hidden; margin-top: 10px;}
	.sol {float: left;}
	.sol1 {margin-left: 7px;}
	.sol2 {margin-left: 7px; margin-top: 10px;}
	
	/* Sosyal Ağlar */
	.sosyalaglar {overflow: hidden; margin-top: 10px;}
	.sosyalaglar img {margin-right: 13px;}
	
	/* En Son Ne Dinledim */
	.ensonnedinledim {margin-top: 20px;}
	.videoListele {margin-top: 35px; }
		ul.videoListele li {float: left; width: 300px; margin: 4px; margin-right: 20px; height: 180px; overflow: hidden; position: relative}
		ul.videoListele li a img {width: 300px; height: 150px; background-color: #eee}
		ul.videoListele li a span.vlBaslik {display: block; padding-top: 5px; color: #656565; font-size: 13px;}
		ul.videoListele li a span.vlSure {position: absolute; bottom: 50px; right: 3px; background-color: #77D100; padding: 8px; color: #fff; font-size: 13px;}
	
/* Sol Kısım */
#sol {float: left; width: 670px; position: relative;}

	/* Kısa Konu */
	.kKonu {border-bottom: 1px solid #dfdfdf; padding: 40px 0; overflow: hidden; position: relative;}
	.kKonuResim {margin-right: 30px;float: left;}
	.kKonukat {position: absolute; top: 48px; font-size: 14px; line-height: 13px;}
	.kKonukat a {line-height: 21px; padding: 10px;}
	.turuncu a {background-color: #FA4B2A; color: #ffffff;}
	.lila a {background: #46A28D; color: #FFFFFF;}
	.gokyuzu a {background: #00C8FF; color: #FFFFFF;}
	.acikyesil a {background: #77D100; color: #FFFFFF;}
	.sari a {background: #FFD800; color: #FFFFFF}
	.kirmizimsi a {background: #D45255; color: #FFFFFF;}
	.kKonuİcerik {float: left; width: 500px;}
	.kKonuBaslik h2 a {color: #222222; line-height: 28px; font-size: 21px; font-family: 'Raleway', sans-serif; font-weight:400; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; /* Safari */}
	.kKonuBaslik h2 a:hover {color: #2a60bb;}
	.kKonuBilgi {font-size: 12px; color: #999999; display: block; line-height: 21px; margin-top: 15px; margin-bottom: 15px; }
	.kKonuYazi {font-size: 14px; color: #555555; line-height: 23px;}
	.kKonuYazi a {color: #2a60bb;}
	.kKonuYazi img {display: none;}
	
	/* Arama Konu */
	.aKonuResim {float: left; margin-right: 30px;}
	.aKonuResim img {width: 250px; height: 220px;}
	
	/* Nerdeyim */
	.nerdeyim {position: absolute; top: 50px; margin-left: 15px; overflow: hidden; width: 640px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; font-size: 14px; line-height: 25px; }
	.nerdeyim a {color: #222222;}
	
	/* Tam Konu */
	.tKonu {overflow: hidden; border: 1px solid #ebebeb; box-shadow: 0 1px 2px #eee; padding: 25px 0; margin-top: 35px; margin-bottom: 10px; background-color: #ffffff;}
	.tKonuicerik {width: 650px;}
	.tKonuBaslik {font-family: 'Raleway', sans-serif; font-weight:400; font-size: 30px; padding: 5px; margin: 10px; margin-top: 45px; line-height: 25px;}
	.tKonuBilgi {font-size: 12px; margin: 10px; padding: 5px; }
	.tKonuYazi {margin: 10px; padding: 5px; font-size: 14px; line-height: 25px;}
	.tKonuYazi a {color: #2a60bb; background: url("../images/link.png") no-repeat right; padding-right: 16px;}
	
	/* Navigasyon */
	.navigasyon {float: right; margin: 30px 0 30px 0;}
	.navigasyon a {background-color: #46A28D; color: #ffffff; padding: 8px;}
	.navigasyon a:hover {background-color: #D45255;}
	.navigasyon span {background-color: #D45255; color: #ffffff; padding: 8px;}
		
		/* Benzer Konular */
		.benzerkonular {margin: 10px; padding: 5px;}
		.benzerkonular h2 {font-size: 18px; line-height: 28px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 10px; }
		.benzerkonular ul li {padding: 5px; border-bottom: 1px dotted #dfdfdf; overflow: hidden; margin-top: 10px;}
		.benzerkonular ul li img {float: left; width: 90px; height: 60px; margin-right: 10px;}
		.benzerkonular li h3 {font-family: 'Raleway', sans-serif; font-weight:400;}
		.benzerkonular li h3 a {color: #222222;}
		.benzerkonular li p {font-size: 12px; margin-top: 5px; line-height: 25px;}
		
		/* Yorum Yap */
		.yorumYap {margin: 10px; padding: 5px;}
		.yorumYap h3 {font-size: 18px; line-height: 28px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 10px;}
		.yorumYap span {display: block; font-size: 13px; line-height: 28px;}
		.yorumYap input {width: 280px; color: #AAAAAA; border: 1px solid #DFDFDF; border-radius: 2px; padding: 10px;display: block; overflow: hidden;}
		.yorumYap textarea {border: 1px solid #DFDFDF; border-radius: 2px; padding: 10px; display: block; width: 600px; margin-bottom: 10px;}
		.yorumYap input[type='submit'] {width: 100px; background-color: #fff; border-radius: 10px; color: #555; float: right;}
		
		/* Yorumlar */
		.yorum {margin: 10px; padding: 5px; overflow: hidden; position: relative; border-bottom: 1px solid #dfdfdf; padding-bottom: 25px; margin-bottom: 25px;}
		.yorumAvatar {float: left; margin-right: 10px;}
		.yorumAvatar img {width: 75px; height: 75px; border-radius: 50px;}
		.yorum h2 {font-family: 'Raleway', sans-serif; font-weight:400; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
		.yorum h2 a {color: #494949;}
		.yorum span {position: absolute; right: 0; font-size: 12px; color: #d3d3d3; font-style: italic;}
		.yorumYazi {font-size: 13px; line-height: 25px;}
	
		/* İletişim */
		.iletisimAlani {margin: 10px; padding: 5px;}
		.iletisimAlani span {display: block; font-size: 13px; line-height: 28px;}
		.iletisimAlani input {width: 280px; color: #AAAAAA; border: 1px solid #DFDFDF; border-radius: 2px; padding: 10px;display: block; overflow: hidden;}
		.iletisimAlani textarea {border: 1px solid #DFDFDF; border-radius: 2px; padding: 10px; display: block; width: 600px; margin-bottom: 10px;}
		.iletisimAlani input[type='submit'] {width: 100px; background-color: #fff; border-radius: 10px; color: #555; float: right;}
		
/* Footer */
#footer {background-color: #FFFFFF; border-top: 1px solid #EBEBEB; width: 100%;}
.hgtucel {float: right; padding: 10px; margin-right: 170px; line-height: 36px; font-size: 13px;}
.hgtucel a {color: #2a60bb;}
.hgtucel a:visited {color: #2a60bb;}
.footer {width: 995px; margin: auto; padding: 10px; line-height: 36px; font-size: 13px;}